药店管理系统源码|微信小程序 + Vue 3 后台 + Spring Boot + MySQL
药店管理系统源码|微信小程序 + Vue 3 后台 + Spring Boot + MySQL · 作品封面
作品详情2026-11-05

药店管理系统源码|微信小程序 + Vue 3 后台 + Spring Boot + MySQL

包含微信小程序用户端、Vue 管理后台、Spring Boot 接口和 MySQL 脚本,覆盖药品展示、购物车、订单、内容管理及基础统计,适合学习、演示和二次开发。毕业设计

沅酷网络
沅酷网络原创作品
当前售价¥680
购买后可查看订单和授权信息
5 浏览0 收藏0 点赞
INTRODUCTION

作品介绍

药店管理系统源码|微信小程序 + Vue 3 管理后台 + Spring Boot

图片1

上架文案

标题: 药店管理系统源码|微信小程序 + Vue 3 后台 + Spring Boot + MySQL

简易描述: 一套包含微信小程序用户端、Vue 3 管理后台、Spring Boot 接口与 MySQL 脚本的药店管理系统源码。覆盖药品展示、分类检索、购物车、收货地址、订单、内容管理及基础数据统计,适合学习、演示和二次开发。

SEO 标签: 药店管理系统源码、医药商城源码、微信小程序商城、药品商城小程序、Vue3 管理后台、Spring Boot 2.7、MyBatis-Plus、MySQL、前后端分离、订单管理、药品分类、购物车、库存预警、毕业设计参考、Java 项目源码

项目概述

本项目是一套前后端分离的药店管理演示系统,包含微信小程序用户端、Vue 3 管理后台、Spring Boot API 和 MySQL 初始化脚本。用户可在小程序中浏览药品、查看详情、加入购物车、维护收货地址并提交订单;管理员可在网页后台维护药品及分类、查看订单、调整订单状态、管理公告和轮播图,并查看基础统计数据。

项目提供完整源码和示例数据,适合作为 Java Web 与微信小程序的学习案例、课程设计参考或业务原型。它是可运行的演示项目,正式经营使用前仍需完成支付、权限、交易一致性与合规相关的二次开发。

功能清单

端 已实现功能
微信小程序用户端 微信登录、药品分类与列表、药品详情、轮播图、新闻公告、收藏、购物车、收货地址、提交订单、订单列表与详情、订单状态操作、个人资料、站内聊天、演示余额与充值流程
Vue 管理后台 管理员登录、首页统计、用户管理、药品类别与分类管理、药品信息与库存字段维护、低库存数量提示、订单查询与状态管理、新闻公告管理、轮播图管理、客服聊天
Spring Boot API 登录与 JWT 鉴权、业务接口、MyBatis-Plus 数据访问、图片上传与静态资源访问
数据库 MySQL 建表与示例数据脚本,覆盖用户、药品、购物车、地址、订单、公告、收藏、聊天等数据

订单管理页支持跨用户查看订单、按订单号或收货人搜索、按状态筛选、按最新时间分页,并可查看订单中的商品明细。小程序端可查看个人订单详情。

使用流程

  1. 后台准备商品: 管理员登录网页后台,维护药品类别、分类、药品信息、价格、图片和库存字段,并按需发布公告、配置轮播图。
  2. 用户浏览与选购: 用户进入微信小程序,登录后浏览药品列表和详情,将药品加入购物车,选择购买数量和收货地址。
  3. 提交订单: 小程序将商品与收货信息提交给后端,后端生成订单号并保存订单商品记录。用户可在“我的订单”查看状态和商品明细。
  4. 后台处理订单: 管理员在订单管理页查询新订单、查看收货信息和商品清单,按业务需要更新订单状态;用户端可查看状态变化。
  5. 日常运营: 管理员查看订单、用户、药品和低库存等基础统计,维护内容并处理站内聊天消息。

当前余额支付和充值是演示流程,未接入微信支付或其他真实支付网关。订单、余额与库存的更新尚未形成完整的服务端交易闭环,不应直接用于实际收款经营。

技术架构

模块 技术
管理后台 Vue 3、Vue Router 4、Axios、Vite 8
小程序 微信小程序原生页面(WXML、WXSS、JavaScript)
后端 Java 8、Spring Boot 2.7.18、Spring MVC、MyBatis-Plus 3.5.3.1、JWT、Druid
数据库 MySQL 5.7 或 8.0
构建工具 Maven、npm

源码目录

text
spring-vue/
├─ 前端/yaodianguanli-vue/       Vue 管理后台
├─ 后端/yaodianguanli/           Spring Boot API
├─ 小程序/miniapp_fixed/          微信小程序工程
├─ sql文件/yaodianguanli.sql     数据库结构与示例数据
└─ 项目启动说明.docx              原项目启动说明

本地运行

环境要求: JDK 8、Maven、MySQL 5.7+、Node.js 20.19+、微信开发者工具。请先确认 3306、8080、5173 端口未被其他服务占用。

  1. 在 MySQL 中创建 yaodianguanli 数据库,字符集建议使用 utf8mb4,再导入 sql文件/yaodianguanli.sql。
  2. 按本地环境调整 后端/yaodianguanli/src/main/resources/application.yml 中的数据库连接、文件上传目录和微信小程序 AppID/AppSecret。不要公开或沿用交付包中的密钥。
  3. 在 后端/yaodianguanli 目录执行 mvn spring-boot:run。默认接口根地址为 http://localhost:8080/yaodianguanli。
  4. 在 前端/yaodianguanli-vue 目录执行 npm install 和 npm run dev。默认管理后台地址为 http://localhost:5173/,接口地址在 src/utils/request.js 中配置。
  5. 使用微信开发者工具导入 小程序/miniapp_fixed,配置自己的小程序 AppID,并在 utils/api.js 中设置可访问的后端地址。手机真机不能使用 localhost 访问电脑上的服务;正式发布还需配置 HTTPS 合法域名。

初始化脚本中的演示管理员账号为 admin,密码为 admin123;导入后请立即更换。微信登录还要求当前开发者账号具有对应小程序的开发权限。

前台演示图

图片1

后台演示图

图片1

交付与使用边界

  • 交付内容以实际源码文件为准,包括小程序工程、管理后台、后端工程、数据库脚本和项目说明;不包含服务器、微信小程序主体、域名或支付商户资质。
  • 项目中的药品图片、轮播图和示例数据仅用于演示。公开出售或商用前,应自行确认图片授权,并清理示例用户信息、联系方式和其他个人数据。
  • 当前代码保留演示性质的余额充值、密码找回和部分接口权限实现。若用于真实业务,应补充角色权限、支付回调校验、订单与库存事务、审计和安全测试。
  • 系统是药店业务软件示例,不构成药品经营资质、医疗服务能力或上线合规承诺。