河北省农业厅肉品出证系
(vue3+多端多用户适配)
2025/03- 2025/09
作为一款省级的开发项目,要求对河北省内的肉品的购货方(移动端)在进行购置时进行肉品合格证的出证以及查看,对于各级
管理员和其他用户(web端)拥有对于供货方,购货方,屠宰场等的各级对应的权限管理。
项目技术栈
vue3+vite+element)plus+vue)router+vuex+mock+@media
项目职责
1. 使用mockjs搭建本地数据服务,实现组件脱离后端接口独立开发。
2. 采用Vue.js框架进行组件化开发,将页面拆分为多个独立的组件与slot插件,提高了代码的复用性和可维护性。
3. 采用HTML5和CSS3结合媒体查询(@media)实现了响应式设计,确保页面在不同屏幕尺寸(如移动端和桌面端)下具有良好
的显示效果,提升了用户体验。
4. 角色管理可以通过角色设置权限,确定用户登录的角色从而控制用户登录后看到左侧菜单的权限
5. 对项目进行部署上线到本地服务器上以便用户访问,并攥写部署规范文档,以便团队其他成员项目规范部署流程
关键成果
1. 实现角色-菜单权限映射机制,通过角色配置动态控制用户可见菜单及操作权限,满足省级多层级管理需求
2. 通过 mockjs 搭建本地数据服务,实现前后端并行开发
Worklife人事系统(erp管理系统)
2024/ 6- 2024/8
该项目涉及员工的入职、离职、调岗、转正等业务提高人力资源部门员工的工作效率,降低人力和时间成本,支持多个角色
使用,其中包括HR、经理、运维、员工,提供员工信息的展示更新、统计等。
项目技术栈
vue + vuex +jwt token认证 + echarts + element-plus
项目职责
1. 参与整体项目的搭建,主要负责公司组织架构基础数据模块,包括部门管理,菜单管理,用户管理,角色管理,审批管理以
及权限管理
2. 负责系统左侧菜单动态实现,可以手动增加和减少菜单以及菜单的递归实现
3. 设计并实现入职/调岗/调薪页面,根据页面配置动态渲染展示
4. 角色管理可以通过角色设置权限,确定用户登录的角色从而控制用户登录后看到左侧菜单的权限
5. 封装了utils工具类,包含封装localstorage实现模块化缓存数据,使用单例模式封装diglog弹窗
天使童装小程序(B2C移动端)
2024/05- 2024/07
作为一款B2C的小程序,为家长提供一个便捷、安全、可靠的童装购物平台,该项目包含商品展示与分类,搜索功能,商品详
情与购买,购物车管理,订单和优惠券分享等功能
技术栈
uni一app + uview一plus + vue3 + wxbarcode + wxa一plugin一canvas + html
项目职责
1. 设计并实现微信授权登录流程,封装统一登录组件,利用uni.getUserProfile获取用户基础信息(昵称、头像),通过缓存实
现用户免等逻辑
2. 使用组件库搭建商品分类页,实现多级分类动态渲染与懒加载优化
3. 通过商品规格选择组件,动态计算库存与价格,支持多规格组合交互(如颜色、尺寸),减少用户下单步骤
4. 购物车逻辑,支持批量操作(增删改)、实时价格计算,并利用本地缓存实现离线暂存功能
5. 集成支付功能,通过uni.requestPayment 完成支付流程,能够在App和小程序端实现用户支付
关键成果
1.基于Uniapp跨端开发,支持小程序/H5/APP多端运行,代码复用率大大提升
2.微信/支付宝多端支付功能集成,能够根据环境调用不同支付接口
CMS移动端配置系统(低代码平台)
2025/03- 2025/05
为应对营销活动页面频繁更新需求,设计低代码平台,允许非技术人员通过拖拽组件生成H5页面,应用包含cms一manage内容
管理系统,crs h5解析平台。
技术栈
Vue + Vue一router + Vuex + ElementUI + less +vuedraggable
项目职责
1. 参与cms 系统开发,主要负责cms一manage,crs 解析平台开发。
2. 负责菜单权限配置,根据用户权限和后端返回数据显示菜单逻辑。
3. 负责 h5 活动页面配置,通过拖拽组件和配置组件内容的方式实现了页面内容的动态设置。
4. 利用跨源通信实现了manage和 crs 两个系统间的数据传输
6. 引入神策埋点,制定埋点计划,多维度统计用户页面交互行为。
关键成果
1 .解决了无需发版即可实现小程序页面更新问题。
2.封装一些高复用组件库,团队代码复