橙信财智通(财务管理系统) 2022.05 - 2024.06
担任职务: WEB前端开发工程师
项目描述: 财智通主要是以会计业务为基础,在此基础上扩充其他的一些财务操作如 报销 支付 立项 记账 报表 审批 对接 金蝶 预算等功能;
技 术 栈: Vue2、Vuex、Vue-Router、Axios、i18n国际化。
负责内容:
报销、审批、立项、各类报表、系统配置等业务开发。
负责技术选型,定制脚手架,重新设计基础库API及实现、封装组件。
工作成果:
从0到1搭建和开发基于Vue2 + Vue-router + webpack的项目。
通过分片上传和断点续传实现模板备份大文件上传,解决大文件上传慢的问题。
对于复杂的页面状态使用Vuex状态管理工具进行管理,提高代码可读性,提高开发效率。
角色权限控制,动态加载菜单和路由,通过自定义指令实现按钮级别的权限控制。
设计字典优化方案,提高页面响应速度(对常用且不会改变的字典放在前端维护,按需加载对应字典并缓存,后面使用时先去判断缓存中是否有,无则重新发起请求。)
礼无忧购物商城(Pc端): 2019.3-2020.7
项目描述:该项目是购物型平台网站,而我主要负责: 首页、详情页的跳转,页面布局以及轮播等动态效果的实现,与后端协调接口,底部导航栏组件的开发
技术描述:
使用vue框架,ES6语法,vue-router结合后台实现路由权限控制
使用Vue-router实现路由传值跳转,并借助vue-router导航守卫进行全局登录状态的判断
使用element-ui组件库并二次封装,实现大部分业务场景
封装axios方法请求数据、provide/inject实现状态共享
使用vuex保存用户信息,并根据不同的用户权限来展示不用的模块内容
使用echart插件实现数据的可视化
使用localStorage保存token,单浏览器登录状态同步,前后端都使用MD5加密密码