毕业设计--在线挂号系统APP(VUE)
项目描述:本项目是一个医院自助挂号的移动端项目,主要功能有(用户注册,登陆,医生详情,科室分类,挂号陪诊,添加患者信息,常见疾病处理),用户可以使用此APP为自己以及家人进行在线挂号,查看医生详情,实时预约,掌握常见疾病处理方案。
术栈 :Vue2 + Webpack + MUI + Node.js(Express) + MongoDB
技术要点:
1.基于vue-cli来搭建单页面应用程序,Webpack进行实时打包
2.使用vue-router配置项目路由,vuex存储公共数据
3.使用MUI框架的图片轮播、图标、按钮、表单等组件优化界面,完成首页、登陆、注册等页面
4.合理使用钩子函数,实现数据的监听、渲染页面、页面节点的实例化功能。
5.使用vue-resource请求后台数据,完成页面的显示
6.项目采用Node.js(Express框架)+ MongoDB来搭建后台服务器
首页:
![image](https://github.com/gtt011029/bishe/blob/master/image/1.png)
分诊:
![image](https://github.com/gtt011029/bishe/blob/master/image/2.png)
服务:
![image](https://github.com/gtt011029/bishe/blob/master/image/3.png)
我的:
![image](https://github.com/gtt011029/bishe/blob/master/image/4.png)
医生详情页:
![image](https://github.com/gtt011029/bishe/blob/master/image/5.png)
登陆:
![image](https://github.com/gtt011029/bishe/blob/master/image/6.png)
陪诊挂号:
![image](https://github.com/gtt011029/bishe/blob/master/image/7.png)
全部预约:
![image](https://github.com/gtt011029/bishe/blob/master/image/8.png)
注册:
![image](https://github.com/gtt011029/bishe/blob/master/image/10.png)