智能排班系统Spring SpringMVC MyBatis PageHelper分页

1，Spring+MyBatis使用PageHelper分页插件

参考链接：https://blog.csdn.net/zhouhai6833/article/details/79401336

2，拦截器HandlerInterceptor，过滤器Filter

3，生成图片验证码

4，JQ一些知识：

JQ选取DOM对象，获取该对象的value值(var selectValue = $("#select").val();)，以及向某个控件内部写入HTML

var select = $("select");//获取DOM对象
select.html(""); //清空
  for (var index =0;index<jsonArray.length;index++){
            var id = jsonArray[index].id;
            var userName = jsonArray[index].userName;
            content+="<option id=\""+id+"\" ondblclick='removeSelf(this)' value=\""+userName+"\" >"+userName+"</option>";
        }
        select.html(content); //写入内容

5，AJAX的一些知识

function setDayNum() {
        var yearBoxValue = $("#yearMonth").val();
        if(yearBoxValue!==""){
            $.ajax({
                type:"GET",
                url:"/plan/is_unique_yearmonth",
                data:"yearMonth="+yearBoxValue,
                dataType:"text",
                success:function (data) {
                  //data服务器回传的数据，一般是JSON数组[{"id":1,"name":"root"},{"id":2,"name":"root2"}] 解析JSON对象
                   var jsonArr = JSON.parse(data);
                    for(var i=0;i<jsonArr.length;i++){
                        var name = jsonArr[i].name;
                    }
            });
        }else {
            $("#dayNum").attr("value","0");
            alert("排班月份不能为空！");
        }

6，JSON类型数据，在JS中的作用

6.1 JS中没有Map数据类型，如果要存储key-value形式的数据，就可以用JSON类型

var jsonArray = [];
$('input[name="checkUserBox"]:checked').each(function () {
            // $(this).val() 是checkbox中的value属性值
            var row = {};
            row.id = $(this).val();
            row.userName = $(this).attr("userName");
            jsonArray.push(row);
        });

 //去掉JSON对象中重复数据
        for (var i = 0; i < jsonArray.length; i++) {
            for (var j =i+1; j <jsonArray.length; ) {
                if (jsonArray[i].id === jsonArray[j].id ) {//通过id属性进行匹配；
                    jsonArray.splice(j, 1);//去除重复的对象；
                }else {
                    j++;
                }
            }
        }

7，一组chebox框全选和全不选操作

 //全选/全不选操作
    function selectAll() {
        var box = document.getElementById("boxid");
        var users = document.getElementsByName("checkUserBox");
        if (box.checked == false) {
            for (var i = 0; i < users.length; i++) {
                users[i].checked = false;
            }
        }else{
            for (var i = 0; i < users.length; i++) {
                users[i].checked = true;
            }
        }
    }