首页 > 其他分享 >.net core 6.0后台 Vue2前台 导出Excel文件

.net core 6.0后台 Vue2前台 导出Excel文件

时间:2024-03-04 19:56:48浏览次数:26  
标签:core worksheet Cells Excel Value list Vue2 代码

要导出这样一个Excel表格:

1.后端API下载安装包:
EPPlus
2.后端代码

点击查看代码
     /// <summary>
        /// 接口
        /// </summary>
        /// <returns>结果</returns>
        [HttpGet]
        public IActionResult ExportTab()
        {
            var list = _db.ExcelTab.ToList();
            var ms=new MemoryStream();

            ExcelPackage.LicenseContext = LicenseContext.NonCommercial;
            using (var package =new ExcelPackage() )
            {
                var worksheet = package.Workbook.Worksheets.Add("Sheet1");

                worksheet.Workbook.Properties.SetCustomPropertyValue("Lauguage", "zh-CN");

                worksheet.Cells["A1"].Value = "表单名称";
                worksheet.Cells["B1"].Value = "表单类型";
                worksheet.Cells["C1"].Value = "参数1";
                worksheet.Cells["D1"].Value = "参数2";
                worksheet.Cells["E1"].Value = "参数3";

                for(int i = 0; i < list.Count; i++)
                {
                    worksheet.Cells["A"+(i+2)].Value = list[i].Name;
                    worksheet.Cells["B"+(i+2)].Value = list[i].Type;
                    worksheet.Cells["C"+(i+2)].Value = list[i].ParamOne;
                    worksheet.Cells["D"+(i+2)].Value = list[i].ParamTwo;
                    worksheet.Cells["E"+(i+2)].Value = list[i].ParamThree;
                }

                package.SaveAs(ms);
            }

            ms.Seek(0, SeekOrigin.Begin);

            return new FileStreamResult(ms, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")
            {
                FileDownloadName = "用户填表表单.xlsx"
            };

        }
*其中,下载了EPPlus以后,一定要在Program里或者使用EPPlus的代码上面添加一句代码:
点击查看代码
 ExcelPackage.LicenseContext = LicenseContext.NonCommercial;
证明自己不将EPPlus商用。

3.前端代码
只需在前端加入一个按钮,并加上一个单击事件,在单击事件里写上一句代码:

点击查看代码
  location.href = "http://localhost:17801/api/Tab/ExportTab";
这样就能实现.NET Core 6.0后端、Vue 2 前端Excel表格的导出了。

标签:core,worksheet,Cells,Excel,Value,list,Vue2,代码
From: https://www.cnblogs.com/liany920/p/18052496

相关文章

  • pytnon -- 解决在excel使用pyxll-jupyter时读取excel文件出现”OSError: [Errno 22] I
     在jupyter中运行以下代码:importpandasaspddataset=pd.read_excel(r'‪D:\a.xlsx',sheet_name='Sheet1')print(dataset)出现报错信息:---------------------------------------------------------------------------OSError......
  • 管理端根据角色,获取动态路由,动态引用页面的时候,Vue2和vue3的使用方法
    1、vue2使用的方法,重点注意引用组件的时候使用的requirelettemp=[];children.map((itemChild)=>{letvisible=(itemChild.menuType=='F')?true:false;temp.push({path:itemChild.path,component:resolve=>require([@/views/${itemChild.component}],resolve),meta:......
  • 使用 Java 在Excel中创建下拉列表
    下拉列表(下拉框)可以确保用户仅从预先给定的选项中进行选择,这样不仅能减少数据输入错误,还能节省时间提高效率。在MSExcel中,我们可以通过“数据验证”提供的选项来创建下拉列表,但如果要在Java程序中通过代码实现这一功能,可能需要借助一些第三方库。本文将分享两种使用免费Java库......
  • 【HMS Core】ToolKit,Merchant Service has not been enabled yet
    ​【问题描述】集成应用内支付时,一直提示未开通商户服务,实际商户服务已开通。​【解决方案】一般是由于AndroidStudio里的开发者账户和联盟网站对应开通商户服务的不是同一个账户造成的​PS:如果有团队帐号,还需注意,是否是团队帐号开通的,需选择正确的team。​......
  • 【HMS Core】关于应用内支付密钥升级问题
    ​【问题描述】相信最近大家都收到了关于应用内支付密钥升级的邮件,今天集中解答一下大家比较关心的问题​ 【解决方案】1、如果您的应用已经集成了应用内支付SDK,建议可以按照通知升级一下应用内支付密钥,如果没有集成并使用应用内支付的能力的话,那就不需要进行相关处理,忽略邮......
  • .Net Core(六) 面向切面编程
    简介面向切面编程(AOP,Aspect-OrientedProgramming)是一种编程范式,旨在增强现有的面向对象编程(OOP,Object-OrientedProgramming)范式。AOP通过在程序执行过程中动态地将横切关注点(cross-cuttingconcerns)从它们所影响的对象中分离出来,并将其模块化,以便重用和管理。在传统的面向对......
  • .NET Core AutoMapping 对象映射器转换
    先在NuGet程序包里下载这个文件然后新建一个类继承:ProfileusingAutoMapper;usingRBAC_Domain;usingRBAC_Domain.DTO;namespaceRBAC_Service.MyProFiles{///<summary>///转换对象映射器类///</summary>publicclassMappingProfile:Profile......
  • .Net Core AutoFac 批量注入
    先从NuGet包里下载这2个文件然后创建一个类继承:Autofac.ModuleusingSystem.Reflection;usingAutofac;namespaceRBAC_Api{publicclassRbacModule:Autofac.Module{///<summary>///重写Load方法///</summary>///<pa......
  • .net core UI测试
    背景从后端测试的角度来看前端测试;后端测试  黑盒测试:自动化接口测试,不关心内部实现,只关心入参出参,出于用户角度来测试完整功能;  白盒测试:代码层单元测试,关心内部实现,聚焦核心方法,出于开发角度来测试部分核心功能;前端测试  黑盒测试:(待实现)  白盒测试:(未实现)......
  • vue2响应式原理
    Vue.js是一个流行的JavaScript前端框架,它的核心特性之一就是响应式数据绑定。Vue.js2.x版本的响应式原理主要基于Object.defineProperty函数来实现。Vue.js的响应式原理大致可以描述为以下几个步骤:数据劫持:当Vue实例创建时,Vue会遍历data选项中的属性,并使用Obje......