基于springboot+vue的医院预约系统(前后端分离)
技术详情:
系统使用技术:springboot+mybatis
前端技术:ElementUI、ajax、node.js、js、css
开发工具:idea
数据库:mysql5.7
项目介绍:
本系统采用springboot+vue整合开发,前端主要使用了Vue框架、Element UI和AJAX技术。项目后端主要使用了springboot等一系列框架和MyBatis以及Maven。这一套技术易于学习、操作和管理。数据库方面则是使用了MySQL数据库以及Navicat数据库管理工具,轻量,易于管理。
功能概述:
本系统基本实现了项目需求中提出的各项内容,主要实现了前台部分、门诊医生部分、医技医生部分、药房部分和系统管理部分五个子系统,还有一个最高权限的超级管理员,所以分为6个角色。其中前台部分包含了现场挂号、退号、费用查询三个子模块;门诊医生部分包含了病历首页、检验申请、门诊确诊、药物处方、费用查询五个子模块;医技医生部分包含了患者检验、医技管理两个子模块;药房管理部分包含出药和药品管理两个子模块;系统管理部分包含科室管理、医生排班管理、用户管理三个子模块;超级管理员包含以上所有功能。
文档详情:
部分功能:
由于角色较多,每个角色仅截图部分,下面我们来看看相关功能。
系统登录:
超级管理员-系统首页
查看系统首页
超级管理员-门诊管理
查看门诊信息,并进行操作
超级管理员-排班
对各个科室的医生进行排班,当天挂号只能预约当天的医生
超级管理员-用户管理
查看用户信息
前台-挂号
对病人进行挂号操作
医生-诊断
对病人进行诊断
医生-开方
开立处方
药师-出药
药师根据医生开具的药方就行出药
药师-药品管理
对药品进行维护
医技-医技维护
对医技进行操作
后台部分代码:
/** 加载挂号科室的信息*/@RequestMapping("/reception/regloaddep")public Map<String,Object> loading(){Map<String,Object> res=new HashMap<>();List<Departoptions> list = loadingS.sitRegDep();res.put("deps",list);return res;}/** 获取并加载当前科室和号别的医生(有余号的)* */@RequestMapping("/reception/selbydoc")public Map<String,Object> SelBydoc(@RequestBody RegDepart regDepart){Map<String,Object> res=new HashMap<>();if(regDepart.getValue()==null||regDepart.getRegType()==null){//如果没有科室或号别就直接返回nullreturn res;}//根据科室和号别获取医生(有问题,需要动态查询挂号信息,目前是静态)List<User> list = regService.getByDeReg(regDepart.getValue(), regDepart.getRegType());List<SelectK> list2= new ArrayList<>();for(User user1:list){list2.add(new SelectK(user1.getName(),user1.getId()));}res.put("doc",list2);if(regDepart.getRegType().equals("专家号")){res.put("type","50");}else if(regDepart.getRegType().equals("普通号")){res.put("type","20");}else res.put("type","");return res;}/*** 获取当前医生的余号,已经是实时的,已经判断了上下午* @param regDepart* @return*/@PostMapping("/reception/getRgeNumber")public int getNumber(@RequestBody RegDepart regDepart){String docID=regDepart.getOptDoc();return regService.getRegNumber(docID)-regService.getNowNum(docID);}
前端部分代码:
<template><div><div style="overflow:hidden"><el-form ref="form" :model="form" label-width="80px" style="padding-top: 20px;"><div style="float: left; padding-left: 200px;"><el-form-item label="*科室名" class="kkk"><el-input v-model="form.depName" placeholder="请输入内容"></el-input></el-form-item><el-form-item label="*类别" class="kkk"><el-input v-model="form.depType" placeholder="请输入内容"></el-input></el-form-item><el-form-item label="*编号" class="kkk"><el-input v-model="form.depNum" placeholder="请输入内容"></el-input></el-form-item></div></el-form><el-button icon="el-icon-search" type="primary" v-on:click="onSubmit()" style="width:120px; height: 50px;" round>搜索</el-button><el-button icon="el-icon-plus" type="success" @click="dialogVisible = true" style="width:120px; height: 50px;" round>新增科室</el-button><el-dialog title="提示" :visible.sync="dialogVisible" width="40%" :append-to-body="true":before-close="handleClose"><div style=" margin-left:100px ;"><el-form ref="form1" :model="childform" label-width="80px" style="padding-top: 20px;"><div style=""><el-form-item label="科室名称" class="kkk"><el-input v-model="childform.depName" placeholder="请输入内容"></el-input></el-form-item><el-form-item label="科室编号" class="kkk"><el-input v-model="childform.depNum" placeholder="请输入内容"></el-input></el-form-item></div><div style=""><el-form-item label="科室类型" class="kkk"><el-input v-model="childform.depType" placeholder="请输入内容"></el-input></el-form-item></div></el-form></div><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" v-on:click="addDepart()">确 定</el-button></span></el-dialog></div><div style="padding-left: 0px; margin-left: 250px; margin-top:20px ;"><el-table ref="multipleTable" :data="tableData" height="300" tooltip-effect="dark" border="true":header-cell-style="{'text-align':'center'}"style="width: 80%; padding-left: 20px;"><el-table-column prop="depNum" label="编号" align="center" width="240"></el-table-column><el-table-column prop="depName" label="科室名" align="center" width="240"><template slot-scope="scope"><span v-if="scope.row.show"><el-input size="mini" v-model="scope.row.depName"></el-input></span><span v-else>{{ scope.row.depName }}</span></template></el-table-column><el-table-column prop="depType" label="类别" align="center" width="240"><template slot-scope="scope"><span v-if="scope.row.show"><el-input size="mini" v-model="scope.row.depType"></el-input></span><span v-else>{{ scope.row.depType }}</span></template></el-table-column><el-table-column prop="name" label="操作" align="center" width="340"><template slot-scope="scope"><span v-if="!scope.row.show"><el-button @click="editRow(scope.row)" type="text" size="small">编辑</el-button></span><span v-else><el-button @click="saveRow(scope.row)" type="text" size="small">保存</el-button></span>/<el-button @click="canRow(scope.row)" type="text" size="small">取消</el-button><el-button v-on:click="deleteRow(scope.$index, tableData, scope.row)" type="text" size="small" style="width:100px; height: 50px;" round>删除</el-button></template></el-table-column></el-table></div></div>
</template>
以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,而且也与当前的热点话题关联,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,比较适合毕业设计和课程设计的相关应用。
好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~
基于springboot+vue的医院预约系统(前后端分离)相关推荐
- 基于springboot+vue的高校迎新系统(前后端分离)
博主主页:猫头鹰源码 博主简介:Java领域优质创作者.CSDN博客专家.公司架构师.全网粉丝5万+.专注Java技术领域和毕业设计项目实战 主要内容:毕业设计(Javaweb项目|小程序等).简历模 ...
- 毕设:基于SpringBoot+Vue 实现在线考试系统(前后端分离)
文章目录 一.简介 1.背景 2.项目介绍 3.难度系数 二.功能 1.系统组成(产品组成图) 2.功能介绍 学生系统管理 管理系统功能 三.核心技术 1.系统架构图 2.技术选型 后端 前端 3.系 ...
- 基于springboot+vue的电子村务系统(前后端分离)
博主主页:猫头鹰源码 博主简介:Java领域优质创作者.CSDN博客专家.公司架构师.全网粉丝5万+.专注Java技术领域和毕业设计项目实战 主要内容:毕业设计(Javaweb项目|小程序等).简历模 ...
- 毕设:基于SpringBoot+Vue 实现在线考试系统(前后端分离)-清爽版
文章目录 一.简介 2.项目介绍 二.功能 2.功能介绍 三.核心技术 2.技术选型 四.项目介绍 1.运行环境 五.运行 3.截图 总结 1.完整工程 一.简介 2.项目介绍 一款多角色在线培训考试 ...
- java计算机毕业设计基于springboot+vue+elementUI的实验室管理系统(前后端分离)
项目介绍 科技水平一直是体现一个国家强弱的重要标志,而科技的一点诞生地是实验室,如果能够更好的对实验室进行管理是很多实验室管理人员一直研究的一个问题.只有更加科学和合理化的利用实验室才能够更好的让科技 ...
- java基于ssm+vue+elementui楼盘房屋销售系统 前后端分离
楼盘房屋是人类居住是必须的一个环境.且因为我国城镇化比例比较高,所以当前有很多的人希望到城市购买相关的楼盘和房屋.以更方便享受城市的教育和医疗资源.也能够让需要房屋销售相关信息的人更快的获取到更加全面 ...
- 基于springboot+vue个性化商城商品推荐系统 前后端分离 协同过滤 全套视频教程
个性化商城商品推荐系统(用户,多商户,管理员,SpringBoot,SSM,Maven,Vue,Layui) 本系统包含买家,卖家,后台管理员三种角色的用户 买家用户的功能包含: 登录,退出,修改密码 ...
- 基于javaweb的在线小说阅读系统(前后端分离+java+vue+springboot+ssm+mysql+redis)
基于javaweb的在线小说阅读系统(前后端分离+java+vue+springboot+ssm+mysql+redis) 运行环境 Java≥8.MySQL≥5.7.Node.js≥10 开发工具 ...
- 计算机课程设计-基于ssm+vue的物资管理系统(前后端分离)-物资出库入库管理系统java代码
计算机课程设计-基于ssm+vue的物资管理系统(前后端分离)-物资出库入库管理系统java代码 注意:该项目只展示部分功能,如需了解,评论区咨询即可. 作者:IT跃迁谷 1.开发环境 开发语言:Ja ...
- 【Vue+SpringBoot】超详细!一周开发一个SpringBoot + Vue+MybatisPlus+Shiro+JWT+Redis前后端分离个人博客项目!!!【项目完结】
项目目录 资源准备 前后端分离项目 技术栈 Java后端接口开发 1.前言 2.新建Springboot项目 3.整合mybatis plus 3.统一结果封装 4.整合shiro+jwt,并会话共享 ...
最新文章
- 九、springboot整合rabbitMQ
- ORACLE数据库之PL/SQL触发器、rownum、动态SQL、数据库之视图与索引
- 一些很基本的小知识点,这篇作为持续更新用的
- 把JavaScript代码写在css里
- python工程计算软件库_python中常用的科学计算工具包
- 五相同步电机matlab模型,五相永磁同步电机空间矢量PWM控制系统MATLAB仿真
- 8051系列单片机汇编语言指令速查表(汇编语言的111条指
- Spring Data 系列(二) Spring+JPA入门(集成Hibernate)
- HTML5中input标签有用的新属性
- Leetcode每日一题:690.employee-importance(员工的重要性)
- Tensorflow 实战 Google 深度学习框架(第2版)---- 10.2.2节 P274 代码
- IE浏览器降级详细教程
- zte d90 java_zte d90 驱动程序(最新更新)尼康d90驱动
- 中国裁判文书网全网最新爬虫分析
- MATLAB:Your network connectionmay be down or your proxy settings improperly configured
- Exp5 MSF基础应用 20164302 王一帆
- 【渝粤题库】广东开放大学 金融经济学 形成性考核
- Android 音乐APP(二)启动白屏优化、定位当前播放歌曲
- 快慢指针的概念及其应用
- 移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法
热门文章
- JS DOM节点(当前标签和同级、父级、子级..之间的关系)
- 案例5-条件查询商品
- Django_基本配置保存
- IronPython 2.0 Alpha2
- 孙鑫VC学习笔记:第十六讲 (一) 利用事件对象实现线程间的同步
- 拓端tecdat|R语言混合效应逻辑回归(mixed effects logistic)模型分析肺癌数据
- 拓端tecdat|R语言使用蒙特卡洛模拟进行正态性检验及可视化
- 拓端tecdat|R语言最优聚类数目k改进kmean聚类算法
- 【大数据部落】 用机器学习识别不断变化的股市状况—隐马尔可夫模型(HMM)股票指数预测实战
- linux系统双网卡不能同时启动,Linux下双网卡绑定eth0,eth1启动失败