微信小程序 网上花店源码｜鲜花选购、购物车与订单管理

网上花店微信小程序将鲜花展示与订单管理连接起来。用户通过图片、花语和介绍了解商品，将选中的鲜花加入购物车，再结合收货地址形成订单；管理员维护商品、库存与订单信息。项目适合学习带小程序前端的 Java 商城业务。

项目配套 Java 后端、uni-app 前端、Vue 管理后台、MySQL 数据库脚本与设计论文，可结合业务页面、接口和数据表理解功能实现。

一、项目概况

二、用户端：选花、收藏与下单

鲜花资料包含名称、编号、图片、花语、类型、库存、原价、现价、热度、上架状态及详情介绍。列表按照名称和分类组织检索，详情集中展示商品说明；用户可以收藏商品，也可以查看或提交评价。

购物车记录用户、鲜花与购买数量，收货地址另行维护。订单保存鲜花、购买用户、数量、实际金额、配送信息、订单状态和支付类型等内容，使购物车选择、订单记录与后续查询有明确的数据承接。个人中心可作为用户查看相关业务记录的入口。

三、管理端：商品资料、库存与订单维护

管理端提供鲜花列表与商品编辑入口，名称、分类、图片、花语和价格都属于商品资料的一部分。库存数量和上架状态分别控制库存数据与商品展示状态，阅读代码时可沿着订单提交方法查看数量检查及库存更新的具体处理。

订单管理结合订单状态、配送信息和购买数量组织记录，评价保存用户意见及回复。系统还包含客服聊天、论坛和公告模块，用于商品咨询及公共内容展示。账号中的余额字段与订单支付类型可用于学习项目内的交易数据流。

四、业务结构：商品、购物车与订单的关系

商品表保存当前商品资料，购物车保存用户的购买选择，订单保存已提交的购买记录。三类数据用途不同，联调时应分别检查商品价格变化、购物数量和订单金额，理解页面显示金额与后端保存金额之间的关系。

建议按一件鲜花商品完成收藏、加入购物车、选择地址和提交订单，再从后台查看订单内容。项目中的支付类型与余额流程可以作为源码学习内容；正式接入商户支付时，应根据具体接口完成独立的商户配置与支付验证。

五、技术结构与学习重点

后端采用 Spring Boot 组织接口，业务代码按控制器、服务、数据访问与实体分层，MyBatis-Plus 配合映射文件完成数据库操作。管理端使用 Vue 2 与 Element UI，小程序端由 uni-app 页面、路由配置和公共请求方法组成，两端通过接口访问同一套业务数据。

建议选择一条完整业务链来阅读：鲜花详情—购物车—收货地址—订单记录。从前端页面找到请求，再对应控制器、服务方法和表字段，观察新增、查询和状态更新分别发生在哪里。类型字典、当前用户标识及文件地址是联调时需要一起关注的内容。

六、部署入口与配置位置

1. 以 wangshanghuadian/pom.xml 导入 Maven 工程。项目配置使用 Java 8 与 Spring Boot 2.2.2.RELEASE，先完成依赖加载。
2. 创建 MySQL 数据库并导入工程中的 db.sql，修改 src/main/resources/application.yml 内的数据库连接、账号和端口。默认接口上下文为 /wangshanghuadian。
3. 管理端源码位于 src/main/resources/admin/admin，依据其 package.json 安装依赖并运行 npm run serve，同步调整接口请求地址。
4. 小程序源码位于 src/main/resources/front/front，可在 HBuilderX 中打开，核对 manifest.json、pages.json 和公共请求地址，再编译到微信开发者工具。AppID 使用自己的小程序配置。

先确认后端接口与图片等静态资源能访问，再分别登录相关角色，按上述业务链验证新增、查询与处理结果。真机访问时需要使用手机可达的后端地址，并同步核对小程序的域名配置。通用环境准备步骤可从网站导航中的“部署教程”进入查看。

七、配套资料清单

• 项目源码：wangshanghuadian，包含 Java 后端、uni-app 小程序前端与 Vue 管理端。
• 数据库：MySQL 数据库脚本 db.sql。
• 设计论文：网上花店微信小程序论文.doc。