医院在线预约挂号系统开源_开源预约系统-程序员宅基地

技术标签： node.js vue.js mysql 开源前端实例 javascript

小程序部分

开源地址：https://github.com/moyuc1966/Registerhttps://github.com/moyuc1966/Register

整体功能有：

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

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

就诊人

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

在线预约

所有记录和预约操作依然是在单独的就诊人名下进行，选择合适分院（可设置多医院），一级科室，二级科室后通过医生简介等方式选择医生后提交信息预约，，可预约日期限制在今日起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地址配置，根路径，不携带/，记得删除此注释
  },

开源地址：https://github.com/moyuc1966/Registerhttps://github.com/moyuc1966/Register

截图预览

开源地址：https://github.com/moyuc1966/Registerhttps://github.com/moyuc1966/Register

本文链接：https://blog.csdn.net/qq_51807875/article/details/126872220

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

软件测试流程包括哪些内容？测试方法有哪些？_测试过程管理中包含哪些过程-程序员宅基地

文章浏览阅读2.9k次，点赞8次，收藏14次。测试主要做什么？这完全都体现在测试流程中，同时测试流程是面试问题中出现频率最高的，这不仅是因为测试流程很重要，而是在面试过程中这短短的半小时到一个小时的时间，通过测试流程就可以判断出应聘者是否合适，故在测试流程中包含了测试工作的核心内容，例如需求分析，测试用例的设计，测试执行，缺陷等重要的过程。..._测试过程管理中包含哪些过程

政府数字化政务的人工智能与机器学习应用：如何提高政府工作效率-程序员宅基地

文章浏览阅读870次，点赞16次，收藏19次。1.背景介绍政府数字化政务是指政府利用数字技术、互联网、大数据、人工智能等新技术手段，对政府政务进行数字化改革，提高政府工作效率，提升政府服务质量的过程。随着人工智能(AI)和机器学习(ML)技术的快速发展，政府数字化政务中的人工智能与机器学习应用也逐渐成为政府改革的重要内容。政府数字化政务的人工智能与机器学习应用涉及多个领域，包括政策决策、政府服务、公共安全、社会治理等。在这些领域，人工...

ssm+mysql+微信小程序考研刷题平台_mysql刷题软件-程序员宅基地

文章浏览阅读219次，点赞2次，收藏4次。系统主要的用户为用户、管理员，他们的具体权限如下：用户：用户登录后可以对管理员上传的学习视频进行学习。用户可以选择题型进行练习。用户选择小程序提供的考研科目进行相关训练。用户可以进行水平测试，并且查看相关成绩用户可以进行错题集的整理管理员：管理员登录后可管理个人基本信息管理员登录后可管理个人基本信息管理员可以上传、发布考研的相关例题及其分析，并对题型进行管理管理员可以进行查看、搜索考研题目及错题情况。_mysql刷题软件

根据java代码描绘uml类图_Myeclipse8.5下JAVA代码导成UML类图-程序员宅基地

文章浏览阅读1.4k次。myelipse里有UML1和UML2两种方式，UML2功能更强大，但是两者生成过程差别不大1.建立Test工程，如下图，uml包存放uml类图package com.zz.domain;public class User {private int id;private String name;public int getId() {return id;}public void setId(int..._根据以下java代码画出类图

Flume自定义拦截器-程序员宅基地

文章浏览阅读174次。需求：一个topic包含很多个表信息，需要自动根据json字符串中的字段来写入到hive不同的表对应的路径中。发送到Kafka中的数据原本最外层原本没有pkDay和project，只有data和name。因为担心data里面会空值，所以根同事商量，让他们在最外层添加了project和pkDay字段。pkDay字段用于表的自动分区，proejct和name合起来用于自动拼接hive表的名称为 ..._flume拦截器自定义开发 kafka

java同时输入不同类型数据,Java Spring中同时访问多种不同数据库-程序员宅基地

文章浏览阅读380次。原标题：Java Spring中同时访问多种不同数据库多样的工作要求，可以使用不同的工作方法，只要能获得结果，就不会徒劳。开发企业应用时我们常常遇到要同时访问多种不同数据库的问题，有时是必须把数据归档到某种数据仓库中，有时是要把数据变更推送到第三方数据库中。使用Spring框架时，使用单一数据库是非常容易的，但如果要同时访问多个数据库的话事件就变得复杂多了。本文以在Spring框架下开发一个Sp..._根据输入的不同连接不同的数据库