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;
这个表结构很重要,我们来详细解释下。
- id是记录的唯一编号,从1开始自动增长。
- studentId/studentName是提交申请的学生编号、姓名
- projectId/projectName是学生申请的奖助学金项目的编号、名称
- content是学生填写的申请内容
- classUserId/classAdvice是班主任编号、班主任审核意见
- collegeUserId/collegeAdvice是学院管理员编号、学院管理员审核意见
- schoolUserId/schoolAdvice是学校管理员编号、学校管理员审核意见
- currentUserId是当前处理节点的用户id,例如待班主任申请的话,currentUserId即为班主任的id
- 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. 总结
学生可以从系统中提交奖助学金申请,然后随时可以查询审批进度,还是相当管用的,这个系统具备了一定的社会价值。
稳得很。
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