增删查改导入导出基本步骤

本文详细介绍了数据库操作的基本步骤,包括查询、重置和新增。查询部分涉及视图渲染表格、分页、条件筛选及多条件查询;重置步骤主要阐述了如何在视图上实现表单重置;新增步骤涵盖新增模态框的创建、数据验证及下拉框数据加载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作者:小露
一,查询步骤
1,在视图渲染表格,开启分页,写自定义列(操作按钮,查看图片等按钮或这是点击事件) 在这里插入图片描述
在这里插入图片描述

2,在控制器写查询区域,查询数据
在这里插入图片描述

3,在控制器写条件筛选,分页查询数据,查询总条数,Layui Table所需的数据格式
在这里插入图片描述

4,在视图写多条件查询,查询点击事件,获取页面输入的数据,表格重载
在这里插入图片描述

二,重置步骤
1,在视图写重置点击事件,重置表单,表格重载
在这里插入图片描述

三,新增步骤
1,在视图写弹出新增模态框,重置表单,(清空图片),显示模态窗体,班级下拉框
在这里插入图片描述

2,在控制器中写新增区域,查询新增数据,以及下拉框对应的数据类型
在这里插入图片描述

3,在控制器中再建一个区域写新增信息 
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205521138.png#pic_center)

4,在视图写新增保存点击事件,获取参数,提交请求,构,建FormData数据,打开加载层,再提交请求,关闭加载层,关闭模态窗体,刷新表格验证一下,成功与否 

在这里插入图片描述

5,在控制器写新增信息,验证数据,验证是否成功,验证数据是否新增重复,验证数据准确性等
在这里插入图片描述

6,在视图写新增用户图片文件选择,设置触发文件选择框的点击事件,使用正则表达式过滤选择的图片,文件读取器,文件选择控件改变事件 --将选择的图片显示到img元素,选取选择图片,判断选择的文件扩展名是否符合正则表达式,使用FileReader读取图片并转为URL,文件读取onl事件,将读取到图片显示的到Img元素  
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205602902.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

 7,到控制器中写图片处理,判断是否上传了新图片,保存新上传的文件类型,名称,路径
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205615298.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

  三,修改
  1,在视图写弹出修改模态框,页面数据回填
  ![在这里插入图片描述](https://img-blog.csdnimg.cn/2020081620563019.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

   2,在控制器写修改区域写修改查询
   ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205640900.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

    3,在视图写保存修改点击事件,获取参数提交请求关闭加载层,刷新表格 
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/2020081620565256.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

    4,在控制器写修改信息,建一个区域写验证数据,验证数据是否重复
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205702719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

     5,在视图写图片路径
     ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205711100.png#pic_center)

      6,在控制器写图片处理,查询出之前头像图片信息,判断是否上传了新图片,保存新上传的文件,判断之前是否存在图片,存在就先删除 
      ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205722673.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

      四,删除步骤
      1,在视图写删除按钮,弹出窗,刷新表格
      ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205733306.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

       2,在控制器建一个区域,查询要删除的信息,判断是否有旧图片,有就删除,判断文件是否存在,删除文件,删除数
       ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205744855.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

        五,导入步骤
        1,在视图写导入弹出的模态框,重置表单,显示模态框 
        ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205757677.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

        2,在控制器写导入区域,写指定的物理路径,判断模板文件是否存在,获取文件名称 
        ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205807754.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

        3,在视图写下载导入模板文件
        ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205816363.png#pic_center)

         4,在控制器写导入保存数据的区域
         ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205826676.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

          5,在视图写导入保存,上传的点击事件,定义表单数据对象,获取表单中的数据,向对象中添加要发送的数据,创建XMLHttpRequery对象,提交要发送的地址,接收返回值,将字符串转json对象,关闭模态框,刷新表格,发送数据 
          ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205838333.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

          6,在控制器中去除DataTable中的空行,查询出所有班级,用于后米娜判断导入的数据的准确性,存放所有的学生,包括数据库和添加,用于判断工号是否重复,将dataTable中的数据转换为List,定义存放容器,遍历数据,进行数据保存,去除datatable空行
          ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205851641.png#pic_center)

在这里插入图片描述

            六,导出
            1,在视图写导出查询条件,拼接参数字符串,在新标签页打开下载excel的url,下载excel文件 
            ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205915441.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

            2,在控制器使用读取模板的方式导出数据,查询数据 
            ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205931830.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

            3,在控制器写条件筛选 
            ![在这里插入图片描述](https://img-blog.csdnimg.cn/2020081620594294.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

            4,在控制器写模板文件的Excel导出,判断模板是否存在 
            ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816205953369.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

            5,使用NPOI打开模板Excel,得到工作簿,打开模板所在第一个工作表,构建单元格样式,设置标题,往模板填充数据,设置数据单元格的样式,遍历查询出的数据
            ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816210004935.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215SURMVUxV,size_16,color_FFFFFF,t_70#pic_center)

             6,以流的方式返回  
             ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200816210018983.png#pic_center)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值