项目名称:车辆管理云平台
项目时间:2023.05 - 2024.02
开发技术:vue3.0 / tsx / ant-design-vue
项目描述:车辆管理平台是一个综合管理不同机构的车辆,通过实时订阅的方式获取车辆上不同设备数据,并对数据整理,保存,展示,便于各机构管理车辆。
工作职责:
使用vu3搭配ant-design-vue中的table,form,input,button等组件完成页面布局和数据渲染;
封装无感刷新token方法,实现用户短时间免重复登录;
熟悉使用flv.js,实现视屏流的播放;
对axios进行二次封装后挂载到全局 ,拦截请求和响应,在请求头添加token,过滤响应体,及错误信息处理,便于动态数据和页面交互;
二次封装高德地图,实现车辆marker标记,自定义label,车辆轨迹回放及控制;
熟练使用mqtt 实现车辆实时订阅,获取车辆各项数据;
使用clipboard-polyfill实现数据复制;
根据后端返回的用户数据,动态渲染菜单,自定义指令实现按钮权限控制;
根据保存到本地的用户信息中的权限列表判断用户可以访问的页面,是否渲染该页面;
项目名称:车辆管理云平台后台
项目时间:2023.05 - 2024.02
开发技术:vue3.0 / tsx / ant-design-vue
项目描述:该平台旨在对车辆管理云平台,机构(用户)、车辆、设备进行管理,为前台用户设置不同菜单,按钮操作等权限。
工作职责:
使用vu3搭配ant-design-vue中的table,form,input,button等组件完成页面布局和数据渲染;
封装无感刷新token方法,实现用户短时间免重复登录;
对axios进行二次封装后挂载到全局 ,拦截请求和响应,在请求头添加token,过滤响应体,及错误信息处理,便于动态数据和页面交互;
根据后端返回的用户数据,动态渲染菜单,自定义指令实现按钮权限控制;
根据保存到本地的用户信息中的权限列表判断用户可以访问的页面,是否渲染该页面;
使用clipboard-polyfill实现数据复制;
根据保存到本地的用户信息中的权限列表判断用户可以访问的页面,是否渲染该页面;
项目名称:车辆管理云微信小程序
项目时间:2023.03 - 2024.02
开发技术:vue3/uni-app
该项目是一款用户小程序端,为机构管理车辆及设备,培训员工,车辆检查提供便利操作的微信小程序;包含地图车辆实时打点、定位,车辆轨迹回放,展示车辆设备数据,培训和检查等日程信息;
封装 uni.request,拦截异步请求和响应,响应体过滤及错误信息的处理;
首页封装card组件展示机构设备信息,图表展示风险数据;
通过 uni.navigateTo 实现页面跳转,uni.navigateBack 实现页面返回;
封装小程序端select组件实现多选/单选功能;