关键字:口腔医院,牙科,微信小程序,uni-app, 线上预约,挂号诊疗,口腔项目,会员充值,医生排班,套餐团购
项目名称:wx_dental_hospital 口腔牙科线上预约小程序
项目名称:口腔牙科线上预约小程序(含源码)
项目介绍
wx_dental_hospital 是基于 uni-app 开发的口腔牙科门店专用微信小程序,面向线下牙科诊所、口腔医院打造线上数字化服务平台,实现患者线上预约挂号、口腔项目选购、医生查看、会员管理全流程线上化。系统分为用户小程序端与 PC 管理后台,患者无需到店即可在线浏览洗牙、矫正、补牙等各类牙科项目,查看医生简介与出诊排班,自主选择就诊时间完成预约,支持口腔套餐团购、会员充值、优惠券领取核销。管理员后台可统一维护医生信息、诊疗项目、排班表、预约订单、会员数据,实时查看门店预约客流统计。整体界面贴合医疗口腔行业风格,操作简洁易懂,集成微信授权登录、微信支付、消息推送能力,一套代码仅适配微信小程序,纯前后端分离架构,代码分层清晰,适合牙科门店商用落地,也可作为计算机专业小程序课程设计、毕业设计学习参考。
项目主要技术框架
wx 小程序端(uni-app)
admin 后台管理端
sql 文件夹:MySQL 初始化库表、演示数据脚本
根配置:项目启动类、maven 打包配置、小程序全局配置

3.1核心底层框架
系统采用标准 B/S 前后端分离架构,后端基于 Spring Boot 搭建服务,MySQL 存储医生、预约、会员、套餐业务数据,Redis 缓存热门牙科项目、排班信息提升访问速度。前端使用 uni-app 开发微信小程序,PC 管理后台采用 Vue3+Element Plus 构建,通过 RBAC 角色权限区分门店管理员与普通操作人员。集成微信授权、微信支付、服务通知推送接口,支持 jar 包独立部署与 Linux 服务器离线运行,所有预约、支付、核销业务流程闭环,轻量化架构降低中小牙科门店数字化落地成本。
3.2后端技术栈
开发语言:Java
核心框架:Spring Boot
持久层:Mybatis / MyBatis-Plus
数据库:MySQL
缓存中间件:Redis
安全认证:Token 令牌鉴权
第三方能力:微信登录、微信支付、小程序消息推送
构建工具:Maven
部署方式:Jar 包独立运行、Tomcat 部署
3.3前端技术栈
小程序端:uni-app + uni-ui
后台管理端:Vue3 + Vite + Element Plus
网络请求:Axios
交互能力:日历排班选择、表单预约、优惠券核销、订单支付弹窗
3.4开发及生产环境
开发环境:Windows/Mac、HBuilderX、微信开发者工具
运行环境:微信小程序模拟器、手机微信真机
兼容性:全型号手机微信小程序,支持相册读取授权、
3.5数据库
系统核心业务数据表:
医生表:医生姓名、职称、擅长项目、出诊排班、头像
牙科项目表:洗牙 / 正畸 / 补牙等项目、价格、团购套餐、有效期
预约订单表:患者信息、预约医生、就诊时间、订单状态
用户会员表:微信 openid、余额、积分、优惠券持有记录
优惠券表:满减券、体验券、发放与核销记录
系统配置表:门店介绍、轮播图、联系电话、营业时间
各表通过用户 ID、医生 ID、项目 ID 关联,统一记录预约与消费数据。
项目主要功能
4.1 门店管理员功能模块
4.1.1 医生管理
新增 / 编辑 / 删除医生信息,设置医生擅长诊疗项目、上传头像、维护每日出诊排班日历,调整医生出诊时段。
4.1.2 牙科项目 & 套餐管理
上架洗牙、牙齿矫正、补牙、美白等单项项目,创建优惠团购套餐,设置项目原价、活动价、套餐有效期,上下架控制。
4.1.3 预约订单管理
查看全部用户预约记录,筛选待就诊、已完成、取消订单,可手动修改预约时间、取消用户预约,导出预约客流统计表。
4.1.4 会员与优惠券管理
查看小程序全部会员信息,发放线上优惠券,设置优惠券使用门槛、有效期,查看优惠券核销记录,管理会员充值记录。
4.1.5 门店系统配置
配置小程序首页轮播图、门店简介、营业时间、门店联系电话、导航地址,修改全局基础参数。
4.2 小程序患者用户功能模块
4.2.1 微信一键登录
微信授权自动注册会员,获取头像昵称,无需手动填写账号密码。
4.2.2 项目套餐浏览
首页展示热门牙科项目、团购优惠套餐,分类查看正畸、儿科牙科、修复等项目,查看项目详情与用户评价。
4.2.3 医生与排班查询
浏览全部医生简介、擅长领域,查看医生每日可预约时段,自由选择医生就诊。
4.2.4 在线预约挂号
选择项目、医生、就诊日期与时间段,提交预约订单,支持预约前随时取消。
4.2.5 会员充值与优惠券
线上充值会员余额,领取平台发放优惠券,下单自动抵扣优惠,查看优惠券持有与使用记录。
4.2.6 个人中心
查看全部预约订单、历史消费记录、会员余额、积分,修改个人联系方式。
4.3 通用功能模块
4.3.1 文件上传下载
后台上传医生头像、项目宣传图、首页轮播图,支持订单数据 Excel 批量导出。
4.3.2 RBAC 权限控制
区分超级管理员、门店运营角色,不同账号仅开放对应操作菜单,拦截无权限接口请求。
4.3.3 微信支付集成
套餐购买、会员充值唤起微信支付,支付成功自动更新订单与会员余额。
4.3.4 小程序消息推送
预约成功、就诊提醒、优惠券到期自动推送微信服务通知给用户。
项目安装和部署
5.1 数据库初始化
登录 MySQL 数据库,执行 SQL 创建专属数据库:
sql
CREATE DATABASE wx_dental_hospital DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
导入项目 sql 目录下完整库表与演示数据,修改 application.yml 数据库账号密码配置。
5.2 后端项目构建
后端根目录执行 Maven 打包命令:
bash
运行
mvn clean package -Dmaven.test.skip=true
生成可执行 jar 部署包。
5.3 前端项目构建
PC 管理后台:进入 admin 前端目录执行 npm install、npm run build 打包静态资源
小程序端:HBuilderX 导入 uni-app 源码,修改 utils 内接口域名、小程序 AppID 配置
5.4 应用启动与运行
启动 Redis 缓存服务
后台 jar 启动命令:
bash
运行
java -jar wx-dental-hospital.jar
后台访问地址:http://localhost:8080/admin
HBuilderX 编译小程序,连接微信开发者工具预览真机功能
这个系统实际效果图片展示
【小程序首页、牙科套餐列表、医生排班页、预约提交页面、会员充值中心、PC 后台医生管理、订单预约统计界面截图】




这个源码适合的学习人群
该项目代码结构清晰、注释规范、无过度封装、轻量化易上手,极其适合四类人群学习:Java后端初学者、微信小程序开发学习者、计算机专业在校学生、个人开源项目爱好者。
这个项目源码获取方式
关注公众号,开源仓库地址:https://gitee.com/zmnteam/wx_dental_hospital
夜雨聆风