612 AI MQTT

admin

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

复制代码