基于Vue+Element UI+Node+MongoDB的医院门诊预约挂号系统

目录
概述 3
系统目标 3
需求分析 3
功能需求 3
非功能需求 4
设计 4
数据库设计 4
数据库说明 4
数据结构 4
接口设计 5
登录 5
注册、添加信息 6
查询信息 6
查询全部病人 6
查询全部医生 6
查询某科室下的医生 6
根据 id 查询 6
根据病人 id 查询挂号记录 7
根据 id 删除 7
根据 id 编辑 7
根据科室名查询下属门诊 7
根据医生 id 查询排班信息 7
页面设计 8
登录、注册页面设计 8
用户主页设计 9
用户挂号记录页面 10
信息列表页 10
添加信息页 11
编辑信息页 11
实现 11
后端实现 13
前端实现 15
测试 17
登录测试 17
注册测试 17
退出登录测试 18
挂号测试 18
取消挂号记录 18
添加信息 18
删除信息 18
编辑信息 18
项目总结 18
概述
项目名称：Hs医院挂号预约系统 / Hs医院门诊预约挂号系统
项目技术：Vue + Element UI + Node + MongoDB
系统目标
在互联网发达的现代，为病人挂号预约提供便利，不用再在医院的挂号窗口排队等待，而是利用互联网的便利；使用本系统，用户可以足不出户、免去等待的进行挂号预约，医院方面的管理员可以便捷的对医院中的一些数据、信息进行存储、管理、维护，节省信息管理的成本。
需求分析
功能需求
用户：
•病人：可以查看医院信息、科室门诊、医生信息、预约挂号、预约记录；
•管理员：可以对系统内的数据、信息进行管理；
用例：
•登录、注册、退出登录
•查看医院信息、科室门诊信息、医生信息、预约挂号、预约挂号记录
•用户管理、科室管理、值班管理、挂号管理（仅管理员）
系统结构图：

非功能需求
•简洁：界面简洁、结构明了，没有多余的信息妨碍用户达到目的；
•快捷：通过页面模块化，提高模块的复用性，减少页面的刷新同时提高页面的加载速度；
设计
数据库设计
数据库说明
•MongoDB 数据库的集合可以看做是其他关系数据库（如 MySQL）的表
•集合的字段 _id 为唯一主键
•一些除 _id 外的 ObjectId数据类型的字段相当于外键
本文转载自http://www.biyezuopin.vip/onews.asp?id=15694

