项目一:数字农业云平台
项目职责:负责数字农业云平台的大棚数据展示,通过数据渲染实现页面多级数据嵌套、操作设备及摄像头等功能
项目技术栈
React,fetch,Antd,prop-types,sass, Redux
1. 使用echarts 图表完成主要页面大数据可视化;
2. 使用高德IP定位接口记录用户登录的地理位置;
3. 完成页面数据渲染、增加、删除、修改、搜索、筛选等功能;
4. 对后端返回的数据加以处理,完成多级数据联动展示和多级tab切换功能;
5. 使用第三方的ui框架antd、并且对页面样式做出修改,百分百还原设计图;
6. 使用fetchAPI发送请求调用接口,集中管理项目所有请求,封装request.js集成请求拦截、header 参数 处理;
项目二:公司内部后台管理系统
项目职责:与后端(java)程序员配合,完成一个后台管理系统;系统主要分为两大部分: (1) 管理数字农业云平台信息数据;(2)用户权限管理,进行新增管理员以及修改管理员信息;
项目技术栈
React,fetch,Antd,prop-types,sass, Redux
1. 整体ui框架使用Antd并且按照项目需要封装可复用组件;
2. 封装setupProxy.js来解决前后端跨域请求;
3. 运用原生js实现项目中的增、删、查、改;
4. 使用echarts 展示物联网设备基本分布情况;
5. 用户管理页面与设备管理页面用到lazyLoad懒加载和loadmore加载更多技术;
6. 根据登录人员的权限判断后针对设备和管理人员开发出相对应的(设备)信息编辑(CRUD操作);
7. 使用 reducer 添加了通知中心并实现消息的读取操作;