该系统将采用B/S结构模式,开发软件有很多种可以用,本次开发用到的软件是vscode,用到的数据库是MySQL,为了更加便捷地使用数据库,用到了MySQL的可视化工具SQLyog/Navicat。
使用Vue和ElementUI框架搭建前端页面,后端使用python来搭建服务器,并使用MySQL,通过axios完成前后端的交互
开发语言 node.js
前端:vue.js+ElementUi
数据库:mysql
数据库工具:Navicat/SQLyog都可以
开发运行软件:VScode/webstorm/hbuiderx均可
框架:Express
管理员输入用户名和密码,下拉选择框,选择用户权限,然后点击立即登录,系统与保存在数据库的数据进行匹配,如果用户名与密码与数据库存放数据匹配,系统跳转到用户页面,否则提示错误重新跳转到登录页面。
5.2个人中心模块
管理员子系统模块主要包括对个人中心、居民管理、科室管理、医生管理模块。
个人中心是可以进行添加个人信息管理员操作。添加管理员时,需要分别设置管理员的用户名,用户名不能为空,设置密码,在下拉选择框中选择权限。该模块还具备查询所有管理员列表,可以编辑修改列表中管理员的资料,包括用户名、密码和权限。
5.3居民管理模块
居民管理是可以进行添加居民信息操作。在文本框输入所要添加的居民信息名称,然后提交即可,输入错误可以点击重置按钮对文本框重置。图5.3是添加居民信息界面。
查询所有居民信息列表,查询居民信息,可以对列表中居民信息进行修改、删除等操作。图5.4是查询居民信息界面。
图5.4 查询居民信息界面
5.5医生管理模块
医生管理是可以进行添加医生工号操作。添加医工号时,需要设置医生工号基本信息,然后提交即可,输入错误可以点击重置按钮对文本框重置。图5.7是添加医生管理界面。
图5.8添加医生管理界面
查询所有科室管理列表,查询科室管理信息,并对科室管理信息进行修改,可以对列表中科室管理信息进行删除。图5.8是科室管理查询界面。
图5.8查询科室管理界面
5.6医生咨询管理模块
医生咨询是可以列表中进行添加信息操作。添加医生咨询信息时,需要设置医生咨询基本信息,然后提交即可,输入错误可以点击重置按钮对文本框重置。图5.9是添加医生咨询管理界面。
图5.9添加医生咨询管理界面
查询社区健康管理列表,查询社区健康信息,并对社区健康信息进行修改,可以对列表中社区健康信息进行删除。图5.10是查询社区健康管理界面。
图5.10查询社区健康管理界面
5.7个人健康档案管理理模块
个人健康档案管理是可以列表中进行添加个人健康档案管理信息操作。添加个人健康档案管理信息时,需要设置个人健康档案管理基本信息,然后提交即可,输入错误可以点击重置按钮对文本框重置。
查询所有家庭健康档案管理信息列表,查询家庭健康档案管理信息,并对家庭健康档案管理信息进行修改,可以对列
表中家庭健康档案管理信息进行删除。图5.12是查询家庭健康档案管理信息界面。