前端Ui设计_工厂端_生产线可视化1

跟大家分享一下最近的工作,从设计到开发一款微信小程序,能够在手机上看到生产车间里面的设备参数以及一些生产状况。

这里做了一个模板,针对于电线生产线的开发。

第一步:明确需求。

1.开发环境:微信小程序

2.需要登录认证,因为是工厂端,需要做保密等级,所以需要进行登录验证。

3.四个重要参数,需要实时更新,分别为铜线线径,热线线径,冷线线径,电阻值

4.历史数据可以查询

5.重要数据需要进行可视化展示,进行数据分析。

6.增加用户粘性

第二步:着手Ui界面设计

1.使用工具:墨刀UI设计工具

2.制作原型图,交互界面,高保真网页出图

3.登录页,首页,数据页,消息页,个人信息页

第三步:前端开发

原生微信小程序开发

第四步:后端开发

1.前期使用微信自带的云开发。

2.后期用node.js开发后端服务器,在本地电脑,进行局域网开发。

第五步:前后联调

实现前端与后端能够正常通讯

第六步:数据对接

实现生产设备参数(机连网数据正常传到微信小程序)
在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 岁月 设计师:pinMode 返回首页