table表格的增删查改、图片的处理、数据的导入导出

之前我们讲过一个数据库里面的增删查改和用jquer讲了一些简单的增删查改，没有做任何的判断，这次还是使用table的表格给它加一些条件的判断。

图表 1

图表 2

图表 3

图表1、图表2、图表3是html的部分

图表 4     是写完html在浏览器显示出来的效果

图表 5

图表 6

图表 7

图表 8

图表 9   模态窗体的效果

图表 10  导入的模态窗体

图表5~图表8是模态窗体的部分，这次新增和修改模态窗体和之前的不一样。之前新增、修改的模态窗体是分开的，这次新增、修改的模态窗体都是同一个，而且这次的模态窗体里面还有一个添加图片的事件，而且这次还有一个导入导出，把Excel里面的数据导入到进来，把数据导出到Excel里面

修改和删除之前是自定义列，这次是通过script添加一个删除和修改事件

图表 11  删除、修改

以上是html里面的代码，下面开始写js代码

第一步：定义弹出层和表格的全局变量，在定义一个变量用来接收表格渲染返回回来的类

第二步：加载模块

第三步：渲染表格

图表 12

表格的重置与模糊查询

先在控制器当中写一个表格重置的方法，在进行一个查询的语句、条件的拼接和求出总条数

图表 13   查询语句

图表 14   条件的拼接

图表 15  数据的总条数

控制器里面的方法写完了，转到视图去调用这个方法

图表 16   表格重置（视图）

表格重置写完在表格渲染后面添加表格重置，在模糊查询上面用一个onchange绑定表单重置事件

模块的加载写完了，现在要开始给页面上学院、专业、年级和班级绑定下拉框了，这个下拉框的绑定不是去控制器里面去写，而是给他添加一个区域，在区域里面添加一个新的控制器，在这个控制里面去写下拉框的数据，这次是把所有的下拉框全部写在这