项目介绍:一个号卡分销平台
技术栈:uniapp+vue3+setup
项目简介: 本项目是一个基于 UniApp 的号卡分销平台,分为用户端与代理端两套系统。用户端用于浏览号卡、推广与下单;代理端用于号卡分销、业绩管理、推广返佣等功能。系统需兼容多端运行(H5 / App),并支持推广裂变、角色切换与版本更新等复杂业务逻辑。
主要职责:
独立负责前端整体开发与上线部署,参与架构设计与性能优化。
封装自定义组件(如合作区域选择器、角色导航栏等)与 Hooks,提高模块复用率。
实现首页复杂表单筛选逻辑,包括缓存筛选条件与重置功能。
自定义封装路由守卫体系,基于 uni.navigateTo、uni.redirectTo 重写跳转逻辑,实现登录鉴权与角色隔离。
完成推广海报功能(生成、保存、复制分享链接)及代理端首页功能搭建。
实现 App 热更新与常规更新机制,提升版本迭代体验。
完成首页分类,列表,卡品的筛选功能,利用高德api实现定位,逆地址解析,定位可以自定义选择。并利用本地存储进行缓存。
完成代理页面及二级页面,如分佣等级比例设置,上下架管理,添加下级,查看下级代理列表等功能。
完成客服页面,问题分类,列表,详情,提交问题,是否己解决等功能。
我的页面,头像,昵称,业绩数据,二级分类,我的订单列表,及分类,筛选功能。还有失败订单,一键重提功能。
店铺信息设置,店铺推广海报等。
我的钱包,成交记录,下级分佣记录等,修改提现信息等。
我的订单页面页面等。
项目难点与亮点:
多端多角色架构设计:在同一项目中实现用户端与代理端的多角色体系,支持角色动态切换、权限验证与页面隔离。
高复用组件与模块化封装:使用 Vue3 Composition API + Hooks,将复杂逻辑独立封装为通用模块,提升开发效率与后期维护性。
复杂筛选与定位功能实现:通过高德地图 API + 本地缓存实现定位与逆地址解析,结合懒加载与条件缓存优化性能。
推广裂变功能完善:实现推广海报生成、二维码分享、链接复制与保存下载,支撑平台分销与裂变营销。
热更新与整包更新并行机制:实现在线热更新、版本比对、差分升级与安全回滚,确保 App 更新稳定高效。
丰富业务模块与交互优化:实现分佣管理、钱包提现、客服反馈、订单筛选与失败订单重提等功能,提升业务体验与操作便捷性。
主要职责:
独立负责前端整体开发与上线部署,参与架构设计与性能优化。
封装自定义组件(如合作区域选择器、角色导航栏等)与 Hooks,提高模块复用率。
实现首页复杂表单筛选逻辑,包括缓存筛选条件与重置功能。
自定义封装路由守卫体系,基于 uni.navigateTo、uni.redirectTo 重写跳转逻辑,实现登录鉴权与角色隔离。
完成推广海报功能(生成、保存、复制分享链接)及代理端首页功能搭建。
实现 App 热更新与常规更新机制,提升版本迭代体验。
完成首页分类,列表,卡品的筛选功能,利用高德api实现定位,逆地址解析,定位可以自定义选择。并利用本地存储进行缓存。
完成代理页面及二级页面,如分佣等级比例设置,上下架管理,添加下级,查看下级代理列表等功能。
完成客服页面,问题分类,列表,详情,提交问题,是否己解决等功能。
我的页面,头像,昵称,业绩数据,二级分类,我的订单列表,及分类,筛选功能。还有失败订单,一键重提功能。
店铺信息设置,店铺推广海报等。
我的钱包,成交记录,下级分佣记录等,修改提现信息等。
我的订单页面页面等。
项目难点与亮点:
多端多角色架构设计:在同一项目中实现用户端与代理端的多角色体系,支持角色动态切换、权限验证与页面隔离。
高复用组件与模块化封装:使用 Vue3 Composition API + Hooks,将复杂逻辑独立封装为通用模块,提升开发效率与后期维护性。
复杂筛选与定位功能实现:通过高德地图 API + 本地缓存实现定位与逆地址解析,结合懒加载与条件缓存优化性能。
推广裂变功能完善:实现推广海报生成、二维码分享、链接复制与保存下载,支撑平台分销与裂变营销。
热更新与整包更新并行机制:实现在线热更新、版本比对、差分升级与安全回滚,确保 App 更新稳定高效。
丰富业务模块与交互优化:实现分佣管理、钱包提现、客服反馈、订单筛选与失败订单重提等功能,提升业务体验与操作便捷性。