文田ICC712

admin

1. 
   
2. 我是一个软件工程师，帮我用python的ttkbootstrap库编写一个MQTT物联网通讯的程序，文件名为：AI_TTK_HCJC.py，
   
3. UI界面设计成带有科技感的可爱的绿色环保风格，可以让用户直观感受到科技的魅力。
   
4. 
   
5. 一、标题：河涌监测系统，居中用彩色字体显示，双击标题内容本程序窗口居中弹窗可以进行内容修改。
   
6. 
   
7. 二、系统区域：在标题下方用tab标签页分开：1、配置参数区域，2、发布操作区域，3、河涌监测区域。
   
8. 1、服务器配置参数区：输入框4个，名字后面冒号的内容为默认值：
   
9.     服务器：i.37ck.cn、端口：1883、 用户名：37ck、密码：20200808。
   
10.     连接服务器按钮：点击连接按钮后，程序自动连接MQTT服务器，连接成功后，显示连接成功提示。
    
11.     断开连接按钮：点击断开按钮后，程序自动断开MQTT服务器，连接断开后，显示连接断开提示。
    
12.     配置参数开关按钮：点击按钮隐藏配置参数区内容，再次点击按钮则显示各项配置参数区，默认状态为隐藏配置参数区。
    
13. 2、发布操作区：有2个可编辑的下拉框，名字后面冒号的内容为默认值：
    
14.     主题：37ck/河涌监测，该项为下拉框，下拉内容有：37ck/安全蜂速、37ck/富教小学、37ck/文田中学、37ck/莘村中学。
    
15.     指令：河涌监测上线，该项为下拉框，下拉内容有：上课啦、开灯、关灯、红灯、绿灯、黄灯、喇叭、下课啦、放学啦、课间休息、紧急通知、到安全等待区、正赶往等待车位。
    
16.     订阅主题按钮：点击按钮订阅服务器的对应主题，订阅成功后显示订阅主题的状态信息在返回框。
    
17.     发送按钮：点击发送指令信息到服务器的主题上。
    
18. 3、河涌监测区域有如下内容：
    
19.     派发指令下拉框：默认值为：红色警戒，下拉框内容项有：绿色警戒，蓝色警戒，红色警戒。
    
20.     4个监测区域按钮：分别为1，2，3，4号监测区域，点击按钮后，会自动发送指令到服务器，服务器会执行指令，并把结果返回到返回框中。
    
21. 
    
22. 三、最底部状态区域为发送和返回情况区域用tab标签分页隔开，具体如下：
    
23. 返回框：显示物联网通讯的记录信息，并一直记录下去，最新记录在第一行显示，直到用户点击清空按钮。
    
24. 发送框：记录发送过的指令，并一直记录下去，最新记录在第一行显示，直到用户点击清空按钮。
    
25. 
    
26. 四、实时接收弹窗：居中弹窗用来显示当前主题实时接收到信息是的内容，用可爱点的字体和背景颜色显示，加入一个输入框设置显示秒数后自动关闭窗口，默认时间为5秒后自动关闭弹窗。
    
27. 
    
28. 
    
29. 
    
30. 
    
31. --------------------------------------河涌监测手机端---------------------------------------------
    
32. 帮我用html5编写一个http请求发送器的页面，界面设置为手机屏幕大小的响应式展示，文件名为：HCJC.html，可以发送http请求，并显示返回内容。
    
33. 把UI界面设计成带有科技感的可爱的绿色风格，可以让用户直观感受到科技的魅力。
    
34. 
    
35. 标题：河涌监测手机端，居中显示，双击标题弹窗居中窗口可以进行内容修改。
    
36. 
    
37. 1、服务器设置区
    
38.     输入框6个，名字后面冒号的内容为默认值：
    
39.     1、服务器：http://i.37ck.cn:88/
    
40.     2、操作：publish
    
41.     3、用户名：37ck
    
42.     4、密码：20200808
    
43.     5、主题：37ck/河涌监测
    
44.     6、指令：河涌监测手机端上线
    
45.     把界面上的服务器和操作合并一行，用户名和密码也合并为一行，主题和发送请求按钮也合并为一行。
    
46.     发送按钮：点击发送按钮，将会发送指令以http方式发送给服务器，服务器将会执行http链接请求指令，并将结果返回到返回框。
    
47.     开关设置按钮，点击该按钮把服务器、操作、用户名、密码隐藏起来；默认是隐藏状态，再次点击显示出来；主题和指令一直显示在界面中。
    
48. 2、河涌监测区
    
49.     4个按钮：分别为1，2，3，4号监测区域，点击按钮发送http请求，发送结果返回到输入框
    
