《MVC之书写代码的重要性》
先演示下错误页面：（部门数据没有显示出来 为空）但控制台没有报错
然后再次确定下部门数据的绑定有没有问题，点击第一条数据的修改，弹出模态框，发现部门数据绑定完好，排除修改部分部门数据绑定的错误，缩小问题范围 初步推断问题的大概地方：表格(layuiTable)里的部门数据是不是有错误。
经过初步排查后，回到VS：（HTML部分）
简介下网页布局：利用的bootstarp框架
1.隐藏了两个模态窗体（新增表单的模态窗体和修改表单的模态窗体）；
2.条件查询&按钮&表格：Layui表格上面的 两个下拉框数据筛选框(部门和职位)、一个文本框（编号/姓名）、以及那三个方法按钮(查询、新增和批量删除)；
3.表格头部工具栏：Layui表格的tabEmployeeToolbar模块，用于打开或关闭表头的工具栏。关掉不用的列。
jQuery部分：
1.简介下代码：获取表格id：tabEmployee和搭建表格要用到的两大模块:(layer)弹窗和(table)表格。
然后就是jQuery的加载事件，利用creatSelect方法绑定Layui表格上面的那两个下拉框数据，方法如下：
/**
* jquery 根据url创建下拉框
* @author en
* @param fromId form表单id
* @param url 查询下拉框的url
* @param value 设置值
*/
function createSelect(selectId, url, value) {
//console.log(defaultValue);
$.post(url, function (jsonData) {
if (selectId.indexOf('#') != 0) {
selectId = '#' + selectId;
}
$(selectId).empty();//清空该元素
//创建option
for (k in jsonData) {
$(selectId).append('<option value="' + jsonData[k].id + '">' + jsonData[k].text + '</option>');
}
//设置选中值
if (value != undefined && value != null && value != '') {
$(selectId).val(value);
}
});
}
然后再初始化Layui表格，添加路径、搭建表头、开启分页、打开toolbar,绑定监听行单机事件，调用底下写的多条件查询方法，从而可以注释url部分。
经过初步排查后：（展开tabEmployee）找到表格初始化表头里的部门部分，
然后去Html内找到部门信息，对照下是否与表头内的部门信息相同。
发现html里的部门是Department,而表头里的是Deoartment,
由此可以发现代码书写的重要性，太长的还是建议复制，不要去敲，即能快速开发，又保证了开发质量，从而做到两不误。然后修改一下部门信息，