上传数据、下载模板文件解决方案(前端:antd;后端:.Net Core WebAPI)
一、Excel 模板下载
通过静态文件下载。
将模板文件放在根目录的 public 文件夹下备用。
下载事件方法如下:(通过临时生成一个 a 标签,触发后再移除)
downLoadExcelModel = () => {
var a = document.createElement("a");
a.href = "./ModelName.xlsx";
a.download = "模板文件名.xlsx";
a.style.display = "none";
document.body.appendChild(a);
a.click();
a.remove();
};
二、上传 Excel 表格
通过 Upload 控件上传目标文件,然后调用后台接口进行数据处理:(部分简单的变量处理省略)
1 //先引入 axios
2 import axios from 'axios';//npm install axios
3 import { UploadOutlined } from '@ant-design/icons';
4
5 //控件上传事件
6 uploadDictList=({file, fileList})=>{
7 console.log("file.status",file.status);
8 if (file.status === "done") {
9 const formData = new FormData()
10 formData.append('file', fileList[fileList.length - 1].originFileObj);
11 console.log("formData:",formData);
12 axios({
13 method: 'post',
14 url: '/api/List?paraname='+this.state.typecode,//配置访问接口
15 data: formData,
16 headers: { "Content-Type": "multipart/form-data"}
17 }).then(({data}) => {
18 console.log("baxk-data:",data);
19 if(data.code==200)
20 message.success(`上传成功!(成功/总数:${data.desc})`)
21 else
22 message.error("上传失败,请稍后重试!");
23 }).catch((err) =>{
24 console.log(err);
25 message.error("上传失败,请稍后重试!");
26 })
27 }
28 else if (file.status === "error") {
29 message.error(`上传失败,请稍后重试!${file.name}`);
30 }
31 }
32
33 //控件
34 <Upload
35 fileList={fileList}
36 showUploadList={false}
37 onChange={this.uploadDictList}
38 >
39 <Button disabled={uploadable} type="primary" icon={<UploadOutlined />} style={{margin:"20px 20px 20px 0"}}>上传数据项</Button>
40 </Upload>
三、.Net Core 3.0 WebAPI 文件接收与解析
主要就是 IFormCollection 来接收传入文件。
1 using Dapper;
2 using Microsoft.AspNetCore.Cors;
3 using Microsoft.AspNetCore.Http;
4 using Microsoft.AspNetCore.Mvc;
5 using NPOI.HSSF.UserModel;
6 using NPOI.SS.UserModel;
7 using NPOI.XSSF.UserModel;
8 using System;
9 using System.Collections.Generic;
10 using System.Data;
11 using System.IO;
12 using System.Linq;
1 [HttpPost]
2 public BackDataModel UploadddList(string ddtype, IFormCollection file)
3 {
4 var fileobj = file.Files[0];
5 string filename = Path.GetFileName(fileobj.FileName);
6 var filesize = fileobj.Length;//获取上传文件的大小单位为字节byte
7 string fileType = System.IO.Path.GetExtension(filename);//获取上传文件的扩展名
8 long maxsize = 4000 * 1024;//定义上传文件的最大空间大小为4M
9 if (filesize >= maxsize)
10 return new BackDataModel() { Code = 201, Desc = $"导入失败,表格文件必须小于(4M)。" };
11 var filestream = fileobj.OpenReadStream();
12 DataTable dt = new DataTable();
13 ISheet sheet = null;
14 IWorkbook workbook = null;
15 if (fileType == ".xlsx")//2007以上版本excel
16 workbook = new XSSFWorkbook(filestream);
17 else if (fileType == ".xls")//2007以下版本excel
18 workbook = new HSSFWorkbook(filestream);
19 else
20 throw new Exception("传入的不是Excel文件!");
21 sheet = workbook.GetSheetAt(0);//取第一个 sheet
22 var idddModellist_insert = new List<IdddModel>();
23 int countall = 0;
24 if (sheet != null)
25 {
26 IRow firstRow = sheet.GetRow(0);//首行值设置为表头
27 int cellCount = firstRow.LastCellNum;
28 if (cellCount != 6 || firstRow.Cells[0].StringCellValue != "代码" || firstRow.Cells[1].StringCellValue != "名称" || firstRow.Cells[2].StringCellValue != "备注1"
29 || firstRow.Cells[3].StringCellValue != "备注2" || firstRow.Cells[4].StringCellValue != "备注3" || firstRow.Cells[5].StringCellValue != "备注4")
30 {
31 return new BackDataModel() { Code = 201, Desc = $"导入失败,请按照‘模板’填值后重试!" };
32 }
33 for (int i = firstRow.FirstCellNum; i < cellCount; i++)
34 {
35 ICell cell = firstRow.GetCell(i);
36 if (cell != null)
37 {
38 string cellValue = cell.StringCellValue.Trim();
39 if (!string.IsNullOrEmpty(cellValue))
40 {
41 DataColumn dataColumn = new DataColumn(cellValue);
42 dt.Columns.Add(dataColumn);
43 }
44 }
45 }
46 DynamicParameters dynamicParameters = new DynamicParameters();
47 dynamicParameters.Add("@typename", ddtype);
48 string sql_getddinfo = "select * from aa where g>0";
49 var ddinfolist = db.factory.Query<IdddModel>(sql_getddinfo, dynamicParameters).ToList();
50 int ddnumber = 1;
51 for (int j = sheet.FirstRowNum + 1; j <= sheet.LastRowNum; j++)//遍历行
52 {
53 var idddModel = new IdddModel();
54 IRow row = sheet.GetRow(j);
55 if (row == null || row.Cells.Count != 6 ||
56 ((row.GetCell(0) == null || row.GetCell(0).StringCellValue.Length == 0) && (row.GetCell(1) == null || row.GetCell(1).StringCellValue.Length == 0)))//值不为空
57 {
58 continue;
59 }
60 countall++;
61 if (row.GetCell(0) != null && row.GetCell(1).CellType == CellType.String)
62 {
63 idddModel.ddcode = row.GetCell(0).ToString();
64 }
65 if (row.GetCell(1) != null && row.GetCell(1).CellType == CellType.String)
66 {
67 idddModel.ddname = row.GetCell(1).ToString();
68 }
69 if (row.GetCell(2) != null)
70 {
71 idddModel.Remark1 = row.GetCell(2).ToString();
72 }
73 if (row.GetCell(3) != null)
74 {
75 idddModel.Remark2 = row.GetCell(3).ToString();
76 }
77 if (row.GetCell(4) != null)
78 {
79 idddModel.Remark3 = row.GetCell(4).ToString();
80 }
81 if (row.GetCell(5) != null)
82 {
83 idddModel.Remark4 = row.GetCell(5).ToString();
84 }
85 if (ddinfolist.Where(dd => dd.ddcode == idddModel.ddcode && dd.ddname == idddModel.ddname)
86 {
87 idddModel.ddtypecode = ddinfolist?[0].ddtypecode;
88 idddModel.ddtypename = ddinfolist?[0].ddtypename;
89 idddModel.ID = Guid.NewGuid().ToString();
90 idddModel.Snumber = ddinfolist.Count + ddnumber;
91 idddModel.Insert_time = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
92 idddModel.Update_time = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
93 idddModel.ff = 1;
94 idddModellist_insert.Add(idddModel);
95 ddnumber++;
96 }
97 }
98 string sql_insertdd = $"insert into ";
99 int backnum = db.factory.Execute(sql_insertdd, idddModellist_insert);
100 if (backnum != 1 && idddModellist_insert.Count > 0)
101 return new BackDataModel() { Code = 201, Desc = $"数据保存不成功,请刷新列表确认!" };
102 }
103 else
104 {
105 return new BackDataModel() { Code = 201, Desc = $"导入失败,未取到表格中数据!" };
106 }
107 return new BackDataModel() { Code = 200, Desc = $"{idddModellist_insert.Count}/{countall}" };
108 }
以上代码已验证可用,若有疑问,请留言讨论。
上传数据、下载模板文件解决方案(前端:antd;后端:.Net Core WebAPI)的更多相关文章
- XShell上传、下载本地文件到linux服务器
Python之道发表于程序员八阿哥订阅 1.2K 腾讯云服务器 年付3折起 首次购买云服务器 最低3折起 超高性价比 限时抢购 Xshell很好用,然后有时候想在windows和linux上传或下载某 ...
- SpringMVC下文件的上传与下载以及文件列表的显示
1.配置好SpringMVC环境-----SpringMVC的HelloWorld快速入门! 导入jar包:commons-fileupload-1.3.1.jar和commons-io-2.4.ja ...
- .NET环境下上传和下载Word文件
一.上传Word文档或者其他文档 1.简单地上传文件的web服务方法如下 [WebMethod] public void UploadFile() { using (TransactionScope ...
- php 上传文件实例 上传并下载word文件
上传界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
- linux学习 XShell上传、下载本地文件到linux服务器
(一)通过命令行的方式 1.linux服务器端设置 在linux主机上,安装上传下载工具包rz及sz; 如果不知道你要安装包的具体名称,可以使用yum provides */name 进行查找系统自带 ...
- 使用fastDFS上传和下载图片文件
package com.xuecheng.test.fastdfs;import org.csource.common.MyException;import org.csource.fastdfs.* ...
- Webapi上传数据(XML)敏感字符解决方案
方法名加特性 [ValidateInput(false)] 配置文件加 <httpRuntime requestValidationMode="2.0" targetFram ...
- SpringMVC学习09(文件的上传和下载)
文件上传和下载 准备工作 文件上传是项目开发中最常见的功能之一 ,springMVC 可以很好的支持文件上传,但是SpringMVC上下文中默认没有装配MultipartResolver,因此默认情况 ...
- Java实现FTP文件与文件夹的上传和下载
Java实现FTP文件与文件夹的上传和下载 FTP 是File Transfer Protocol(文件传输协议)的英文简称,而中文简称为"文传协议".用于Internet上的控制 ...
随机推荐
- 基于 DolphinScheduler 的数据质量检查实践
今天给大家带来的分享是基于 Apache DolphinScheduler 的数据质量检查实践,分享的内容主要为以下四点: " 为什么要做数据质量检查? 为什么要基于 DolphinSche ...
- 记Windows服务器Redis 6379被攻击 被设置主从模式同步项目数据
在工作中第一次经历被攻击,我是一个前端,同时复负责维护一个已上线的项目,在最近一段时间小程序与后台经常出现这个报错, 搜了下说我的从机是只读模式,不能写入,问了同事得知这个项目是单机模式,根本不存在从 ...
- Excel 统计函数(二):COUNTIF 和 COUNTIFS
COUNTIF [语法]COUNTIF(range, criteria) [作用]range 为统计的范围,criteria 是统计的条件. [题目]统计 A1 到 A10 范围内,出现"你 ...
- JavaScript基础回顾知识点记录4-正则表达式篇(介绍基本使用)
js 中 正则表达式使用 创建正则对象和test方法使用 /* 创建正则表达式的对象 语法: var 变量 = new RegExp("正则表达式","匹配模式" ...
- 【HTML】学习路径2-设置文档类型、网页编码、文件注释
第一章:设置文档类型 我们通常在html文件最前面写一行: <!DOCTYPE html> 这玩意有啥用? https://developer.mozilla.org/zh-CN/docs ...
- 【java】学习路线2-构造、Scanner包导入、字符串操作、数组、引用类型
请先查看前置知识: [JAVA]基础1-字符串.堆.栈.静态与引用类型 https://www.cnblogs.com/remyuu/p/15990274.html import java.util. ...
- Databend 源码阅读系列(二):Query server 启动,Session 管理及请求处理
query 启动入口 Databend-query server 的启动入口在 databend/src/binaries/query/main.rs 下,在初始化配置之后,它会创建一个 Global ...
- ProxySQL配置之MySQL服务器配置
备注:文章编写时间201904-201905期间,后续官方在github的更新没有被写入 MySQL服务器配置 [MySQL Server Configuration] 一.在ProxySQL中配置后 ...
- Solutions:Elastic workplace 搜索:随时随地搜索所有内容 (一)
- 为不同的用户生成不同的 Kibana 界面
文件转载自:https://elasticstack.blog.csdn.net/article/details/109593613