wt 601 vs MQTT codebuddy

admin

HTML5物联网MQTT

1. 帮我用html5编写一个http请求发送器的页面，界面设置为手机屏幕大小的响应式展示，文件名为：601MQTT.html，可以发送http请求，并显示返回内容。
   
2. 把UI界面设计成带有科技感的可爱的风格，可以让用户直观感受到科技的魅力。
   
3. 标题：37创客物联网平台MQTT，居中显示，双击标题弹窗居中窗口可以进行内容修改。
   
4. 输入框6个，名字后面冒号的内容为默认值：
   
5. 1、服务器：http://i.37ck.cn:88/
   
6. 2、操作：publish
   
7. 3、用户名：37ck
   
8. 4、密码：20200808
   
9. 5、主题：37ck/莘村中学
   
10. 6、指令：安全锋速在线
    
11. 把界面上的服务器和操作合并一行，用户名和密码也合并为一行，主题和发送请求按钮也合并为一行。
    
12. 发送按钮：点击发送按钮，将会发送指令以http方式发送给服务器，服务器将会执行http链接请求指令，并将结果返回到返回框。
    
13. 开关设置按钮，点击该按钮把服务器、操作、用户名、密码隐藏起来；默认是隐藏状态，再次点击显示出来；主题和指令一直显示在界面中。
    
14. 发送框：组合服务器+操作+?topic=+主题+&msg=+指令+&iname=+用户名+&ipwd=+密码的链接内容。
    
15. 返回框：显示http请求返回的文本内容信息。
    
16. 可以把数据保存在本地浏览器中，下次打开页面时，会自动读取上次保存的数据。

复制代码

admin

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

复制代码