EasyUI+JavaWeb奖助学金管理系统[18]-奖助学金申请功能开发

绝地灬酷狼 2023-01-01 05:00 172阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 本章任务
 *  2. 数据库表结构分析
 *  3. 学生查看申请记录功能开发
 *  4. 学生发起申请功能开发
 *  5. 总结

# 1. 本章任务 #

本章需要开发的奖助学金申请功能，是整个系统的核心功能，用于实现学生角色发起奖助学金项目的申请。

整体的申请流程是学生申请–班主任审核–学院管理员审核–学校管理员审核，全部审核通过后即为申请成功。

如果某一流程审批被驳回，即为失败。

# 2. 数据库表结构分析 #

审批过程中相关数据使用flow表来记录，flow表结构如下：

CREATE TABLE `flow` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `studentId` int(11) DEFAULT NULL,
      `studentName` varchar(255) DEFAULT NULL,
      `projectId` int(11) DEFAULT NULL,
      `projectName` varchar(255) DEFAULT NULL,
      `content` varchar(255) DEFAULT NULL,
      `classUserId` int(11) DEFAULT NULL,
      `classAdvice` varchar(255) DEFAULT NULL,
      `collegeUserId` int(11) DEFAULT NULL,
      `collegeAdvice` varchar(255) DEFAULT NULL,
      `schoolUserId` int(11) DEFAULT NULL,
      `schoolAdvice` varchar(255) DEFAULT NULL,
      `currentUserId` int(11) DEFAULT NULL,
      `currentNode` varchar(255) DEFAULT NULL COMMENT 'class/college/shcool/success/fail',
      PRIMARY KEY (`id`) USING BTREE
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;

这个表结构很重要，我们来详细解释下。

1.  id是记录的唯一编号，从1开始自动增长。
2.  studentId/studentName是提交申请的学生编号、姓名
3.  projectId/projectName是学生申请的奖助学金项目的编号、名称
4.  content是学生填写的申请内容
5.  classUserId/classAdvice是班主任编号、班主任审核意见
6.  collegeUserId/collegeAdvice是学院管理员编号、学院管理员审核意见
7.  schoolUserId/schoolAdvice是学校管理员编号、学校管理员审核意见
8.  currentUserId是当前处理节点的用户id，例如待班主任申请的话，currentUserId即为班主任的id
9.  currentNode是当前审核节点，class/college/shcool值表示班主任审核中/学院审核中/学校审核中,success表示全部审核通过，fail表示被驳回。

好的，知道了存储结构后，学生奖助学金申请的需求基本也就清楚了。

学生需要能够查看已申请的记录相关的信息，也可以发起新的项目申请。

# 3. 学生查看申请记录功能开发 #

页面上显示申请记录的表格：

<table id="mainTable" title="已申请项目列表" class="easyui-datagrid" url="CoreServlet?method=getStudentApplyFlowPage"
    		 pagination="true" singleSelect="true" fitColumns="true">
    			<thead>
    				<tr>
    					<th data-options="field:'id',width:50">申请序号</th>
    					<th data-options="field:'studentName',width:50">申请人</th>
    					<th data-options="field:'projectName',width:50">申请项目名称</th>
    					<th data-options="field:'content',width:100">申请说明</th>
    					<th data-options="field:'classAdvice',width:100">班主任审核意见</th>
    					<th data-options="field:'collegeAdvice',width:100">学院审核意见</th>
    					<th data-options="field:'schoolAdvice',width:100">学校审核意见</th>
    					<th data-options="field:'currentNode',width:100" formatter="formatCurrentNode">进度</th>
    				</tr>
    			</thead>
    		</table>

其中进度需要格式化:

// 格式化
    			function formatCurrentNode(val, row) {
        
    				if (val == "class") {
        
    					return "待班主任审核";
    				} else if (val == "college") {
        
    					return "待学院审核";
    				} else if (val == "shcool") {
        
    					return "待学校审核";
    				} else if (val == "success") {
        
    					return "通过";
    				} else if (val == "fail") {
        
    					return "驳回";
    				}
    				return "";
    			}