50.     请求连接为：服务器+操作+?topic=+主题+&msg=+按钮名字+&iname=+用户名+&ipwd=+密码的链接内容。
    
51. 
    
52. 发送框：组合服务器+操作+?topic=+主题+&msg=+指令+&iname=+用户名+&ipwd=+密码的链接内容。
    
53. 返回框：显示http请求返回的文本内容信息。
    
54. 可以把数据保存在本地浏览器中，下次打开页面时，会自动读取上次保存的数据
    
55. 
    
56. 
    
57. -------------------------------------校园外卖签收手机端------------------------------------------------
    
58. 帮我用html5编写一个http请求发送器的页面，界面设置为手机屏幕大小的响应式展示，文件名为：XYWMQS.html，可以发送http请求，并显示返回内容。
    
59. 把UI界面设计成带有科技感的可爱的蓝色风格，可以让用户直观感受到科技的魅力。
    
60. 
    
61. 标题：校园外卖签收手机端，居中显示，双击标题弹窗居中窗口可以进行内容修改。
    
62. 
    
63. 1、服务器设置区
    
64.     输入框6个，名字后面冒号的内容为默认值：
    
65.     1、服务器：http://i.37ck.cn:88/
    
66.     2、操作：publish
    
67.     3、用户名：37ck
    
68.     4、密码：20200808
    
69.     5、主题：37ck/校园外卖签收
    
70.     6、指令：校园外卖签收手机端上线
    
71.     把界面上的服务器和操作合并一行，用户名和密码也合并为一行，主题和发送请求按钮也合并为一行。
    
72.     发送按钮：点击发送按钮，将会发送指令以http方式发送给服务器，服务器将会执行http链接请求指令，并将结果返回到返回框。
    
73.     开关设置按钮，点击该按钮把服务器、操作、用户名、密码隐藏起来；默认是隐藏状态，再次点击显示出来；主题和指令一直显示在界面中。
    
74. 2、校园外卖签收区
    
75.     4个按钮：分别为8号开门、8号关门、9号开门、9号关门，点击按钮发送http请求，发送结果返回到输入框
    
76.     请求连接为：服务器+操作+?topic=+主题+&msg=+按钮名字+&iname=+用户名+&ipwd=+密码的链接内容。
    
77. 
    
78. 发送框：组合服务器+操作+?topic=+主题+&msg=+指令+&iname=+用户名+&ipwd=+密码的链接内容。
    
79. 返回框：显示http请求返回的文本内容信息。
    
80. 可以把数据保存在本地浏览器中，下次打开页面时，会自动读取上次保存的数据
    
81. 
    
82. ---------------------------------害羞的紫外线手机端-------------------------------------
    
83. 
    
84. 帮我用html5编写一个http请求发送器的页面，界面设置为手机屏幕大小的响应式展示，文件名为：hxdzwx.html，可以发送http请求，并显示返回内容。
    
85. 把UI界面设计成带有科技感的可爱的紫色风格，可以让用户直观感受到科技的魅力。
    
86. 
    
87. 标题：害羞的紫外线手机端，居中显示，双击标题弹窗居中窗口可以进行内容修改。
    
88. 
    
89. 1、服务器设置区
    
90.     输入框6个，名字后面冒号的内容为默认值：
    
91.     1、服务器：http://i.37ck.cn:88/
    
92.     2、操作：publish
    
93.     3、用户名：37ck
    
94.     4、密码：20200808
    
95.     5、主题：37ck/害羞的紫外线
    
96.     6、指令：害羞的紫外线上线
    
97.     把界面上的服务器和操作合并一行，用户名和密码也合并为一行，主题和发送请求按钮也合并为一行。
    
98.     发送按钮：点击发送按钮，将会发送指令以http方式发送给服务器，服务器将会执行http链接请求指令，并将结果返回到返回框。
    
99.     开关设置按钮，点击该按钮把服务器、操作、用户名、密码隐藏起来；默认是隐藏状态，再次点击显示出来；主题和指令一直显示在界面中。
    
100. 2、害羞的紫外线区
     
101.     两个按钮：一个开启，一个关闭，点击按钮发送http请求，发送结果返回到输入框
     
102.     请求连接为：服务器+操作+?topic=+主题+&msg=+按钮名字+&iname=+用户名+&ipwd=+密码的链接内容。
     
103. 
     
104. 发送框：组合服务器+操作+?topic=+主题+&msg=+指令+&iname=+用户名+&ipwd=+密码的链接内容。
     
105. 返回框：显示http请求返回的文本内容信息。
     
106. 可以把数据保存在本地浏览器中，下次打开页面时，会自动读取上次保存的数据
     

复制代码