智慧供水抄表平台

我要开发同款
前端开发邓z2024年03月15日
59阅读
开发技术reactjavascriptcss、html5

作品详情

项目介绍:
智慧供水超表平台是使用React框架开发的,在PC端使用的自来水超表管理系统,主要服务于小区居民的,用来查看日常的用水量,通过数采仪、无线网络、水质水压表等在线监测设备实时感知供水系统的运行状态,并采用可视化的方式有机整合水务管理部门,形成“小区水务物联网”,对水务信息进行及时分析与处理,以更加精细和动态的方式管理水务系统的整个生产、管理和服务流程,从而达到“智慧”的状态。目前该项目在上海市宝山区宝山十村社区投入使用。
项目职责:
1)完成用户的登录模块和用户名展示,完成设备详情模块的搭建,根据用户名、地址或者户号实现模糊查询,完成报警文件的导出
2)根据项目需求及时沟通后端人员调整接口
3)从技术上分析页面效果实现的难度,与设计人员沟通
技术要点:
1)使用高德API完成地图页面的搭建,通过经度纬度来对使用位置进行标注,通过“地理/逆地理编码”来实现设备的定位,获取使用详情
2)获取用水量数据来渲染列表页时,对axios二次封装,减少不必要的数据接收和页面渲染
3)登录时通过规则校验来提醒用户输入不合法,登录后对token进行存储,方便之后验证登录的状态
4)通过forEach方法遍历所有用户信息,根据输入框中的输入去匹配对应的数据,然后进行列表的渲染
5)通过将数据的导出为Excle文件,来便捷的查看用水量的使用情况
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论