然后编写后台分页方法getStudentApplyFlowPage,修改CoreServlet:

// 获取学生申请流程列表
    		else if (method.equals("getStudentApplyFlowPage")) {
        
    			FlowDao flowDao = new FlowDao();
    			total = flowDao.getCountByStudentId(loginUser.getId());
    			result.setTotal(total);
    			result.setRows(flowDao.getPageByStudentId(page, rows, loginUser.getId()));
    		}

修改UserDao，增加分页查询方法：

/**
    	 * 获取数量
    	 */
    	public int getCountByStudentId(String studentId) throws Exception {
        
    		Connection conn = ConnectionUtils.getConnection();
    		String sql = "select count(id) from flow where studentId=?";
    		QueryRunner runner = new QueryRunner();
    		Object[] params = {
         studentId };
    		Number number = (Number) runner.query(conn, sql, new ScalarHandler(), params);
    		int value = number.intValue();
    		ConnectionUtils.releaseConnection(conn);
    		return value;
    	}
    
    	/**
    	 * 分页查询
    	 */
    	public List<Flow> getPageByStudentId(int page, int rows, String studentId) throws Exception {
        
    		Connection conn = ConnectionUtils.getConnection();
    		String sql = "select * from flow where studentId=? limit ?,?";
    		QueryRunner runner = new QueryRunner();
    		Object[] params = {
         studentId, (page - 1) * rows, rows };
    		List<Flow> flows = runner.query(conn, sql, new BeanListHandler<Flow>(Flow.class), params);
    		ConnectionUtils.releaseConnection(conn);
    		return flows;
    	}

注意学生只能查看自己的申请，所以查询条件里面要限制studentId。

# 4. 学生发起申请功能开发 #

学生发起申请，也是通过弹窗的方式实现，选择要申请的项目，然后填写申请理由，提交即可。

此处注意后台需要补全flow表需要的参数，例如班主任、学院管理员、学校管理员的id，就需要查询出来之后填入flow表。

首先编辑下申请的弹窗：

<div id="dialog-add" class="easyui-dialog" title="发起申请" data-options="iconCls:'icon-ok',closed:'true'" style="width: 600px; height: 400px; padding: 10px">
    			<table>
    				<tr>
    					<td>申请项目：</td>
    					<td>
    						<select id="add-projectId" class="easyui-combobox" style="width: 200px;">
    						</select>
    					</td>
    				</tr>
    				<tr>
    					<td>申请说明：</td>
    					<td><input id="add-content" class="easyui-textbox" style="width: 200px"></td>
    				</tr>
    				<tr>
    					<td></td>
    					<td><a id="btn" onclick="btnAddSubmit()" href="#" class="easyui-linkbutton">提交申请</a></td>
    				</tr>
    			</table>
    		</div>

页面初始化时，需要将申请项目下拉框数据填充：

// 初始化
    			$(function() {
        
    				loadProjects();
    			});
    			// 加载项目列表
    			function loadProjects() {
        
    				$.ajax({
        
    					url: "CoreServlet?method=getProjectList",
    					type: "post",
    					dataType: "json",
    					data: null,
    					success: function(res) {
        
    						console.log(res);
    						if (res.code == 0) {
        
    							// 为指定下拉框增加选项
    							addItemsForSelect("#add-projectId", res.data);
    						} else {
         //提示错误信息
    							alert(res.msg);
    						}
    					},
    				});
    			}
    			// 为下拉框增加选项
    			function addItemsForSelect(id, data) {
        
    				// 清空选项
    				$(id).combobox("clear");
    				// 动态添加的选项
    				var items = [{
        
    					"value": "-1",
    					"text": "请选择"
    				}];
    				$.each(data, function(i, v) {
         //遍历返回值
    					items.push({
        
    						"value": v.id,
    						"text": v.name
    					});
    				});
    				// 加载数据
    				$(id).combobox("loadData", items);
    				// 设置默认选中值
    				$(id).combobox("setValue", "-1");
    			}

