逻辑改造: html的"平台连接设置"部分,平台状态字段:"IP地址","端口号","主题"应用启动时 功能改造: 将index.html里,"状态connection-status",挪到"主题platform-sub-topic"之后的位置 改造: 将index.html里,"主题platform-sub-topic"该为"运行时长",即后台启动后运行的时间长度,以"xx年xx月xx日 xx时xx分xx秒"的格式显示。需要前端、后端联动改造。 查一下问题: index.html里"状态connection-status",不显示也不更新了 改造: index.html里与 平台 相关的参数定时刷新:其中连接状态,在程序启动时默认"已断开",程序启动后定时刷新。可将setInterval(updateRunTime, 1000)代码重构,把与平台相关的参数一起更新。 改造:web_app_2006.py代码逻辑,实现: 平台参数的实时更新管理。其中,平台状态参数(已连接或已断开),在程序启动时无论platforms.json里的值是什么,均强制为"已断开",程序运行后,定时检测mqtt连接状态并更新到平台参数里。 优化: index.html里 按钮connect-btn的状态也需要与平台相关的参数同步更新,若当前平台已连接,按钮也显示已连接且成绿色,若当前平台已断开,按钮也显示已断开且成红色。 web_app_2006.py platforms.json 加载平台数据( load_platforms)这部分代码, 添加功能: devices.html里 "操作"列里的"配置"后面添加"详情"按钮,点击"详情"后展示该设备的全部详细信息,且该信息每1秒刷新1次,需要前后台联动。 添加功能: 在templates\device_config.html里,"参数配置"的底部,继"保存WiFi配置"、"保存云平台配置"、"保存网络配置"之后,加一个按钮"保存所有配置"。 新增一个模板app_manage.html实现应用管理 1、重启应用服务; 2、更新应用服务,上传新的应用服务文件; 3、应用日志查看; 仅做了初步实现,需要重构代码: web_app_2006.py,第635-639行 templates\index.html,第53-57行 templates\app_manage.html,需要新增 重构应用。 目的:当前应用是经过多次修修补补,一点一点搭建起来的,虽然功能是完整的,但是代码结构混乱,前端页面样式不一,需要重构代码,使代码结构更加清晰,层次分明,统一前端各个部件样式。 禁止:不能新增、删除、修改*.py文件, 允许:只能修改*.html,*.css,*.js文件。