项目一:智慧工地物联系统 开发
这是一个建筑管理系统,普通用户登录中包括登录页面、合作公司管理(劳务、分包),组织架构、人员管理、授权中心(本公司门区,合作公司门区与员工授权);超级管理员还有首页员工出勤,工种等统计,工地设备管理(环境监测、塔吊监测、视频监测)等等。
技术栈: Vue全家桶(vue-cli+vue-router+vuex)+less+iview-admin+axios+echarts
职责描述:
1、利用脚手架搭建开发环境,安装并引入iview-admin、echarts、axios,引入重置样式,自定义样式等;
2、为各个组件配置路由,并引入相应的组件,配置路由出口;
3、对axios进行再次封装,配置通用请求地址,多模块暴露封装的接口方法,引入qs模块将vue中复杂的内定对象转化为简单对象作为发送ajax请求的参数;
4、封装响应拦截器(根据状态码统一处理提示信息)和请求拦截器(获取token);
5、利用postman测试接口,发送ajax请求,渲染页面;
6、利用router.beforEach进行路由拦截,判断登录的状态,提高管理系统的安全性;
7、通过登录请求token的数据判断用户角色进行用户权限设置等(把token存入本地,请求拦截器取出,在请求头携带)
项目二:传果批发商城
该商城是一款在移动端进行批发商品的小程序;是传果 e商店中批发模块的精简版本;商户批发商品可以在移动端按搜索、按分类等方式进行商品的选购,通过商家发货,商户收到货如果不满意可以在上面进行退货的一款小程序。
责任描述:
1、使用 uniapp 搭建项目,根据 ui 设计用代码实现页面布局。
2、使用 uni.request 封装数据请求接口,统一在头协议上带上 token ,如果 token 失效则
会重定向到登录页面;处理请求的 get 参数,过滤掉为空的参数,并根据返回来的状态码
统一处理错误的提示信息。
3、使用 Vuex 状态管理公共数据,例如商品加入购物车的增减变化情况,降低请求次数,
从而增加了性能以及用户的体验效果。
4、处理手机适配,尽可能的以最优结果展示在用户的界面上。
5、使用插槽(slot )封装组件,提高代码的复用率,从而提高开发效率。