<template><el-main><el-row style="display: flex"><el-col :span="20" style="margin: auto;"><el-card style="min-width: 1232px"><div slot="header"><span>预约挂号记录</span></div><el-row><el-table :data="items.filter(data => !search || data.doctor.toLowerCase().includes(search.toLowerCase()))"><el-table-column type="index" align="center"></el-table-column><el-table-column label="id" prop="_id" align="center" v-if="false"></el-table-column><el-table-column label="医生" prop="doctor.account" align="center"></el-table-column><el-table-column label="星期" prop="duty" align="center"></el-table-column><el-table-column label="时间段" prop="timeslot" width="100px" align="center"></el-table-column><el-table-column label="日期" prop="appointment" align="center"></el-table-column><el-table-column align="center"><template slot="header" slot-scope="scope" :class="{scope}"> <!-- slot-scope="scope" --><el-inputv-model="search"placeholder="输入医生关键字"/></template><template slot-scope="scope"><el-button size="mini" type="danger" @click="remove(scope.row)">取消</el-button></template></el-table-column></el-table></el-row></el-card></el-col></el-row></el-main>
</template><script>
export default {name: "MyRegistration",data() {return{items: [],search: '',}},methods: {async STime(){for(let i = 0; i < this.items.length; i++){let T = new Date(Date.parse(this.items[i].appointment)) // date 转 Date ！重点let Y = T.getFullYear()let M = T.getMonth() + 1let D = T.getDate()this.items[i].appointment = Y + (M < 10 ? "-0" : "-") + M + (D < 10 ? "-0" : "-") + D}},async findMy(){let token = window.sessionStorage.getItem('token')let myId = token.split('.')[0] //病人idconst res = await this.$http.get(`rest/registration/myregistration/${myId}`)this.items = res.dataawait this.STime()},// eslint-disable-next-line no-unused-varsasync remove(row){this.$confirm(`是否确定取消"${row.appointment}-${row.duty}-${row.timeslot}"的挂号?`, '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(async () => {// eslint-disable-next-line no-unused-varsconst res = await this.$http.delete(`rest/registration/${row._id}`)this.$message({type: 'success',message: '取消成功!'});await this.findMy()});}},created(){this.findMy()}
}
</script><style scoped>
/deep/ .el-card__header{background-color: #6EBEC4;text-align: center;color: #ffffff;font-size: 25px;
}
</style>

基于Vue+Element UI+Node+MongoDB的医院门诊预约挂号系统相关推荐

基于SSM的医院门诊预约挂号系统的设计与实现（文末附源码、论文）
摘要现在社会中计算机网络技术的高速发展以及提高,在各行各业中的使用也逐渐增多,互联网俨然已经成为了当今社会密不可缺的一部分.现在的城镇人口飞速增加,看病的人也越来越多,医院挂号窗口一般都是排成长龙一 ...
基于vue(element ui) + ssm + shiro 的权限框架
zhcc 基于vue(element ui) + ssm + shiro 的权限框架引言心声现在的Java世界,各种资源很丰富,不得不说,从分布式,服务化,orm,再到前端控制,权限等等玲琅满目 ...
基于ssm的医院在线预约挂号系统
一.系统简介本项目采用eclipse工具开发,spring+springmvc+mybatis+bootstrap技术编写,数据库采用的是mysql,navicat管理工具. 系统一共分为3个角色分 ...
java 网上医院预约系统_基于java web的医院网上预约挂号系统代码+数据库文件齐全...
[实例简介] 基于java web的医院网上预约挂号系统代码+数据库文件齐全 :直接导入myeclipse就ok了,好使.献给做这个项目的同学 [实例截图] [核心代码] guahao └── g ...
php用户预约医师方法,基于php医院网预约挂号系统.docx
基于php医院网预约挂号系统毕业设计(论文) 题目:基于php医院网上预约挂号系统 2014 年 11月 20 日大学毕业设计(论文)任务书学院(直属系):电子信息工程时间 2014年 5月 ...
基于java+ssm医院门诊预约挂号排班系统
本医院门诊预约挂号管理系统是针对目前医院门诊预约挂号管理的实际需求,从实际工作出发,对过去的医院门诊预约挂号管理系统存在的问题进行分析,结合计算机系统的结构.概念.模型.原理.方法,在计算机各种优势的 ...
基于java+ssm医院门诊预约挂号排班系统-计算机毕业设计
项目介绍本医院门诊预约挂号管理系统是针对目前医院门诊预约挂号管理的实际需求,从实际工作出发,对过去的医院门诊预约挂号管理系统存在的问题进行分析,结合计算机系统的结构.概念.模型.原理.方法,在计算机 ...
医院在线预约挂号系统 jsp+mysql+maven
医院在线预约挂号系统 jsp+mysql+maven 挂号预约系统选题背景现有某医院想要提升患者挂号管理水平,打算引入一套挂号预约管理系统. 功能需求挂号预约系统主要包括基础数据管理.预约管理. ...
mysql设计预约系统_医院网上预约挂号系统的设计与实现(SSH,MySQL)
医院网上预约挂号系统的设计与实现(SSH,MySQL)(任务书,开题报告,中期检查表,文献综述,外文翻译,毕业论文15000字,程序代码,MySQL数据库) 本系统基于广域网的B/S结构平台,具有生动 ...

基于Vue+Element UI+Node+MongoDB的医院门诊预约挂号系统

基于Vue+Element UI+Node+MongoDB的医院门诊预约挂号系统相关推荐

最新文章

热门文章