目录

概述

技术选型

前端

后端

 数据库：MongoDB

 项目原型图

项目实现效果图

Tabbar页面

微信一键登录

​编辑加入购物车 

​编辑 首页商品分类过滤

商品搜索

商品下单 

收货地址选择/管理（内置组件） 

​编辑 购物车下单

​编辑 优惠券使用

​编辑 店铺

​编辑 领取/查看优惠券

​编辑 商品收藏/查看收藏

​编辑 查看订单

​编辑 待付款页面

​编辑 Gitee项目源码

---

概述

• 使用uni-app项目开发的微信商城小程序，实现商城基本功能。

• 项目属于从零造轮子，目的是为了自己增强项目整体开发规范和能力，在此做个项目记录，如果源码能够帮助到任何人，那么两个星期的代码编写将会变得更有价值。

• 更多项目信息：飞书文档连接-点击访问

• 飞书文档中编写了需求分析，每日开发日志，数据库表设计等信息。

技术选型

前端

• 前端采用uni-app项目，打包为"微信小程序"作为开发环境。

• 使用Vue3组合式API进行开发。

• 使用uni-app官方组件库快速搭建页面。

• 异步请求库Axios与后端交互。

• 整合JSAPI微信支付完成订单下单闭环。

• day.js格式化显示时间

后端

• SpringBoot框架

• ElasticSearch搜索引擎实现商品搜索。

• 使用Java-jwt实现登录校验。

• 使用spring-data-mongodb实现与MongoDB的连接和操作MongoDB数据。

• RabbitMQ消息中间件，实现订单异步处理和订单超时等功能。

• 微信支付SDK：wechatpay-apache-httpclient，实现订单微信支付。

 数据库：MongoDB

 项目原型图

项目实现效果图

Tabbar页面

微信一键登录

加入购物车 

 首页商品分类过滤

商品搜索

商品下单 

 

收货地址选择/管理（内置组件） 

 购物车下单

 优惠券使用

 店铺

 领取/查看优惠券

 商品收藏/查看收藏

 查看订单

 待付款页面

 Gitee项目源码

 Gitee项目地址：https://gitee.com/maohe101/uni-mall

1. 关于项目的快速启动流程在Gitee的README.md中有说明。 

2. 关于商品数据（MongoDB数据）和静态文件（商品等图片）也在Gitee文件目录中。