(三) 删除-导出-上传图片

(一) 删除
删除有个属于它的模态窗体,在删除的模态框窗体是当你删除时的模态框的样式,在视图页面中写删除的代码先写删除按钮的点击事件新增一个url(相当于路径)自定义列删除模板 开启加载层关闭加载层关闭模态框
首先我们在HTML代码中编写了一个模态框窗体的代码,一个删除,它一个操作时是需要弹出提示模态窗体的
在这里插入图片描述

查询需要删除的数据,把获取到的数据传给控制器;控制器通过一个方法再传给数据库里面进行删除,我通过方法把获取的数据传送到控制器,第一个参数:Url,具体的位置。第二个参数:你要传递的参数,以键值对。第三个参数:回调函数;传递数据后,还有去判断传递数据是否删除,再给用户设置一些提示。
在这里插入图片描述

在控制器定义一个方法,去接收视图传过来的数据,在方法里面,去实例化数据,在对它进行赋值,赋值之后,就是删除,删除数据完成之后,要判断数据是否删除成功,数据是否存在/无法删除/删除数据异常。
(二)导出
Excel的数据处理功能非常强大,因此在日常工作中,我们经常需要将数据从数据库或Datatable等数据源导入到Excel文档来进行数据分析或运算,有时候又需要将Excel文档中的数据导出到数据库或者Datatable来读取数据。
导出Excel文件的思路是将WPF某个数据展示控件(如DataGrid)写入内存建立的Excel文件里面,然后通过保存文件对话框选择保存文件的路径,将内存中Excel的文件保存到选择的路径;
第一步:指定虚拟路径相对应的物理模板文件路径,检查Excel、工作簿和工作表是否存在。
在这里插入图片描述

第二步:声明两个字符串和实例化通用对话框(获取或设置筛选器字符串,用来确定在打开文件对话框显示的文件类型),(打开文件对话框中选取的单个文件名,包含完整路径)。
第三步:获取筛选导出的数据。引用NPOI来读取数据
在这里插入图片描述

第四步:使用NPOI打开模板Excel,使用FileStream(使用指定的读/写权限为指定的文件句柄初始化 System.IO.FileStream 类的新实例。File:提供用于创建、复制、删除、移动和打开文件的静态方法,并协助创建 System.IO.FileStream 对象。)文件打开Excel模板文件,得到一个工作簿(HSSFWorkbook excelBookTemplate:通过NPOI获取上传的Excel表格转换得到一个工作簿)。打开Excel模板文件所在第一个工作表,构建单元格样式,并且设置标题,如果筛选时间段不为空就拼接上筛选时间段
在这里插入图片描述

使用NPOI读取数据,获取模板文件格式将数据循环添加标题行中各个单元格的值,导入到Excel的单元格。
用(MemoryStream:创建其支持存储区为内存的流。)把Excel转化为定义文件流,并且将工作薄写入文件流,输出之前调用Seek(偏移量,游标位置)方法:获取文件流的长度,将Excel通过文件流(File)返回到视图
在这里插入图片描述

(三)上传图片
设置ID和点击事件名称,设置图片显示的长和高
在这里插入图片描述

设置图片的格式,使它能够通过文件上传进行提交的文件类型
accept 属性只能与 配合使用
在这里插入图片描述

设置图片双击事件,使用jqury触发文件选项框的点击事件< input type=“file”>
在这里插入图片描述

自定义用户头像点击事件,查看头像图片信息,根据是否存在头像图片信息显示查看/未上传
在这里插入图片描述

点击查看按钮显示图片,根据点击按钮事件所留的图片路径,展开弹窗层显示图片信息内容,不开启标题,不设置关闭按钮,可直接点击遮罩层关闭弹窗层,
在这里插入图片描述

用图片文件的正则表达式过滤掉不可读取文件图片的格式,显示可选择的图片文件,将选择的图片显示到ing元素,并使用FileReader读取图片转化URL,用文件读取onload事件,将读取到图片显示到ing元素
在这里插入图片描述

弹窗修改的模态窗体中设置显示用户头像的位置和图片路径在这里插入图片描述

保存修改用户头像信息,首先获取用户头像参数,使用JQuery Ajax发送FormData数据,构建FormData数据,数据提交到控制器中,要告诉JQuery不要去处理发送的数据和不要设置Content-Type请求头
在这里插入图片描述

查询之前头像图片信息,查看是否上传了图片,设置文件类型(Path:对包含文件或目录路径信息的 System.String 实例执行操作)(GetExtension:返回指定的路径字符串的扩展名)接收文件返回路径
获取保存文件的路径和服务器部署路径,将文件名称设置到用户中,判断之前是否存在以前图片,需要删除旧的图片信息,为上传图片不做任何处理把数据库中的图片直接设置发哦user对象。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值