公文管理系统
技术栈: Vue全家桶+ES6+axios+Ant Design of Vue等
功能模块: 登录||首页||公文应用||发文收文签报库||系统设置||组织架构等模块
职责描述:
局部引入ant组件,使用ant组件完成页面布局搭建,并且封装svg代替img图片完成页面的性能优化;
封装共用组件,比如分页,提示,弹出框之类,提高组件的复用性,让代码更加整洁优雅,提高项目的性能
使用axios与后端进行接口对接,动态进行页面渲染,并且根据后端返回的token来判断用户是否需要登录,根据后端返回的用户权限来动态显示一些按钮的可见性
下载引入vue-print-nb插件,将需要打印的区域设置一个ref,根据这个ref来调用window的打印功能
在相应拦截中统一拦截响应弹出响应的全局提示框,避免重复书写提示代码,提高代码的优化
封装头部组件,根据在router的index.js中定义的路由中的name来动态显示头部组件中使用slot插槽占位的内容
棒!约翰 小程序
技术栈: Vue全家桶+ES6+axios+uni-app等
功能模块: 授权||商品列表||购物车||商品详情||评价||商家模块||个人中心等
职责描述:
axios与后台联调,动态渲染商品列表、详情等页面配合后台工程师实现方案,基于Vue.js完成web前端项目;
给一个button按钮添加一个属性open-type,值为getUserInfo,在@getuserInfo的回调函数中接收返回来的参数,利用uni.setStorageSync将返回的参数存入本地,在个人主页页面,利用uni.getStorageSync将数据取出来,动态渲染页面
uni.requestPayment传入支付数据签名字段:appId、timeStamp、noneceStr、package、signType、paySign调起微信支付功能
uni.chooseImage调起上传图片,在sourceType内添加是从相册选择图片还是从相机添加图片,在success回调函数中接收返回来的file,在使用uni.uploadFile上传文件即可
使用onReachBottom,触发滚动到底部加载新数据事件,实现分页加载数据
好呗健康 APP
技术栈: React+React-Router+Redux+Better-scroll+ES6+Echarts+Ant Design Mobile
功能模块: 登录||注册||每日摄入报表||饮食规划||个人中心||健康查询等
职责描述:
使用Echarts,根据用户每日登记的卡路里传到后台,后台返回的卡路里数据和给用户建议的数据进行计算,显示在报表之上;
根据客户每天的报表,在后台利用大数据筛选在符合范围之内的产品方案,后端返回数据,根据数据动态渲染echarts,显示给客户推荐的方案
根据用户登录的时候选择的性别,年龄,体重,返回到后端,后端在数据库中进行匹配,匹配到相应的数据,通过动态渲染,渲染到页面
使用mobile的carousel实现轮播效果,显示一些广告信息和优惠信息
皓瑞齿科后台管理系统
技术栈: Vue+Vue-router+Vuex全家桶+axios+Element-UI+less+Echarts
功能模块: 登录||注册||报表||账户管理||修改密码||客户管理||预约中心||库存中心||结算中心||投诉处理中心等
职责描述:
负责封装整个项目中ajax接口文件,利用axios发送ajax并且返回一个promise传参数的时候使用qs进行参数转换,设置请求拦截器和响应拦截器,在响应拦截其中拦截返回的数据进行判断,根据返回的值判断成功或者失败,实现响应值一样的提示效果
划分整个项目中的路由,以及动态面包屑渲染,根据不同用户登录权限制作动态路由
实现路由守卫功能,使用route.beforeEach,利用传入的三个值to,from,next判断是否有有效token和用户在url中的地址是否是去往登录页面进行拦截
根据客户预约的时间返回的时间戳进行排序,返回到后台,将后端返回的数据添加到数组中,进行循环动态渲染到预约中心页面
根据登录后的有效token使用localStorage存入本地,再从本地取出token,在请求头中带上,实现用户可以使用有效的token发送请求
投诉处理中心会收到具体投诉内容,统一处理之后上传给后台(图片和文件的上传以及下载)
红券小程序
技术栈: Vue全家桶+ES6+支付api+微信小程序原生技术+微信开发者工具
功能模块: 登录授权,首页,我的,