五、系统实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1994y1J7et/
三、运行截图:
(一)用户模块
1.登录及注册管理模块
(1)登录模块
此模块主要功能是用于登录本系统,不同权限的用户登录本系统会进入不同的管理模块界面,因为在后台对该用户进行的判断,首先将从前台页面提交的用户名和密码进行接受,之后在后台进行处理,按照用户名在数据库中进行查询如果查到该用户则将该用户的权限和密码全都取出来分别赋给两个字符串变量,判断从数据库中读出的密码与登录时输入的密码是否配比上,若两个密码相同则根据权限的值进入相应的页面,否则输出密码错误。若用户未被管理员分配好权限那么也是无法登录本系统的。如图3.1所示:

图3.1 前台登录界面
<table cellspacing="0" cellpadding="0" width="98%" align="center" border="0">
<tr>
<td align="center" colspan="2" height="10">td>
tr>
<tr>
<td align="right" width="31%" height="30" style="font-size: 11px;">用户名:td>
<td align="left" width="69%"><input class="input" id="userName" title="用户名不能为空" size="14" name="userName" type="text" />td>
tr>
<tr>
<td align="right" height="30" style="font-size: 11px;">密 码:td>
<td align="left"><input class="input" title="密码不能为空" type="password" size="16" name="userPw"/>td>
tr>
<tr>
<td align="center" colspan="2" height="10"><font color="red"><s:property value="#request.error"/>font>td>
tr>
<tr>
<td align="center" colspan="2" height="30">
<input type="button" value="登录" onclick="login()" style="border:#ccc 1px solid; background-color:#FFFFFF; font-size:12px; padding-top:3px;" />
<input type="button" value="注册" onclick="reg()" style="border:#ccc 1px solid; background-color:#FFFFFF; font-size:12px; padding-top:3px;" />
td>
tr>
table>
(2)程序流程

图3.2登录程序流程图
2.首界面
用户登陆在输入正确的用户名和密码后,就可以登陆本系统。如图3.3所示:

图3.3首界面
String sql="from TAdmin where userName=? and userPw=?";
Object[] con={userName,userPw};
List adminList=adminDAO.getHibernateTemplate().find(sql,con);
if(adminList.size()==0)
{
result="no";
}
else
{
WebContext ctx = WebContextFactory.get();
HttpSession session=ctx.getSession();
TAdmin admin=(TAdmin)adminList.get(0);
session.setAttribute("userType", 0);
session.setAttribute("admin", admin);
result="yes";
}
3.预约挂号界面
用户必须登录本系统后才可以预约。如图3.4所示:

图3.4预约挂号界面
4.智能导诊界面
用户登录后,可以查看信息。如图3.5所示:

图3.5智能导诊界面
5.充值账户界面
用户登陆本系统后可以充值账号,可以在科室查询界面进行科室查询预约。如图3.6所示:

图3.6充值账户界面
td>
<td bgcolor="#FFFFFF" align="center">
<s:property value="#yuyue.userName"/>
td>
<td bgcolor="#FFFFFF" align="center">
<s:property value="#yuyue.beizhu"/>
td>
tr>
s:iterator>
table>
6.病例管理界面
用户登录本系统后可以可以回复病人留下的问题进行回复。如图3.7所示:

图3.7病例管理界面
(三)管理员模块
1.登录界面
管理员登录的界面。因为在后台对该用户进行的判断,首先将从前台页面提交的用户名和密码进行接受,之后在后台进行处理,按照用户名在数据库中进行查询如果查到该用户则将该用户的权限和密码全都取出来分别赋给两个字符串变量,判断从数据库中读出的密码与登录时输入的密码是否配比上,若两个密码相同则根据权限的值进入相应的页面,否则输出密码错误。若用户未被管理员分配好权限那么也是无法登录本系统的。如图3.8所示:

图3.8登录界面
2.预约挂号管理界面
管理员登录本系统后可以对科室信息进行管理。如图3.10所示:

图3.10预约挂号管理界面
3.用户管理界面
管理员登录本系统后可以添加用户信息。如图3.11所示:

图3.11用户管理界面
本文详细描述了一个使用Java、JavaScript、VUE.js和MySQL5.7开发的系统,涉及用户登录、注册、权限验证以及管理员模块,包括登录界面、预约挂号管理、用户管理等功能。
1390

被折叠的 条评论
为什么被折叠?



