| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- 逻辑改造:
- 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文件。
|