前端部分 组件说明 Spring boot 实现路由控制 Thymeleaf 模板引擎作为视图 Bootsrtap 后台管理UI模板 Echarts 实现图表展示 Ajax 实现数据心跳以及实时更新数据 功能说明 控制命令传输,基于标准Http协议,实现控制命令发送 机器状态接收,基于标准Http协议,实现门禁状态信息的接收 管理配置,实现IP地址、同步信息的更新频率等各种设置信息的远程配置 数据查询,实现各种状态数据的查询汇总等 报表,实现以EXCEL、PDF等格式保存打印报表等 浏览器信息推送,有状态变化时向浏览器发送状态改变的信息 浏览器界面,采用JavaScript实现富客户端界面,如站点树、圆饼图、菜单等 心跳,接收基站控制器心跳数据信息,确保其是否在线 Demo展示 登录:管理员登录页面。 首页:简单的系统说明。 管理配置:新建客户端节点。 客户端节点实时状态:通过ajax动态请求,实时显示当前机器的状态,以及相应的操作。 右侧“x”,点击删除客户端机器,实现功能1 通过ajax动态请求,实时更新机器状态,实现功能2,6,7,8 客户端节点,实现功能4 点击“打印报表”,实现功能5 打印报表 心跳图:通过ajax请求结合Echars,平滑左移,实现动态更新机器状态的心跳图。 历史数据显示:通过ajax请求结合Echars,显示历史数据折线图。