一.项目名称:电建项目管理系统(PC端)
项目介绍:为公司部门,员工,员工权限,劳动合同,医院保险,考勤管理等实现统一管理的OA系统,包括:组织规划、招聘管理、人事在职离职档案、员工履历等模块。
技术栈:Vue2、vue-router、Vuex、ElementUI、Echarts、DataV, sass、axios
项目职责:
根据项目需求使用 vue-element-admin快速搭建项目,配置vue路由,二次封装axios。
注册登录模块:注册登录表单验证,处理token持久化。
使用拦截器进行请求拦截携带token进行前后端鉴权,利用路由守卫验证token处理首次访问页面跳转
组织架构模块:将数据转化为树形结构,使用element组件库中的树形结构展示组件层级关系。
权限管理:使用RBAC实现用户权限点分离,做到权限分配和设计做到极简、高效。
首页管理:使用Echarts完成员工能力分析雷达图,考勤折线图等图表可视化。
二.项目名称:电建项目管理(移动端)
技术栈:Vue2、vue-router、Vuex、Vant,amfe-flexible适配,axios,vue-lazyload图片懒加载
项目职责:
根据项目需求使用 Vant快速搭建项目页面布局,配置vue路由,二次封装axios。
注册登录模块:注册登录表单验证,处理token持久化。
使用拦截器进行请求拦截携带token进行前后端鉴权,利用路由守卫验证token处理首次访问页面跳转
文章详情:缓存组件内容并记录滚动位置,下次根据记录位置,通过scroll-view视图容器执行滚动
个人中心:头像上传,个人信息修改
浏览模块:使用Vant对文章列表实现下拉刷新,封装公用组件用于显示单页文章内容,提升复用性;
搜索模块:搜索表单聚焦显示搜索历史,通过调用接口显示搜索内容;
点赞/订阅功能:调用接口实现实现用户点赞与订阅。
使用HbuilderX提供的在线云打包对项目进行打包
项目职责:
按照设计稿实现tabBar 页面以及其他页面的排版布局以及动效。
运用uView组件库实现需求的特效 、产品分类的切换。
对 pages.json 文件进行配置;window 来配置小程序的状态栏、导航条、标题、窗口背景颜色。
使用 uni.request 获取首页产品数据,进行伸缩布局的排版,并利用swiper实现轮播图;
在个人中心页面通过微信官方接口来获取用户的授权和微信支付功能