乐居产品交易管理系统
项目描述:该系统为公司内管理者提供管理产品、权限、订单等业务,分为了首页、产品信息管理、产品分
类管理、交易订单管理、权限管理、系统管理等模块。首页利用数据可视化功能,可查看公司产品的交易情
况, 实现企业的智能化运营,权限管理包含用户管理、角色管理和菜单管理, 能为公司内部人员分配相应的
角色以及分配相应的权限。产品管理模块包含sku和spu管理,可实现产品的上架、下架、编辑、审核等功能。
核心技术:基于 vue全家桶 + es6 + scss + axios + element-ui + echarts + webpack 进行开发
负责功能模块:
1)根据 UI 设计图, 使用 element-ui 组件库完成页面的布局
2)负责产品信息管理的分类功能、产品上下架管理、库存管理、信息列表页面
3)负责产品订单列表、用户管理列表的增、删、改、查,实现数据交互
4)使用 vuex-persistedstate 存储用户 token 在 sessionStorage 中 实现 vuex 的持久化存储
5)利用 promise 进行二次封装 axios,统一处理数据
6)通过 vue-router 统一处理路由,并使用路由懒加载,按需加载对应组件,提高加载速度
7)实现对 table、form 、tree 等组件的二次封装
智星通经营者端(小程序)
项目描述:智星通服务于需要大量灵活用工的企业,为企业提供合法合规的用工方案, 保证从签约合作经营
者到项目验收结算,实现全流程数字化易操作。 实现了首页、任务大厅、任务列表、个人管理模块, 通过首
页快速引导使用者完成注册流程。任务大厅页面实现接单分类, 经营者能快速接单,在任务列表中可查看任
务状态,分为进行中、已完成和已关闭的任务。个人信息页面包含个人资金面板、完成的任务数量、个人信
息修改以及设置功能。
核心技术:基于 uni-app、uview-ui + scss + vue + vuex 进行开发
负责功能模块:
1)根据 UI 设计图完成对页面的搭建,使用 flex + rpx 完成页面布局和适配
2)主要负责首页、任务列表、交付管理、注册流程以及搜索页面的开发
3)使用 uni.request 进行前后台数据交互,把后台数据动态的渲染到页面中
4)对于首次登录的用户,通过 getUserInfo 事件获取用户登录权限
5)使用 uni.showToast、uni.showLoading 等 api 提供用户提示
6)通过 vuex 实现将用户信息及权限等数据,缓存到 uni.Stroage 中
7)对组件进行封装,通过自定义属性增强组件的通用性
8)配置小程序分包,可以减少小程序首次启动时的加载时间