成长营716

admin

TTK版本

1. 我是一个软件工程师，帮我用python的ttkbootstrap库编写一个MQTT物联网通讯的程序，文件名为：AI_TTK_CM.py，
   
2. UI界面设计成带有科技感的可爱的绿色环保风格，可以让用户直观感受到科技的魅力。
   
3. 把数据保存到sqlite本地数据库中（本地数据库为cmxx.db文件）。
   
4. 
   
5. 一、标题：AI赋能仓门小学TTK，居中用彩色字体显示，双击标题内容本程序窗口居中弹窗可以进行内容修改。
   
6. 
   
7. 二、系统区域：在标题下方用tab标签页分开：1、配置参数区域，2、发布操作区域。
   
8. 1、服务器配置参数区：输入框4个，名字后面冒号的内容为默认值：
   
9.     服务器：i.37ck.cn、端口：1883、 用户名：37ck、密码：20200808。
   
10.     连接服务器按钮：点击连接按钮后，程序自动连接MQTT服务器，连接成功后，显示连接成功提示。
    
11.     断开连接按钮：点击断开按钮后，程序自动断开MQTT服务器，连接断开后，显示连接断开提示。
    
12.     配置参数开关按钮：点击按钮隐藏配置参数区内容，再次点击按钮则显示各项配置参数区，默认状态为隐藏配置参数区。
    
13. 2、发布操作区：有2个可编辑的下拉框，名字后面冒号的内容为默认值：
    
14.     主题：主题：37ck/cmxx，该项为下拉框，下拉内容有：37ck/cmxx、37ck/仓门小学、37ck/成长营。
    
15.     指令：仓门小学成长营上线，该项为下拉框，下拉内容有：红灯、绿灯、黄灯、开灯、关灯、前进、后退、左转、右转、停止、开灯、关灯、红灯、绿灯、黄灯、喇叭。
    
16.     订阅主题按钮：点击按钮订阅服务器的对应主题，订阅成功后显示订阅主题的状态信息在返回框。
    
17.     发送按钮：点击发送指令信息到服务器的主题上。
    
18. 
    
19. 三、最底部状态区域为发送和返回情况区域用tab标签分页隔开，具体如下：
    
20. 返回框：显示物联网通讯的记录信息，并一直记录下去，最新记录在第一行显示，直到用户点击清空按钮。
    
21. 发送框：记录发送过的指令，并一直记录下去，最新记录在第一行显示，直到用户点击清空按钮。
    
22. 
    
23. 四、实时接收弹窗：居中弹窗用来显示当前主题实时接收到信息是的内容，用可爱点的字体和背景颜色显示，加入一个输入框设置显示秒数后自动关闭窗口，默认时间为5秒后自动关闭弹窗。

复制代码

HTML5版本

1. 帮我用html5编写一个http请求发送器的页面，文件名为：0717AI赋能科创成长营.html，可以发送http请求，并显示返回内容。
   
2. 把UI界面设计成带有科技感的可爱的风格，体验互动感强，可以让用户直观感受到科技的魅力,操作时加点互动音效。
   
3. 标题：AI赋能仓门科创成长营，双击标题弹窗居中窗口可以进行内容修改。
   
4. 配置参数输入框5个，名字后面冒号的内容为默认值：
   
5. 1、服务器：i.37ck.cn
   
6. 2、端口：88
   
7. 3、操作：publish
   
8. 4、用户名：37ck
   
9. 5、密码：20200808
   
10. 把界面上的服务器、端口和操作合并一行，用户名和密码也合并为一行。
    
11. 增加一个配置参数开关按钮，点击按钮隐藏配置参数的服务器、端口、操作、用户名、密码各项，再次点击按钮则显示各项配置参数，默认状态为隐藏。
    
12. 发送操作输入框2个，名字后面冒号的内容为默认值：
    
13. 1、主题：37ck/cmxx，该项为下拉框，下拉内容有：37ck/cmxx、37ck/仓门小学、37ck/成长营。
    
14. 2、指令：仓门小学成长营上线，该项为下拉框，下拉内容有：红灯、绿灯、黄灯、开灯、关灯、前进、后退、左转、右转、停止、开灯、关灯、红灯、绿灯、黄灯、喇叭。
    
15. 发送按钮：点击发送按钮，将会发送指令以http方式发送给服务器，服务器将会执行http链接请求指令，并将结果返回到返回框。
    
16. 配置参数可以导入和导出为json格式文件。
    
17. 增加一个成长营接送区，接送区为学生卡片方式显示，随机生成10个学生的数据到界面卡片中；点击卡片时发送网络请求到服务器，将卡片上学生的名字+指令内容替换链接的指令部分再进行发送网络请求。
    
18. 增加一个遥控按钮区域，需要有控制按钮：前进、后退、左转、右转、停止、开灯、关灯、红灯、绿灯、黄灯、喇叭，点击按钮时按钮名称替换链接的指令部分再发送网络请求到服务器。
    
19. 把配置参数区域、成长营接送区、遥控区域用tab标签页分开，可以更好的管理界面。
    
20. 最底部为发送和返回情况区域，具体如下：
    
21. 发送框：组合：http://+服务器+:+端口+/+操作+?topic=+主题+&msg=+指令+&iname=+用户名+&ipwd=+密码的链接内容。
    
22. 返回框：显示操作具体时间+指令+http请求返回的文本内容信息，最后一条返回内容显示在返回框的最上方，采用滚动条显示。

复制代码

http://192.168.3.137:5500/AI_%E8 ... 95%BF%E8%90%A5.html