• pyqt5 嵌入WEB 并实现qt向web的通信

    最终实现效果：（左边是一个web界面，右边是qt的doubleSpinBox和pushButton）

     

    我的思路是这样的：

            首先建立一个flask Sever 用来接收qt提交的数据并保存在服务器中

            然后web前端轮询的获取储存在服务器中的数据

            （虽然知道轮询方式缺点巨大，但还没有想到好的办法，还请路过的大佬指点）

    项目文件夹：

     

    flask：

    1. from flask import Flask,render_template,url_for,request,jsonify
    2.  
    3. # template_folder:模板的位置,
    4. # static_folder:静态文件放的位置(图片/css..),默认叫static
    5. # static_url_path:前端寻找静态文件的前缀, 默认叫/static g跟静态文件夹存放的位置名称，不一样
    6. app = Flask(__name__ ,template_folder = 'templates', static_folder='static', static_url_path='/static')
    7.  
    8.  
    9. @app.route("/index",methods=['GET'])  # 设置路由，允许GET请求
    10. def showIndexHtml():
    11.     return render_template("test.html")
    12.  
    13. @app.route("/postData",methods=['POST'])
    14. def postDataformUI():
    15.     global data
    16.     data = request.get_json()
    17.     return jsonify(msg="ok")
    18.  
    19. @app.route("/getData",methods=['GET'])
    20. def getDataformFlask():
    21.     doubleSpinBoxValue = data["doubleSpinBoxValue"]
    22.     return jsonify(doubleSpinBoxValue=doubleSpinBoxValue)
    23.  
    24. app.run(host="0.0.0.0")

    前端：

    1. HTML>
    2. <html>
    3. <head>
    4.     <meta charset="utf-8">
    5.     <title>websocket通信客户端title>
    6.     <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js">script>
    7.     <script src="https://code.jquery.com/jquery-3.6.0.min.js">script>
    8.  
    9. head>
    10.  
    11. <body>
    12. <div id="main" style="width: 100%; height:100%; position: absolute;">div>
    13. <script>
    14.     function getNum(url,callback) {
    15.         var xmlhttp=new XMLHttpRequest();
    16.         // var url="http://127.0.0.1:5000/getData";
    17.         var type="GET";//方法
    18.         var doubleSpinBoxValue = 0;
    19.         xmlhttp.open(type,url,true);//方法，接口，异步
    20.         xmlhttp.send();//发送请求
    21.         xmlhttp.onreadystatechange=function(){
    22.             if(xmlhttp.status==200&&xmlhttp.readyState==4){
    23.                 var result=JSON.parse(xmlhttp.response);
    24.                 doubleSpinBoxValue = result.doubleSpinBoxValue;
    25.                 callback(doubleSpinBoxValue);
    26.                 console.log(doubleSpinBoxValue, typeof doubleSpinBoxValue)//result即为接口返回给我们的数据具体进行处理可以封装一个方法
    27.             }
    28.         };
    29.     }
    30.  
    31.     function html(){
    32.         //在此希望调用获取年龄方法得到小明的年龄
    33.         let num=getNum("http://127.0.0.1:5000/getData", function(doubleSpinBoxValue){
    34.             var myChart = echarts.init(document.getElementById('main'));
    35.             let angle = 0; //角度，用来做简单的动画效果的
    36.             let value = doubleSpinBoxValue;
    37.             console.log(doubleSpinBoxValue, typeof doubleSpinBoxValue);
    38.             option = {
    39.                 backgroundColor: "#061740",
    40.                 title: {
    41.                     text: "{a|" + value + "}{c|%}",
    42.                     x: "center",
    43.                     y: "center",
    44.                     textStyle: {
    45.                         rich: {
    46.                             a: {
    47.                                 fontSize: 48,
    48.                                 color: "#29EEF3",
    49.                             },
    50.  
    51.                             c: {
    52.                                 fontSize: 20,
    53.                                 color: "#ffffff",
    54.                                 // padding: [5,0]
    55.                             },
    56.                         },
    57.                     },
    58.                 },
    59.                 legend: {
    60.                     type: "plain",
    61.                     orient: "vertical",
    62.                     right: 0,
    63.                     top: "10%",
    64.                     align: "auto",
    65.                     data: [
    66.                         {
    67.                             name: "涨价后没吃过",
    68.                             icon: "circle",
    69.                         },
    70.                         {
    71.                             name: "天天吃",
    72.                             icon: "circle",
    73.                         },
    74.                         {
    75.                             name: "三五天吃一次",
    76.                             icon: "circle",
    77.                         },
    78.                         {
    79.                             name: "半个月吃一次",
    80.                             icon: "circle",
    81.                         },
    82.                     ],
    83.                     textStyle: {
    84.                         color: "white",
    85.                         fontSize: 16,
    86.                         padding: [10, 1, 10, 0],
    87.                     },
    88.                     selectedMode: false,
    89.                 },
    90.                 series: [
    91.                     {
    92.                         name: "ring5",
    93.                         type: "custom",
    94.                         coordinateSystem: "none",
    95.                         renderItem: function (params, api) {
    96.                             return {
    97.                                 type: "arc",
    98.                                 shape: {
    99.                                     cx: api.getWidth() / 2,
    100.                                     cy: api.getHeight() / 2,
    101.                                     r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6,
    102.                                     startAngle: ((0 + angle) * Math.PI) / 180,
    103.                                     endAngle: ((90 + angle) * Math.PI) / 180,
    104.                                 },
    105.                                 style: {
    106.                                     stroke: "#0CD3DB",
    107.                                     fill: "transparent",
    108.                                     lineWidth: 1.5,
    109.                                 },
    110.                                 silent: true,
    111.                             };
    112.                         },
    113.                         data: [0],
    114.                     },
    115.                     {
    116.                         name: "ring5",
    117.                         type: "custom",
    118.                         coordinateSystem: "none",
    119.                         renderItem: function (params, api) {
    120.                             return {
    121.                                 type: "arc",
    122.                                 shape: {
    123.                                     cx: api.getWidth() / 2,
    124.                                     cy: api.getHeight() / 2,
    125.                                     r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6,
    126.                                     startAngle: ((180 + angle) * Math.PI) / 180,
    127.                                     endAngle: ((270 + angle) * Math.PI) / 180,
    128.                                 },
    129.                                 style: {
    130.                                     stroke: "#0CD3DB",
    131.                                     fill: "transparent",
    132.                                     lineWidth: 1.5,
    133.                                 },
    134.                                 silent: true,
    135.                             };
    136.                         },
    137.                         data: [0],
    138.                     },
    139.                     {
    140.                         name: "ring5",
    141.                         type: "custom",
    142.                         coordinateSystem: "none",
    143.                         renderItem: function (params, api) {
    144.                             return {
    145.                                 type: "arc",
    146.                                 shape: {
    147.                                     cx: api.getWidth() / 2,
    148.                                     cy: api.getHeight() / 2,
    149.                                     r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65,
    150.                                     startAngle: ((270 + -angle) * Math.PI) / 180,
    151.                                     endAngle: ((40 + -angle) * Math.PI) / 180,
    152.                                 },
    153.                                 style: {
    154.                                     stroke: "#0CD3DB",
    155.                                     fill: "transparent",
    156.                                     lineWidth: 1.5,
    157.                                 },
    158.                                 silent: true,
    159.                             };
    160.                         },
    161.                         data: [0],
    162.                     },
    163.                     {
    164.                         name: "ring5",
    165.                         type: "custom",
    166.                         coordinateSystem: "none",
    167.                         renderItem: function (params, api) {
    168.                             return {
    169.                                 type: "arc",
    170.                                 shape: {
    171.                                     cx: api.getWidth() / 2,
    172.                                     cy: api.getHeight() / 2,
    173.                                     r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65,
    174.                                     startAngle: ((90 + -angle) * Math.PI) / 180,
    175.                                     endAngle: ((220 + -angle) * Math.PI) / 180,
    176.                                 },
    177.                                 style: {
    178.                                     stroke: "#0CD3DB",
    179.                                     fill: "transparent",
    180.                                     lineWidth: 1.5,
    181.                                 },
    182.                                 silent: true,
    183.                             };
    184.                         },
    185.                         data: [0],
    186.                     },
    187.                     {
    188.                         name: "ring5",
    189.                         type: "custom",
    190.                         coordinateSystem: "none",
    191.                         renderItem: function (params, api) {
    192.                             let x0 = api.getWidth() / 2;
    193.                             let y0 = api.getHeight() / 2;
    194.                             let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65;
    195.                             let point = getCirlPoint(x0, y0, r, 90 + -angle);
    196.                             return {
    197.                                 type: "circle",
    198.                                 shape: {
    199.                                     cx: point.x,
    200.                                     cy: point.y,
    201.                                     r: 4,
    202.                                 },
    203.                                 style: {
    204.                                     stroke: "#0CD3DB", //粉
    205.                                     fill: "#0CD3DB",
    206.                                 },
    207.                                 silent: true,
    208.                             };
    209.                         },
    210.                         data: [0],
    211.                     },
    212.                     {
    213.                         name: "ring5", //绿点
    214.                         type: "custom",
    215.                         coordinateSystem: "none",
    216.                         renderItem: function (params, api) {
    217.                             let x0 = api.getWidth() / 2;
    218.                             let y0 = api.getHeight() / 2;
    219.                             let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65;
    220.                             let point = getCirlPoint(x0, y0, r, 270 + -angle);
    221.                             return {
    222.                                 type: "circle",
    223.                                 shape: {
    224.                                     cx: point.x,
    225.                                     cy: point.y,
    226.                                     r: 4,
    227.                                 },
    228.                                 style: {
    229.                                     stroke: "#0CD3DB", //绿
    230.                                     fill: "#0CD3DB",
    231.                                 },
    232.                                 silent: true,
    233.                             };
    234.                         },
    235.                         data: [0],
    236.                     },
    237.                     {
    238.                         name: "吃猪肉频率",
    239.                         type: "pie",
    240.                         radius: ["58%", "45%"],
    241.                         silent: true,
    242.                         clockwise: true,
    243.                         startAngle: 90,
    244.                         z: 0,
    245.                         zlevel: 0,
    246.                         label: {
    247.                             normal: {
    248.                                 position: "center",
    249.                             },
    250.                         },
    251.                         data: [
    252.                             {
    253.                                 value: value,
    254.                                 name: "",
    255.                                 itemStyle: {
    256.                                     normal: {
    257.                                         color: {
    258.                                             // 完成的圆环的颜色
    259.                                             colorStops: [
    260.                                                 {
    261.                                                     offset: 0,
    262.                                                     color: "#4FADFD", // 0% 处的颜色
    263.                                                 },
    264.                                                 {
    265.                                                     offset: 1,
    266.                                                     color: "#28E8FA", // 100% 处的颜色
    267.                                                 },
    268.                                             ],
    269.                                         },
    270.                                     },
    271.                                 },
    272.                             },
    273.                             {
    274.                                 value: 100 - value,
    275.                                 name: "",
    276.                                 label: {
    277.                                     normal: {
    278.                                         show: false,
    279.                                     },
    280.                                 },
    281.                                 itemStyle: {
    282.                                     normal: {
    283.                                         color: "#173164",
    284.                                     },
    285.                                 },
    286.                             },
    287.                         ],
    288.                     },
    289.  
    290.                     {
    291.                         name: "",
    292.                         type: "gauge",
    293.                         radius: "58%",
    294.                         center: ["50%", "50%"],
    295.                         startAngle: 0,
    296.                         endAngle: 359.9,
    297.                         splitNumber: 8,
    298.                         hoverAnimation: true,
    299.                         axisTick: {
    300.                             show: false,
    301.                         },
    302.                         splitLine: {
    303.                             length: 60,
    304.                             lineStyle: {
    305.                                 width: 5,
    306.                                 color: "#061740",
    307.                             },
    308.                         },
    309.                         axisLabel: {
    310.                             show: false,
    311.                         },
    312.                         pointer: {
    313.                             show: false,
    314.                         },
    315.                         axisLine: {
    316.                             lineStyle: {
    317.                                 opacity: 0,
    318.                             },
    319.                         },
    320.                         detail: {
    321.                             show: false,
    322.                         },
    323.                         data: [
    324.                             {
    325.                                 value: 0,
    326.                                 name: "",
    327.                             },
    328.                         ],
    329.                     },
    330.                 ],
    331.             };
    332.  
    333.             myChart.setOption(option);
    334.  
    335.             //获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
    336.             function getCirlPoint(x0, y0, r, angle) {
    337.                 let x1 = x0 + r * Math.cos((angle * Math.PI) / 180);
    338.                 let y1 = y0 + r * Math.sin((angle * Math.PI) / 180);
    339.                 return {
    340.                     x: x1,
    341.                     y: y1,
    342.                 };
    343.             }
    344.  
    345.             function draw() {
    346.                 angle = angle + 3;
    347.                 myChart.setOption(option, true);
    348.                 //window.requestAnimationFrame(draw);
    349.             }
    350.  
    351.             setInterval(function () {
    352.                 //用setInterval做动画感觉有问题
    353.                 draw();
    354.             }, 100);
    355.         });
    356.     }
    357.  
    358.     function funcTest(){
    359.         //每隔3秒执行一次timelyFun方法
    360.         window.setInterval("html()",3000);
    361.     }
    362.     window.onload = funcTest;
    363.  
    364.  
    365. script>
    366. body>
    367. html>

    pyqt：

    1. from PyQt5.Qt import *
    2. from resource.home import Ui_MainWindow
    3. from PyQt5.QtCore import Qt
    4. from PyQt5 import QtCore,QtGui
    5. from PyQt5.QtWidgets import QApplication
    6. from PyQt5.QtWebEngineWidgets import *
    7. import sys,threading,requests,json
    8.  
    9.  
    10. class homePane(QMainWindow, Ui_MainWindow):
    11.     def __init__(self, parent=None, *args, **kwargs):
    12.         self.app = QApplication(sys.argv)
    13.         super().__init__(parent, *args, **kwargs)
    14.         self.setAttribute(Qt.WA_StyledBackground, True)
    15.         self.setupUi(self)
    16.         self.setWindowTitle("WEBTest")
    17.         icon = QtGui.QIcon()
    18.         icon.addPixmap(QtGui.QPixmap("resource/images/webIcon.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
    19.         self.setWindowIcon(icon)
    20.         self.setIconSize(QtCore.QSize(40, 40))
    21.  
    22.         # 设置按钮图标
    23.         icon1 = QtGui.QIcon()
    24.         icon1.addPixmap(QtGui.QPixmap("resource/images/保存.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
    25.         self.pushButton.setIcon(icon1)
    26.         self.pushButton.setIconSize(QtCore.QSize(30, 30))
    27.  
    28.         self.doubleSpinBox.setStyleSheet(
    29.             "QAbstractSpinBox{background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(0, 38, 200, 255), stop:1 rgba(255, 255, 255, 255));color: rgb(255, 255, 255);font: 16pt 'Arial';border-radius:8px;}"
    30.             "QAbstractSpinBox::up-button{subcontrol-origin: padding;subcontrol-position: center right; border-image: url('resource/images/向右.png');width:40px;height:40px;}"
    31.             "QAbstractSpinBox::down-button{subcontrol-origin: padding;subcontrol-position: center left;border-image: url('resource/images/向左.png');width:40px;height:40px;}"
    32.             "QAbstractSpinBox::up-button:pressed{subcontrol-origin: padding;subcontrol-position: center right;background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(0, 81, 200, 255), stop:1 rgba(255, 255, 255, 255));}"
    33.             "QAbstractSpinBox::down-button:pressed{subcontrol-origin: padding;subcontrol-position: center left;background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(0, 81, 200, 255), stop:1 rgba(255, 255, 255, 255));}"
    34.         )
    35.  
    36.         self.browser = QWebEngineView()
    37.         # 加载外部的web界面
    38.         self.browser.load(QUrl('http://127.0.0.1:5000/index'))
    39.         self.scrollArea.setWidget(self.browser)
    40.  
    41.  
    42.     def saveNum(self):
    43.         doubleSpinBoxValue = self.doubleSpinBox.value()  # 获取doubleSpinBox的值
    44.         postData = json.dumps({'doubleSpinBoxValue': doubleSpinBoxValue})
    45.         headers = {"Content-type": "application/json", "Accept": "*/*"}
    46.         r = requests.post("http://127.0.0.1:5000/postData", data=postData, headers=headers)
    47.         print(r.text)
    48.  
    49.  
    50.  
    51. if __name__ == '__main__':
    52.     app = QApplication(sys.argv)
    53.     window = homePane()
    54.     window.show()
    55.     sys.exit(app.exec())

    UI（home.py）

    1. # -*- coding: utf-8 -*-
    2.  
    3. # Form implementation generated from reading ui file 'home.ui'
    4. #
    5. # Created by: PyQt5 UI code generator 5.15.6
    6. #
    7. # WARNING: Any manual changes made to this file will be lost when pyuic5 is
    8. # run again.  Do not edit this file unless you know what you are doing.
    9.  
    10.  
    11. from PyQt5 import QtCore, QtGui, QtWidgets
    12.  
    13.  
    14. class Ui_MainWindow(object):
    15.     def setupUi(self, MainWindow):
    16.         MainWindow.setObjectName("MainWindow")
    17.         MainWindow.resize(818, 622)
    18.         self.centralwidget = QtWidgets.QWidget(MainWindow)
    19.         self.centralwidget.setObjectName("centralwidget")
    20.         self.horizontalLayout = QtWidgets.QHBoxLayout(self.centralwidget)
    21.         self.horizontalLayout.setObjectName("horizontalLayout")
    22.         self.scrollArea = QtWidgets.QScrollArea(self.centralwidget)
    23.         self.scrollArea.setStyleSheet("border:3px solid rgb(0, 0, 0);\n"
    24. "border-radius:8px;")
    25.         self.scrollArea.setWidgetResizable(True)
    26.         self.scrollArea.setObjectName("scrollArea")
    27.         self.scrollAreaWidgetContents = QtWidgets.QWidget()
    28.         self.scrollAreaWidgetContents.setGeometry(QtCore.QRect(0, 0, 590, 553))
    29.         self.scrollAreaWidgetContents.setObjectName("scrollAreaWidgetContents")
    30.         self.scrollArea.setWidget(self.scrollAreaWidgetContents)
    31.         self.horizontalLayout.addWidget(self.scrollArea)
    32.         self.widget_2 = QtWidgets.QWidget(self.centralwidget)
    33.         self.widget_2.setObjectName("widget_2")
    34.         self.verticalLayout = QtWidgets.QVBoxLayout(self.widget_2)
    35.         self.verticalLayout.setObjectName("verticalLayout")
    36.         self.doubleSpinBox = QtWidgets.QDoubleSpinBox(self.widget_2)
    37.         self.doubleSpinBox.setMinimumSize(QtCore.QSize(100, 40))
    38.         self.doubleSpinBox.setStyleSheet("QAbstractSpinBox{\n"
    39. "    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(0, 38, 200, 255), stop:1 rgba(255, 255, 255, 255));\n"
    40. "    color: rgb(255, 255, 255);\n"
    41. "    font: 16pt \"Arial\";\n"
    42. "border-radius:8px;\n"
    43. "}\n"
    44. "QAbstractSpinBox::up-button{\n"
    45. "    subcontrol-origin: padding;\n"
    46. "    subcontrol-position: center right;\n"
    47. "    border-image: url(:/police_classifcation/images/向右.png);\n"
    48. "width:40px;\n"
    49. "height:40px;\n"
    50. "}\n"
    51. "QAbstractSpinBox::down-button{\n"
    52. "    image: url(:/new/prefix1/picture/sl1.png);\n"
    53. "    subcontrol-origin: padding;\n"
    54. "    subcontrol-position: center left;\n"
    55. "    border-image: url(:/police_classifcation/images/向左.png);\n"
    56. "width:40px;\n"
    57. "height:40px;\n"
    58. "}\n"
    59. "QAbstractSpinBox::up-button:pressed{\n"
    60. "    subcontrol-origin: padding;\n"
    61. "    subcontrol-position: center right;\n"
    62. "    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(0, 81, 200, 255), stop:1 rgba(255, 255, 255, 255));\n"
    63. "}\n"
    64. "QAbstractSpinBox::down-button:pressed{\n"
    65. "    subcontrol-origin: padding;\n"
    66. "    subcontrol-position: center left;\n"
    67. "    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(0, 81, 200, 255), stop:1 rgba(255, 255, 255, 255));\n"
    68. "}")
    69.         self.doubleSpinBox.setMaximum(100.0)
    70.         self.doubleSpinBox.setProperty("value", 90.0)
    71.         self.doubleSpinBox.setObjectName("doubleSpinBox")
    72.         self.verticalLayout.addWidget(self.doubleSpinBox)
    73.         self.pushButton = QtWidgets.QPushButton(self.widget_2)
    74.         self.pushButton.setMinimumSize(QtCore.QSize(100, 40))
    75.         self.pushButton.setStyleSheet("QPushButton {\n"
    76. "background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(0, 38, 200, 255), stop:1 rgba(255, 255, 255, 255));\n"
    77. "border-radius:8px;\n"
    78. "color:white;\n"
    79. "spacing:20px;\n"
    80. "    font: 14pt \"楷体\";\n"
    81. "}\n"
    82. "QPushButton:hover {\n"
    83. "    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(147, 33, 250, 255), stop:1 rgba(255, 255, 255, 255));\n"
    84. "}\n"
    85. "QPushButton:pressed {\n"
    86. "background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(250, 33, 80, 255), stop:1 rgba(255, 255, 255, 255));\n"
    87. "}\n"
    88. "QPushButton:disabled{\n"
    89. "    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));\n"
    90. "}")
    91.         self.pushButton.setText("")
    92.         self.pushButton.setObjectName("pushButton")
    93.         self.verticalLayout.addWidget(self.pushButton)
    94.         self.horizontalLayout.addWidget(self.widget_2)
    95.         self.horizontalLayout.setStretch(0, 3)
    96.         self.horizontalLayout.setStretch(1, 1)
    97.         MainWindow.setCentralWidget(self.centralwidget)
    98.         self.menubar = QtWidgets.QMenuBar(MainWindow)
    99.         self.menubar.setGeometry(QtCore.QRect(0, 0, 818, 23))
    100.         self.menubar.setObjectName("menubar")
    101.         MainWindow.setMenuBar(self.menubar)
    102.         self.statusbar = QtWidgets.QStatusBar(MainWindow)
    103.         self.statusbar.setObjectName("statusbar")
    104.         MainWindow.setStatusBar(self.statusbar)
    105.  
    106.         self.retranslateUi(MainWindow)
    107.         self.pushButton.clicked.connect(MainWindow.saveNum) # type: ignore
    108.         QtCore.QMetaObject.connectSlotsByName(MainWindow)
    109.  
    110.     def retranslateUi(self, MainWindow):
    111.         _translate = QtCore.QCoreApplication.translate
    112.         MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))

  • 相关阅读:
    从零开始Blazor Server(11)--编辑用户
    linux下的gdb调试器
    magento1.x多域名部署可行性方案
    HTML页面在iPhone中电话号码自动检测带来的布局问题
    【工具】idea 设置自动渲染注释
    Innodb底层原理与Mysql日志机制
    Java float和double精度范围大小(二进制存储角度剖析)
    树莓派4b编译FFmpeg支持硬件编解码
    使C＃语言编程更加高效的伎俩
    dubbo-admin 无法显示元数据
  • 原文地址：https://blog.csdn.net/ChaoChao66666/article/details/126907693