531 html5 vscode

admin

分解：
http://i.37ck.cn:88/publish?topi ... k&ipwd=20200808
开头：http://i.37ck.cn:88/publish?topic=37ck/531&msg=
指令：MQTTok
结尾：&iname=37ck&ipwd=20200808

服务器：
http://i.37ck.cn:88/
操作：
publish
主题：
?topic=37ck/531
指令：
&msg=online
用户名：
&iname=37ck
密码：
&ipwd=20200808

发送链接：
http://i.37ck.cn:88/publish?topi ... k&ipwd=20200808


返回：
{"code":1,"msg":"数据已发送"}

admin

1. 分解：
   
2. http://i.37ck.cn:88/publish?topi ... k&ipwd=20200808
   
3. 开头：http://i.37ck.cn:88/publish?topic=37ck/531&msg=
   
4. 指令：MQTTok
   
5. 结尾：&iname=37ck&ipwd=20200808
   
6. 
   
7. 帮我用html5编写一个http请求发送器的页面，文件名为：531MQTT.html，可以发送http请求，并显示返回内容。
   
8. 标题：37创客物联网平台MQTT
   
9. 输入框6个，名字后面冒号的内容为默认值：
   
10. 1、服务器：http://i.37ck.cn:88/
    
11. 2、操作：publish
    
12. 3、主题：?topic=37ck/531
    
13. 4、指令：&msg=online
    
14. 5、用户名：&iname=37ck
    
15. 6、密码：&ipwd=20200808
    
16. 
    
17. 发送按钮：点击发送按钮，将会发送指令以http方式发送给服务器，服务器将会执行http链接请求指令，    并将结果返回到返回框。
    
18. 
    
19. 发送框：组合服务器+操作+主题+指令+用户名+密码的链接内容。
    
20. 返回框：显示http请求返回的文本内容信息。
    
21. 
    
22. 发送链接：
    
23. http://i.37ck.cn:88/publish?topi ... k&ipwd=20200808
    
24. 
    
25. 
    
26. 返回：
    
27. {"code":1,"msg":"数据已发送"}

复制代码

admin

1. 帮我用html5编写一个http请求发送器的页面，文件名为：531MQTT2.html，可以发送http请求，并显示返回内容。
   
2. 把UI界面设计成带有科技感的可爱的风格，可以让用户直观感受到科技的魅力。
   
3. 标题：37创客物联网平台MQTT。
   
4. 输入框6个，名字后面冒号的内容为默认值：
   
5. 1、服务器：http://i.37ck.cn:88/
   
6. 2、操作：publish
   
7. 3、主题：37ck/莘村中学
   
8. 4、指令：online
   
9. 5、用户名：37ck
   
10. 6、密码：20200808
    
11. 
    
12. 发送按钮：点击发送按钮，将会发送指令以http方式发送给服务器，服务器将会执行http链接请求指令，并将结果返回到返回框。
    
13. 
    
14. 发送框：组合服务器+操作+?topic=+主题+&msg=+指令+&iname=+用户名+&ipwd=+密码的链接内容。
    
15. 返回框：显示http请求返回的文本内容信息。

复制代码

admin

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

复制代码

37ck

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

复制代码