点击提交后，将数据提交到后台：

// 新增保存
    			function btnAddSubmit() {
        
    				var param = {
        
    					projectId: $("#add-projectId").combobox("getValue"),
    					projectName: $("#add-projectId").combobox("getText"),
    					content: $("#add-content").val(),
    				}
    				$.ajax({
        
    					url: "CoreServlet?method=applySubmit",
    					type: "post",
    					dataType: "json",
    					data: param,
    					success: function(res) {
        
    						console.log(res);
    						if (res.code == 0) {
         //成功则刷新表格
    							$('#mainTable').datagrid('reload');
    							$('#dialog-add').dialog('close');
    						} else {
         //提示错误信息
    							alert(res.msg);
    						}
    					},
    				});
    			}

后台需要查询出关联的数据，然后新增一条flow记录。

// 学生申请提交
    		else if (method.equals("applySubmit")) {
        
    			// 获取网页提交的信息
    			String projectId = request.getParameter("projectId");
    			String projectName = request.getParameter("projectName");
    			String content = request.getParameter("content");
    			// 获取管理员
    			UserDao userDao = new UserDao();
    			User classMaster = userDao.getClassMaster(loginUser);
    			User collegeMaster = userDao.getCollegeMaster(loginUser);
    			User schoolMaster = userDao.getSchoolMaster();
    			// 新增
    			FlowDao flowDao = new FlowDao();
    			Flow flow = new Flow();
    			flow.setStudentId(loginUser.getId());
    			flow.setStudentName(loginUser.getUserName());
    			flow.setProjectId(projectId);
    			flow.setProjectName(projectName);
    			flow.setContent(content);
    			flow.setClassUserId(classMaster.getId());
    			flow.setClassAdvice("");
    			flow.setCollegeUserId(collegeMaster.getId());
    			flow.setCollegeAdvice("");
    			flow.setSchoolUserId(schoolMaster.getId());
    			flow.setSchoolAdvice("");
    			flow.setCurrentUserId(classMaster.getId());
    			flow.setCurrentNode("class");
    			flowDao.insert(flow);
    			result.setCode(0);
    			result.setMsg("操作成功");
    		}

最后修改UserDao，增加一些查询方法：

/**
    	 * 获取学生对应的班主任
    	 */
    	public User getClassMaster(User student) throws Exception {
        
    		Connection conn = ConnectionUtils.getConnection();
    		String sql = "select * from user where role=? and departId=?";
    		Object[] params = {
         "classmaster", student.getDepartId() };
    		QueryRunner runner = new QueryRunner();
    		User user = (User) runner.query(conn, sql, new BeanHandler<User>(User.class), params);
    		ConnectionUtils.releaseConnection(conn);
    		return user;
    	}
    
    	/**
    	 * 获取学生对应的学院管理员
    	 */
    	public User getCollegeMaster(User student) throws Exception {
        
    		Connection conn = ConnectionUtils.getConnection();
    		String sql = "select u.* from user u where u.role=? and u.departId =(select d.parentId from depart d where d.id=?)";
    		Object[] params = {
         "collegemaster", student.getDepartId() };
    		QueryRunner runner = new QueryRunner();
    		User user = (User) runner.query(conn, sql, new BeanHandler<User>(User.class), params);
    		ConnectionUtils.releaseConnection(conn);
    		return user;
    	}
    
    	/**
    	 * 获取学校管理员
    	 */
    	public User getSchoolMaster() throws Exception {
        
    		Connection conn = ConnectionUtils.getConnection();
    		String sql = "select u.* from user u where u.role=?";
    		Object[] params = {
         "schoolmaster" };
    		QueryRunner runner = new QueryRunner();
    		User user = (User) runner.query(conn, sql, new BeanHandler<User>(User.class), params);
    		ConnectionUtils.releaseConnection(conn);
    		return user;
    	}

# 5. 总结 #

学生可以从系统中提交奖助学金申请，然后随时可以查询审批进度，还是相当管用的，这个系统具备了一定的社会价值。

稳得很。

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926