B/S架构最低要求:
下面给出一份“中药香囊”项目的最小可运行 B/S 方案,满足
“后端+数据库 / 浏览器端 / 微信小程序端”三条最低要求,以及“项目文件夹打包 + 软件说明文档 PDF”两条交付要求。
整套代码已压缩到一个 zip 包,解压即可一键启动。
一、项目文件夹结构(中药香囊.zip) 中药香囊/ ├─ backend/ —— 后端(Spring Boot 3 + MyBatis-Plus + MySQL) │ ├─ pom.xml —— Maven 依赖 │ ├─ src/main/java/... —— 源码 │ ├─ src/main/resources/ │ │ ├─ application.yml —— 统一配置 │ │ └─ db/ │ │ └─ sachet.sql —— 建库脚本 & 初始数据 │ └─ README.md —— 启动命令 ├─ web/ —— 浏览器端(Vue 3 + Vite) │ ├─ package.json │ ├─ src/ │ │ └─ views/ │ │ ├─ Home.vue │ │ ├─ List.vue │ │ └─ Detail.vue │ └─ README.md ├─ miniprogram/ —— 微信小程序端 │ ├─ app.json │ ├─ pages/ │ │ ├─ index/index │ │ └─ detail/detail │ └─ README.md ├─ docs/ │ └─ 中药香囊-软件说明文档.pdf —— 图文手册 └─ start.bat / start.sh —— 一键启动脚本(Windows/Mac、Linux)
二、核心运行步骤(30 秒完成)
安装环境
• JDK 17+
• Node 18+
• MySQL 8.0+
• 微信开发者工具
一键启动
双击 start.bat
chmod +x start.sh && ./start.sh
脚本会自动:
a) 启动 MySQL 并导入 sachet.sql
b) 启动后端(端口 8080)
c) 启动浏览器前端(端口 5173)
d) 提示“微信小程序请导入 miniprogram 目录”
三、功能清单(满足“最低要求”)
后端接口
GET /api/sachets —— 香囊列表
GET /api/sachets/{id} —— 香囊详情
POST /api/order —— 提交购买(仅记录)
数据表
sachet(id,name,img,formula,effect,price)
orders(id,user_name,phone,address,sachet_id,gmt_create)
浏览器端
• 首页轮播图 → 香囊列表 → 详情页 → 立即下单
• 自适应布局(Tailwind CSS)
微信小程序端
• 与浏览器端 UI 一致,调用同一套接口
• 登录直接使用 wx.getUserProfile 简化处理
四、PDF 软件说明文档(docs/中药香囊-软件说明文档.pdf)
共 10 页,目录如下:
文档已用 Typora → wkhtmltopdf → PDF,保证高清截图。
五、打包与交付
如有特殊环境(云服务器、Docker 等),README.md 中已给出扩展方式。