第5章系统实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1ju4y1b7bS/
三、运行截图：
3.1基本任务
系统实现阶段的根本目标在这个阶段的设计工作中精确地描述出目标系统，从而在编码阶段可以直接根据这个描述翻译成用程序语言编写的系统。
系统实现的基本任务有以下几个：
(1) 为每个模块进行详细的算法设计。用某种图形、表格、语言等工具将每个模块处理过程的详细算法描述出来。
(2) 为模块内的数据结构进行设计。对于需求分析、概要设计确定的概念性的数据类型进行确切的定义。
(3) 对数据结构进行物理设计，即确定数据库的物理结构。
(4) 其他设计：根据软件系统的类型，可能还需要进行代码设计、输入/输出格式设计、人机对话设计。
(5) 编写系统实现说明书。
(6) 评审。对处理过程的算法和数据库的物理结构都要评审。
系统结构可分为src的jsp源代码，database文件夹为系统的数据库文件，webroot为系统的界面代码文件。Src文件夹里面包含control包、dao包、util包，dao包为逻辑层，是系统方法的底层包，包括各种数据增删改查的方法，control包是控制层，用来连接逻辑层和视图层，在逻辑层调用逻辑层，完成视图层需要的功能，视图层为系统的界面代码，完成界面的设计和数据的显示。
3.2登录模块的实现
3.2.1首页实现
经过用户登录后，页面跳转至后台首页，main.jsp，首页是由2个页面组成的，包括top、left和center等页面，通过@ Register引入，这里也是浏览者操作系统功能的入口，系统首页主要介绍系统的基本信息，包括当前用户、当前日期、当前访问浏览器的版本、服务器的端口数、当前用户的权限、当前电脑的ip、当前电脑的操作系统名称、本系统的开发日期、系统作者、指导教师、开发日期等，主页面如下图所示。
图3.1 首页页面图
首页主要代码如下：
3.2.2管理员后台登录
为了确保系统安全性，系统操作员只有在后台登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的后台管理界面。
用户登录流程图如下所示。
图3-2用户登录流程图
登录界面如下图所示。
图3-3登录界面
用户登录的逻辑代码如下：
if(ac.equals("adminlogin"))
{
String username = request.getParameter("username");
String password = request.getParameter("pwd");
String utype = request.getParameter("cx");
String pagerandom = request.getParameter("pagerandom")==null?"":request.getParameter("pagerandom");
String random = (String)request.getSession().getAttribute("random");
if(!pagerandom.equals(random)&&request.getParameter("a")!=null)
{
request.setAttribute("random", "");
go("/login.jsp", request, response);
}
else{
String mysql1 = "select * from allusers where username='"+username+"' and pwd='"+password+"' ";
List userlist1 = dao.select(mysql1);
if(userlist1.size()==1)
{
request.getSession(). setAttribute("username", userlist1.get(0).get("username"));
request.getSession(). setAttribute("cx", userlist1.get(0).get("cx"));
gor("main.jsp", request, response);
}else{
request.setAttribute("error", "");
go("/login.jsp", request, response);
}
}
}
3.3管理员模块的实现
3.31系统用户管理模块的实现
系统用户管理主要是对新用户的添加和旧用户的删除。新用户的添加主要是指添加用户名称并确定其密码；旧用户的删除也是从下拉菜单中找到对应的用户名称将其删除。不论是新用户添加还是旧用户的删除，这个权限只有管理员具有。
系统用户管理流程图如下所示。
图3-10系统用户管理流程图
系统用户管理界面如下图所示。
图3-11系统用户管理
系统用户管理关键代码为：
if(request.getSession().getAttribute("username")==null )
{
out.print("");
out.close();
}
else
{
if(request.getSession().getAttribute("cx").equals("超级管理员"))
{}
else
{
out.print("");
out.close();
}
}
%>
3.3.2院系信息管理模块的实现
院系信息添加功能主要指对其院系等一些基本信息的添加、删除和修改。院系信息查询能根据院系等多种条件对院系信息进行查询。
院系信息管理流程图如下所示。
图3-14院系信息管理流程图
院系信息添加如下图所示：
图3-15院系信息添加
院系信息查询如下图所示：
图3-16院系信息查询
院系信息添加关键代码为：
function gows()
{
document.location.href="shangpinfenleii_add.jsp?id=";
}
function hsgxia2shxurxu(nstr,nwbk)
{
if (eval("form1."+nwbk).value.indexOf(nstr)>=0)
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");
}
else
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";
}
}
3.3.3学生信息管理模块的实现
管理员发布新的学生信息，系统显示学生信息，学生信息添加功能主要指对其学号、姓名等一些基本信息的添加、删除和修改。
学生信息管理流程图如下所示。
图3-17学生信息管理流程图
学生信息添加如下图所示：
图3-18学生信息添加
学生信息查询如下图所示：
图3-19学生信息查询
学生信息关键代码为：
function gows()
{
document.location.href="bumenxinxi_add.jsp?id=";
}
function hsgxia2shxurxu(nstr,nwbk)
{
if (eval("form1."+nwbk).value.indexOf(nstr)>=0)
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");
}
else
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";
}
}
3.3.4教师信息管理模块的实现
管理员发布新的教师信息，系统显示教师信息，教师信息添加功能主要指对其工号、姓名等一些基本信息的添加、删除和修改。
教师信息管理流程图如下所示。
图3-20教师信息管理流程图
教师信息添加如下图所示：
图3-21教师信息添加
教师信息查询如下图所示：
图3-22教师信息查询
教师信息关键代码为：
function gows()
{
document.location.href="cangku_add.jsp?id=";
}
function hsgxia2shxurxu(nstr,nwbk)
{
if (eval("form1."+nwbk).value.indexOf(nstr)>=0)
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");
}
else
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";
}
3.5学生管理模块的实现
3.3.1贫困生申请管理模块的实现
学生发布新的贫困生申请，系统显示贫困生申请，贫困生申请添加功能主要指对其学号、姓名、贫困申请表等一些基本信息的添加、删除和修改。
贫困生申请添加页面，如下图所示。
图3.22 贫困生申请添加页面图
贫困生申请管理页面，如下图所示。
图3.23贫困生申请管理页面图
贫困生申请管理主要代码如下：
function gows()
{
document.location.href="cangwei_add.jsp?id=";
}
function hsgxia2shxurxu(nstr,nwbk)
{
if (eval("form1."+nwbk).value.indexOf(nstr)>=0)
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");
}
else
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";
}
3.3.2勤工助学申请管理模块的实现
学生发布新的勤工助学申请，系统显示勤工助学申请，勤工助学申请添加功能主要指对其学号、姓名、工作表等一些基本信息的添加、删除和修改。
勤工助学申请添加页面，如下图所示。
图3.22 勤工助学申请添加页面图
勤工助学申请管理页面，如下图所示。
图3.23勤工助学申请管理页面图
勤工助学申请管理主要代码如下：
function gows()
{
document.location.href="cangwei_add.jsp?id=";
}
function hsgxia2shxurxu(nstr,nwbk)
{
if (eval("form1."+nwbk).value.indexOf(nstr)>=0)
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");
}
else
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";
}
3.3.3助学贷款申请管理模块的实现
学生发布新的助学贷款申请，系统显示助学贷款申请，助学贷款申请添加功能主要指对其学号、姓名、助学贷款详情表等一些基本信息的添加、删除和修改。
助学贷款申请添加页面，如下图所示。
图3.22 助学贷款申请添加页面图
助学贷款申请管理页面，如下图所示。
图3.23助学贷款申请管理页面图
助学贷款申请管理主要代码如下：
function gows()
{
document.location.href="cangwei_add.jsp?id=";
}
function hsgxia2shxurxu(nstr,nwbk)
{
if (eval("form1."+nwbk).value.indexOf(nstr)>=0)
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");
}
else
{
eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";
}
390
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
