基于Java SpringBoot和Vue的医院信息管理挂号系统-编程知识

摘要

医院信息管理系统（Hospital Information Management System，简称HIMS）是一种应用于医疗机构的信息化管理系统，旨在提高医疗服务质量、降低运营成本、提高工作效率和满足患者需求。HIMS通过对医院内各种信息的集成、管理和共享，实现了对医疗资源的有效利用和优化配置。HIMS的实施和应用，有助于提高医院的管理水平，提升医疗服务质量，降低医疗成本，实现医疗资源的合理配置。随着信息技术的不断发展，HIMS将不断升级和完善，为医疗机构提供更加便捷、高效的服务。

用到的技术

后端：java语言的SpringBoot框架，MySql数据库，Maven依赖管理；

前端：Vue.js语法，html页面。

实现的功能

管理员、医生、用户三种角色；

管理员对整个系统进行管理，包括医生管理、药品管理、科室管理、公告管理等；

医生实现了患者管理、药品管理、住院人员管理等功能；

用户可以自行注册登录，可以进行自助挂号、查看病历等；

部分代码展示

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>用户管理</title><link rel="stylesheet" href="../../component/pear/css/pear.css" /></head><body class="pear-container"><div class="layui-card"><div class="layui-card-body"><form class="layui-form" action=""><div class="layui-form-item"><div class="layui-form-item layui-inline"><label class="layui-form-label">用户名</label><div class="layui-input-inline"><input type="text" name="realName" placeholder="" class="layui-input"></div></div><div class="layui-form-item layui-inline"><label class="layui-form-label">性别</label><div class="layui-input-inline"><input type="text" name="realName" placeholder="" class="layui-input"></div></div><div class="layui-form-item layui-inline"><label class="layui-form-label">邮箱</label><div class="layui-input-inline"><input type="text" name="realName" placeholder="" class="layui-input"></div></div><div class="layui-form-item layui-inline"><button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query"><i class="layui-icon layui-icon-search"></i>查询</button><button type="reset" class="pear-btn pear-btn-md"><i class="layui-icon layui-icon-refresh"></i>重置</button></div></div></form></div></div><div class="layui-card"><div class="layui-card-body"><table id="user-table" lay-filter="user-table"></table></div></div><script type="text/html" id="user-toolbar"><button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add"><i class="layui-icon layui-icon-add-1"></i>新增</button><button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove"><i class="layui-icon layui-icon-delete"></i>删除</button></script><script type="text/html" id="user-bar"><button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button><button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button></script><script type="text/html" id="user-enable"><input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable" {{ d.enable== true ? 'checked' : '' }} /></script><script type="text/html" id="user-sex">{{#if (d.sex == 1) { }}<span>男</span>{{# }else if(d.sex == 2){ }}<span>女</span>{{# } }}</script><script type="text/html" id="user-login">{{#if (d.login == 0) { }}<span>在线</span>{{# }else if(d.sex == 1){ }}<span>离线</span>{{# } }}</script><script type="text/html" id="user-createTime">{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}</script><script src="../../component/layui/layui.js"></script><script src="../../component/pear/pear.js"></script><script>layui.use(['table', 'form', 'jquery','common'], function() {let table = layui.table;let form = layui.form;let $ = layui.jquery;let common = layui.common;let MODULE_PATH = "operate/";let cols = [[{type: 'checkbox'},{title: '账号',field: 'username',align: 'center',width: 100},{title: '姓名',field: 'realName',align: 'center'},{title: '性别',field: 'sex',align: 'center',width: 80,templet: '#user-sex'},{title: '电话',field: 'phone',align: 'center'},{title: '启用',field: 'enable',align: 'center',templet: '#user-enable'},{title: '登录',field: 'login',align: 'center',templet: '#user-login'},{title: '注册',field: 'createTime',align: 'center',templet: '#user-createTime'},{title: '操作',toolbar: '#user-bar',align: 'center',width: 130}]]table.render({elem: '#user-table',url: '../../admin/data/user.json',page: true,cols: cols,skin: 'line',toolbar: '#user-toolbar',defaultToolbar: [{title: '刷新',layEvent: 'refresh',icon: 'layui-icon-refresh',}, 'filter', 'print', 'exports']});table.on('tool(user-table)', function(obj) {if (obj.event === 'remove') {window.remove(obj);} else if (obj.event === 'edit') {window.edit(obj);}});table.on('toolbar(user-table)', function(obj) {if (obj.event === 'add') {window.add();} else if (obj.event === 'refresh') {window.refresh();} else if (obj.event === 'batchRemove') {window.batchRemove(obj);}});form.on('submit(user-query)', function(data) {table.reload('user-table', {where: data.field})return false;});form.on('switch(user-enable)', function(obj) {layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);});window.add = function() {layer.open({type: 2,title: '新增',shade: 0.1,area: [common.isModile()?'100%':'500px', common.isModile()?'100%':'400px'],content: MODULE_PATH + 'add.html'});}window.edit = function(obj) {layer.open({type: 2,title: '修改',shade: 0.1,area: ['500px', '400px'],content: MODULE_PATH + 'edit.html'});}window.remove = function(obj) {layer.confirm('确定要删除该用户', {icon: 3,title: '提示'}, function(index) {layer.close(index);let loading = layer.load();$.ajax({url: MODULE_PATH + "remove/" + obj.data['userId'],dataType: 'json',type: 'delete',success: function(result) {layer.close(loading);if (result.success) {layer.msg(result.msg, {icon: 1,time: 1000}, function() {obj.del();});} else {layer.msg(result.msg, {icon: 2,time: 1000});}}})});}window.batchRemove = function(obj) {var checkIds = common.checkField(obj,'userId');if (checkIds === "") {layer.msg("未选中数据", {icon: 3,time: 1000});return false;}layer.confirm('确定要删除这些用户', {icon: 3,title: '提示'}, function(index) {layer.close(index);let loading = layer.load();$.ajax({url: MODULE_PATH + "batchRemove/" + ids,dataType: 'json',type: 'delete',success: function(result) {layer.close(loading);if (result.success) {layer.msg(result.msg, {icon: 1,time: 1000}, function() {table.reload('user-table');});} else {layer.msg(result.msg, {icon: 2,time: 1000});}}})});}window.refresh = function(param) {table.reload('user-table');}})</script></body>
</html>