业务和功能介绍
老仙好物是一款基于微信生态的社区团购电商小程序，为用户提供优质商品的线上购买、拼团、配送到家/自提等全流程服务。项目采用前后端分离架构，包含用户端小程序、后台管理系统和后端服务。
项目周期： 2025年10月 - 至今
项目角色： 前端开发工程师（小程序端）/ 全栈工程师
技术栈： uni-app、Vue3、Spring Boot、MySQL、Redis、微信支付、阿里云OSS
前端技术栈
- 框架： uni-app (Vue3 + TypeScript)
- 状态管理： Pinia
- UI组件： uni-ui、自定义组件库
- 工具库： js-md5、sortablejs、uqrcodejs
- 构建工具： Vite 5.4、HBuilderX
后端技术栈
- 框架： Spring Boot 2.6.3 + MyBatis-Plus 3.4.0
- 数据库： MySQL 8.0 + Redis
- 支付： 微信支付（weixin-java-pay 4.4.0）
- 存储： 阿里云OSS 3.16.1
- 工具： Hutool 5.8.20、Lombok、FastJson
项目周期： 2025年10月 - 至今
项目角色： 前端开发工程师（小程序端）/ 全栈工程师
技术栈： uni-app、Vue3、Spring Boot、MySQL、Redis、微信支付、阿里云OSS
前端技术栈
- 框架： uni-app (Vue3 + TypeScript)
- 状态管理： Pinia
- UI组件： uni-ui、自定义组件库
- 工具库： js-md5、sortablejs、uqrcodejs
- 构建工具： Vite 5.4、HBuilderX
后端技术栈
- 框架： Spring Boot 2.6.3 + MyBatis-Plus 3.4.0
- 数据库： MySQL 8.0 + Redis
- 支付： 微信支付（weixin-java-pay 4.4.0）
- 存储： 阿里云OSS 3.16.1
- 工具： Hutool 5.8.20、Lombok、FastJson
项目实现
1. 商品展示与搜索模块
- 首页商品流： 实现瀑布流布局，商品左右列自适应高度展示
- 采用虚拟列表优化性能，支持下拉刷新和上拉加载更多
- 实现商品分类筛选、品牌推荐区域、热销/最新商品快速入口
- 接入热门搜索关键词接口，动态占位符每5秒切换展示
商品详情页： 实现商品图片轮播、规格选择器、加入购物车/立即购买
- 自定义规格选择弹窗，支持多规格SKU组合（如：规格+重量）
- 商品评价展示（评分、图片、文字评论）
- 收藏功能、分享功能（生成小程序码）
2. 购物车与订单模块
- 购物车：
- 全选/单选商品、批量删除、数量加减控制
- 实时计算商品总价、运费、优惠金额
- 失效商品提示与处理
- 订单确认页：
- 地址选择/新增（调用微信位置API）
- 配送方式选择（配送到家/自提点选择）
- 订单备注、优惠券选择
- 订单金额明细展示
- 订单列表：
- Tab切换（全部/待支付/待收货/已完成/售后）
- 订单状态流转展示（待支付→待收货→已完成）
- 倒计时支付提醒（10分钟超时自动取消）
- 订单操作（取消订单、立即支付、确认收货、删除订单）
3. 拼团功能
- 拼团商品页： 拼团价展示、拼团进度条、已拼人数展示
- 拼团详情： 实时显示拼团状态（拼团中/成功/失败）
- 拼团列表： 我的拼团订单、邀请好友拼团（生成分享海报）
4. 支付与退款模块
- 微信支付集成：
- 调用微信支付统一下单接口
- 支付成功回调处理、支付失败重试机制
- 支付结果页展示（成功/失败/取消）
- 退款流程：
- 退款申请（选择退款原因、上传凭证图片）
- 退款进度查询（退款中/已退款/退款失败）
- 退款详情展示（退款金额、退款时间、处理结果）
5. 用户中心
- 个人信息管理：
- 微信授权登录（获取用户头像、昵称）
- 个人资料编辑（头像上传到阿里云OSS）
- 收货地址管理（新增/编辑/删除/默认地址设置）
- 我的订单： 全部订单、待支付、待收货、已完成、售后订单
- 会员功能： 会员等级展示、积分查询、优惠券列表
- 设置中心： 账号安全、消息通知设置、关于我们、退出登录
6. 其他功能优化
- 自定义导航栏： 适配不同机型的状态栏高度
- 全局状态管理： 使用globalData管理登录状态、购物车数量等
- 图片懒加载： 优化商品列表加载性能
- 网络请求封装： 统一处理token、错误提示、loading状态
- 路由拦截： 未登录用户跳转登录页
- 首页商品流： 实现瀑布流布局，商品左右列自适应高度展示
- 采用虚拟列表优化性能，支持下拉刷新和上拉加载更多
- 实现商品分类筛选、品牌推荐区域、热销/最新商品快速入口
- 接入热门搜索关键词接口，动态占位符每5秒切换展示
商品详情页： 实现商品图片轮播、规格选择器、加入购物车/立即购买
- 自定义规格选择弹窗，支持多规格SKU组合（如：规格+重量）
- 商品评价展示（评分、图片、文字评论）
- 收藏功能、分享功能（生成小程序码）
2. 购物车与订单模块
- 购物车：
- 全选/单选商品、批量删除、数量加减控制
- 实时计算商品总价、运费、优惠金额
- 失效商品提示与处理
- 订单确认页：
- 地址选择/新增（调用微信位置API）
- 配送方式选择（配送到家/自提点选择）
- 订单备注、优惠券选择
- 订单金额明细展示
- 订单列表：
- Tab切换（全部/待支付/待收货/已完成/售后）
- 订单状态流转展示（待支付→待收货→已完成）
- 倒计时支付提醒（10分钟超时自动取消）
- 订单操作（取消订单、立即支付、确认收货、删除订单）
3. 拼团功能
- 拼团商品页： 拼团价展示、拼团进度条、已拼人数展示
- 拼团详情： 实时显示拼团状态（拼团中/成功/失败）
- 拼团列表： 我的拼团订单、邀请好友拼团（生成分享海报）
4. 支付与退款模块
- 微信支付集成：
- 调用微信支付统一下单接口
- 支付成功回调处理、支付失败重试机制
- 支付结果页展示（成功/失败/取消）
- 退款流程：
- 退款申请（选择退款原因、上传凭证图片）
- 退款进度查询（退款中/已退款/退款失败）
- 退款详情展示（退款金额、退款时间、处理结果）
5. 用户中心
- 个人信息管理：
- 微信授权登录（获取用户头像、昵称）
- 个人资料编辑（头像上传到阿里云OSS）
- 收货地址管理（新增/编辑/删除/默认地址设置）
- 我的订单： 全部订单、待支付、待收货、已完成、售后订单
- 会员功能： 会员等级展示、积分查询、优惠券列表
- 设置中心： 账号安全、消息通知设置、关于我们、退出登录
6. 其他功能优化
- 自定义导航栏： 适配不同机型的状态栏高度
- 全局状态管理： 使用globalData管理登录状态、购物车数量等
- 图片懒加载： 优化商品列表加载性能
- 网络请求封装： 统一处理token、错误提示、loading状态
- 路由拦截： 未登录用户跳转登录页
示例图片视频
相似推荐
SaaS平台-全渠客
本人曾任职前端开发岗位，主要负责公司核心SaaS平台的前端开发与迭代工作，业务覆盖广告运营、大数据分析、海外营销等核心领域，同时涉及OA办公系统、SCRM客户管理系统的前端构建，还包含聊天消息、文字转语音、数字人、图片转视频等特色功能模块。
合同，采购询单串口插件等
本项目旨在打通从客户开发到履约交付的全业务流程闭环。我们构建了从客户询盘、合同签订，到意向订单转化、正式下单的精准销售漏斗；后端则无缝衔接采购备料、质检入库、智能排产与精益生产，最终确保成品高效出库发货。通过实现商机获取与供应链履约的端到端数字化管控，显著提升订单交付效率与客户满意度。
AI一站式科研服务平台-infmind.cn
InfMind 是一个 AI 驱动的一站式学术研究平台，旨在帮助科研人员将研究效率提升 10 倍。平台集成了全球学术文献检索（3.8B+ 资源）、基于向量数据库的智能知识管理、多模型 AI 对话（GPT-5、Claude 4.5、Gemini 3）、科研绘图和全自动论文写作辅助等核心功能。具备多agent协作架构和编排系统, 支持 Web、Windows、macOS、Linux、iOS、Android 全平台，数据实时同步。目前服务全球 10,000+ 科研用户。
财务内控系统移动端-uniapp
传统PC端系统无法满足外勤人员实时提交申请、查看进度、接收通知的需求，亟需构建跨平台移动应用。目标：打造统一入口的移动内控门户，支持差旅/会议/采购等事前申请在线填报、状态追踪、转报销单及消息提醒，实现“随时随地办业务”。核心模块包括事前申请列表与详情、预算指标关联、待办事项聚合、公告制度推送、个人报销统计图表等。业务流程覆盖用户登录→选择申请类型→填写表单→提交审批→查看进度→转报销；功能路径为首页快捷入口→分类导航→表单编辑→审核流跟踪→数据统计看板，全面适配iOS/Android/H5三端，保障体验一致性与操作便捷性。
预算绩效数智化管理研究平台-绩效
传统绩效考核依赖手工Excel，流程割裂、数据滞后、评价主观。目标：构建线上化、标准化、可追溯的绩效管理体系，实现从目标申报→事前评估→事中监控→事后评价全流程闭环，提升组织效能与决策科学性。核心模块包括任务管理、预算绩效管理、合同关联、绩效分析、资源库及协作平台，支持多维度指标配置与动态权重调整。业务流程覆盖用户登录注册→目标填报→过程跟踪→结果评分→报告生成；功能路径为首页快捷入口→模块导航→表单填写/审批流→数据看板→导出归档，全程支持移动端适配与权限隔离。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服