办公后台管理系统(vue2+小程序端)
1. 使用vue cli脚手架搭建项目, 环境配置、Git提交规范、Eslint和Prettier代码校验规范,方便后期的代码维护和扩展
2. 对axios进行封装首先新建一个utils文件夹,新建http.js文件,在http中封装axios,配置拦截器请求拦截和响应拦截,在配置get post put delete请求方法,方便在后面直接调用
3. 使用Element-ui中的Layout组件进行对首页的混合布局,并通过后台返回的数据使用ECharts进行对图表的数据渲染,可以通过图表来清楚了解后台各类型的基本数据情况
4. 使用Element-ui中的Form表单组件实现登录表单的校验,结合登录api接口实现项目登录功能以及Token的存储
小程序:
1. 项目是使用HBuilderX搭建的,使用github实现项目的版本控制和多人协作
2. 使用promise的then、 catch 和finally实例方法对request进行封装,实现前后端的交互
3. 在打开应用进行登录鉴权,未登录跳转登录页面
4. 员工打卡:使用uni-app-bluetooth插件和uni.startBluetoothDevicesDiscovery()方法获取蓝牙以及通过wx.openLocation获取位置信息功能来实现员工打卡功能
家门口养老系统(vue2+小程序商城端、用户端、护理员端、管理员端+可视化大屏+居家智慧生活小程序)(此项目目前已经上线)
养老项目主要采用前端通过 mqtt 与设备进行连接 关联设备 返回相应的数据展示 和 实时的数据变化
1. 家门口后台系统是二开的项目 前端采用vue2和EleAdmin组件库实现(当前项目已经上线)
2. 主要采用的技术栈是vue2 Echarts 权限管理 与后端完成交互
小程序:
1. 小程序用原生小程序写的,UI是利用了ColorUI
可视化大屏:
采用 mqtt 与设备进行连接 关联设备 返回相应的数据通过Echarts图表和腾讯地图以及openlayers展示数据 和 实时的数据变化