技术详情:
系统使用技术: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){//如果没有科室或号别就直接返回null return 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>
以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,而且也与当前的热点话题关联,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,比较适合毕业设计和课程设计的相关应用。