nodejs+vue实现病例管理系统

用户例图
在系统开发设计前，应该对功能做初步设想，清楚这个管理系统有什么板块，每个板块有什么功能，整体的设计是否满足使用者的需求，接着对所开发的系统功能进行的详细分析总结，从而设计出完整的系统并将其实现。用户和开发人员的交流分析，使其达到最佳理解程度，使系统功能达到最佳。 

用户用例图如下所示 

医生用例图如下所示。

管理员用例图如下所示。

2.2系统功能
病例管理系统在对需求做解析后，整个系统主要分为三个部分：管理员、医生和用户，每个模块下的分支功能不一样。对功能做出如下说明：

1、用户模块：

账号注册。

账号登录认证。

管理个人资料信息，修改可修改的信息项。

提交就诊预约申请，同时查看历史已提交的预约申请记录。

个人病例查询，同时查看历史已查询的记录。

2、管理员模块：

维护用户，审核用户的账号，可以冻结用户的登录权限，或者删除用户账号。

发布公告，并可以销毁某个公告，更新公告资讯，模糊搜索公告数据等。

发布医生、病人，并可以销毁某个医生、病人，更新医生、病人数据，模糊搜索医生、病人数据等。

三、用户功能模块
3.1用户首页模块
系统呈现出一种简洁大方的首页：界面简约、鳞次栉比，用户能轻车熟路的使用。出于对系统使用群体广泛的顾虑，应有良好性能的后台。如下图所示为系统的首页界面。

3.2用户注册模块
此页面实现用户的注册，必须注册登录后才能使用系统大部分功能，用户名不允许重复如果重复将会注册失败，并弹出相应的提示，通过js实现对输入的验证。 

3.3健康资讯模块
3.4医生介绍展示

3.5就诊预约模块

四、医生功能模块
4.1就诊预约管理模块

五、管理员功能模块 
5.1用户管理界面 

5.2医生添加界面
  
 
 
前端技术：nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架：Express
前端:Vue.js
数据库：mysql
数据库工具：Navicat
开发软件：VScode
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。

代码结构讲解
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。

本设计主要实现集人性化、高效率、便捷等优点于一身的病例管理系统，完成后台首页、公告内容（轮播图、公告栏）系统用户（管理员、注册用户、医生）内容模块（健康资讯、资讯分类）模块管理（医生介绍、科室管理、就诊预约、就诊病历、病例管理）等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。只需通过一台电脑，动动手指就可以操作系统，实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题，而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。随着互联网趋势的到来，各行各业都在考虑利用互联网将自己推广出去，最好方式就是建立自己的互联网系统，并对其进行维护和管理。在现实运用中，应用软件的工作规则和开发步骤，