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

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. 总结

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

稳得很。

上一篇:Mysql对单表的操作


下一篇:JS使用ActiveXObject读取数据库代码示例(只支持IE)