作者:小露
一,查询步骤
1,在视图渲染表格,开启分页,写自定义列(操作按钮,查看图片等按钮或这是点击事件)
2,在控制器写查询区域,查询数据
3,在控制器写条件筛选,分页查询数据,查询总条数,Layui Table所需的数据格式
4,在视图写多条件查询,查询点击事件,获取页面输入的数据,表格重载
二,重置步骤
1,在视图写重置点击事件,重置表单,表格重载
三,新增步骤
1,在视图写弹出新增模态框,重置表单,(清空图片),显示模态窗体,班级下拉框
2,在控制器中写新增区域,查询新增数据,以及下拉框对应的数据类型
3,在控制器中再建一个区域写新增信息

4,在视图写新增保存点击事件,获取参数,提交请求,构,建FormData数据,打开加载层,再提交请求,关闭加载层,关闭模态窗体,刷新表格验证一下,成功与否
5,在控制器写新增信息,验证数据,验证是否成功,验证数据是否新增重复,验证数据准确性等
6,在视图写新增用户图片文件选择,设置触发文件选择框的点击事件,使用正则表达式过滤选择的图片,文件读取器,文件选择控件改变事件 --将选择的图片显示到img元素,选取选择图片,判断选择的文件扩展名是否符合正则表达式,使用FileReader读取图片并转为URL,文件读取onl事件,将读取到图片显示的到Img元素

7,到控制器中写图片处理,判断是否上传了新图片,保存新上传的文件类型,名称,路径

三,修改
1,在视图写弹出修改模态框,页面数据回填

2,在控制器写修改区域写修改查询

3,在视图写保存修改点击事件,获取参数提交请求关闭加载层,刷新表格

4,在控制器写修改信息,建一个区域写验证数据,验证数据是否重复

5,在视图写图片路径

6,在控制器写图片处理,查询出之前头像图片信息,判断是否上传了新图片,保存新上传的文件,判断之前是否存在图片,存在就先删除

四,删除步骤
1,在视图写删除按钮,弹出窗,刷新表格

2,在控制器建一个区域,查询要删除的信息,判断是否有旧图片,有就删除,判断文件是否存在,删除文件,删除数

五,导入步骤
1,在视图写导入弹出的模态框,重置表单,显示模态框

2,在控制器写导入区域,写指定的物理路径,判断模板文件是否存在,获取文件名称

3,在视图写下载导入模板文件

4,在控制器写导入保存数据的区域

5,在视图写导入保存,上传的点击事件,定义表单数据对象,获取表单中的数据,向对象中添加要发送的数据,创建XMLHttpRequery对象,提交要发送的地址,接收返回值,将字符串转json对象,关闭模态框,刷新表格,发送数据

6,在控制器中去除DataTable中的空行,查询出所有班级,用于后米娜判断导入的数据的准确性,存放所有的学生,包括数据库和添加,用于判断工号是否重复,将dataTable中的数据转换为List,定义存放容器,遍历数据,进行数据保存,去除datatable空行

六,导出
1,在视图写导出查询条件,拼接参数字符串,在新标签页打开下载excel的url,下载excel文件

2,在控制器使用读取模板的方式导出数据,查询数据

3,在控制器写条件筛选

4,在控制器写模板文件的Excel导出,判断模板是否存在

5,使用NPOI打开模板Excel,得到工作簿,打开模板所在第一个工作表,构建单元格样式,设置标题,往模板填充数据,设置数据单元格的样式,遍历查询出的数据

6,以流的方式返回
