Skip to content

预约挂号小程序,Vue+node+mysql+微信小程序,完整功能

Notifications You must be signed in to change notification settings

moyuc1966/Register

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

在线预约挂号小程序

一个简单的医院在线预约挂号系统,前台使用微信小程序承载,后端技术栈使用node+mysql,管理后台为Vue
作为一个练手项目还是可以的

目录

更新日志

2023-11-24

-- 修复提交预约医院名称不显示问题
-- 修复排班修改剩余预约数量不同步问题
-- 替换测试数据为数据备份.sql,此部分数据对应的图片不存在,请自行编辑或删除
-- 修复医生名下关闭弹窗左侧导航不切换问题
-- 修复小程序在特定日期下获取周次错误问题

2022-11-10

-- 优化小程序同科室医生推荐逻辑
-- 修复管理端二级科室搜索问题
-- 修复小程序部分账号在余额退款功能中提示无权限问题
-- 修复小程序部分获取医生一周内排班时一程问题
-- 新增完成预约时向用户发送消息的功能
-- 新增完成预约时扣款失败创建订单后向用户发送消息功能

2022-11-09

-- 修复医院开关失效问题
-- 修复提交预约时医院获取失败的问题
-- 修复排班剩余可预约数量异常bug
-- 新增小程序部分意见反馈记录
-- 新增管理后台管理员列表

简介

结构

此项目包含三部分,分别是小程序端,管理员端,接口api;对应根目录为Applet,Admin,Api

小程序部分

整体功能有:

用户注册部分、就诊人部分、就诊人管理、对预约记录,缴费充值退款记录的管理
意见反馈、医院公告(文章)、自助缴费、余额充值、医院导航、消息管理、在线预约

整体采用注册用户绑定就诊人(就诊卡)的模式,除消息为其他数据绑定在对应的就诊人

就诊人

就诊人为一对多模式,最多绑定五位就诊人,有且只有一位默认就诊人,通过就诊卡唯一,对应自己的数据,包括各种记录和余额,且设置与账号所属人的关系,如父母或子女

在线预约

所有记录和预约操作依然是在单独的就诊人名下进行,选择合适分院(可设置多医院),一级科室,二级科室后通过医生简介等方式选择医生后提交信息预约,,可预约日期限制在今日起7天内 ,预约是否完成的操作在医生的控制,用户可对已预约单未完成的记录进行取消等操作

管理后台部分

整体功能有:

注册用户管理、就诊人管理,医生排班
医院信息(包括分院,各级科室,对应分院、楼层导航,小程序轮播图,各类文章)
充值缴费退款记录管理,预约记录管理和操作,近7天数据分析

管理后台首页

部署示例

后端api部署

理应有限部署此部分,首先需要node环境

在安装有node环境的平台内打开终端,cd至api文件夹下

npm install

安装依赖,之后配置邮件和数据库
打开根目录link.js文件,按照注释配置MySQL数据库账号密码等信息

const config = {
    host: 'localhost', 
    user: '账号',
    password: '密码',
    database: '库名',
    timezone:"SYSTEM"
}

之后配置邮件,打开Api\loginReg\seek\email.js文件,修改发件邮箱、邮箱密码对应的内容

const transporter = nodemailer.createTransport({
    host: "smtp.qq.com",
    port: 465,
    secure: true,
    auth: {
        user: '发件邮箱',
        pass: '邮箱密码'

    }
});

//省略中间

 const mailInfo = {
        from: '发件邮箱',
        to: qq,
        subject: '预约挂号小程序密码找回',
        text: `尊敬的用户${data[0].name}:  您好,您正在对账号${data[0].username}进行找回密码的操作,验证码为${code},请在10分钟内完成密码重置操作`,
        html: html
    }

此处修改transporter.auth的账号密码以及mailInfo的发件邮箱,当前项目使用的是QQ邮箱,其他邮箱配置可参考nodemailer插件

https配置

其实当前文件已经是https,其根目录ssl文件夹存放ssl证书,其他http与https配置在index.js中调整即可

数据库导入

在根目录中register.sql为初始数据,管理员账号密码为123456

根目录test.sql.gz是一些测试数据

运行

node index.js

管理后台部署

本项目属于vue-cli搭建,推荐后续使用vue ui打包和运行



此处打包方式使用命令行(vue ui点点点操作就不截图了)

首先配置api地址

打开Adim\src\main.js文件

Vue.prototype.apiUrl = 'https://'      //全局api地址,跟路径,不带/,例如https://baidu.com

axios.defaults.baseURL = 'https://..../';   //拦截器地址配置,根路径,携带/

之后在Admin文件夹打开终端安装依赖

npm install

打包

npm run build

生成文件在Admin\dist文件夹,其文件夹内为已经打包好的内容

使打包好内容在本地跑起来

1、按照express创建出基本的结构

mkdir myapp
cd myapp
npm init

package.json会被创建出来

2、安装express

npm install express --save

会创建 node_modules

3、同级目录下创建index.js文件和www文件夹,其中index.js中写入

const express = require('express')
const app = express()
 
app.get('/', (req, res) => res.send('Hello World!'))
app.use(express.static('./www'))
 
app.listen(3000, () => console.log('Example app listening on port 3000!'))

4、npm run build之后将你打包出的文件目录放到www文件夹下,如打包出来的文件目录为dist,dist里面有index.html和page文件夹,page文件夹是所有的打包之后的文件

5、加路由访问localhost:3000/index.html即可访问到你打包出的页面了

如果其他电脑也需要访问,将localhost换成本地的ip地址就OK

微信小程序搭建

微信小程序开发者工具和小程序账号此处不做多介绍,详细看官方文档:微信小程序开发文档

api配置

打开Applet\app.js文件

globalData: {
    $url : 'https://'         //此处是全局api地址配置,根路径,不携带/,记得删除此注释
  },

截图预览

管理后台首页 管理-医生排班 管理排班设置 文章编辑 小程序首页 小程序预约 小程序退款 小程序预约记录

小问题

  1. 排班如何删除
    在修改排班里将对应的上午和下午的上班状态修改为休息

About

预约挂号小程序,Vue+node+mysql+微信小程序,完整功能

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages