C# EXECL导出（MVC+Layui+AJAX）

最新推荐文章于 2023-05-14 13:17:16 发布

♟天涯

最新推荐文章于 2023-05-14 13:17:16 发布

阅读量858

点赞数 1

分类专栏： C#基础知识文章标签： excel javascript jquery c#

本文链接：https://blog.youkuaiyun.com/XTY15037533925/article/details/107024883

版权

本文介绍了如何在C# MVC项目中结合Layui和AJAX实现EXCEL文件的导出。首先，文章提到了在视图中引用Layui样式的重要性，并展示了效果图和相关前端代码。接着，讲解了JavaScript部分的实现。最后，阐述了控制器的角色。作者作为新手，希望得到行业前辈的指导和建议。

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

##C# EXECL导出（C# MVC+Layui+AJAX）

1.视图

1.1 在使用layui的时候需要引用layui的样式（注意：你如果直接复制下面代码，引用的地址需要改成你自己的地址）

<head>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Scripts/jquery-1.8.0.js"></script>
    <link href="~/Content/layui/css/layui.css" media="all"rel="stylesheet" />
    <script src="~/Content/layui/layui.js"></script>
    <title>index</title>
</head>

1.2 效果图与前台代码在这里插入图片描述

<div style="float:left;width:auto;height:0px;margin-left:20px;" id="btn">
	<button type="button" class="layui-btn" id="search_btn" style="display:none">查询</button>
	<button type="button" class="layui-btn" id="search_add" style="display:none">添加</button>
	<button type="button" class="layui-btn" id="search_upd" style="display:none">修改</button>
	<button type="button" class="layui-btn" id="search_del" style="display:none">删除</button>
	<button type="button" class="layui-btn" id="inExecl" style="display:none"><i class="layui-icon"></i>ExecL导入</button>
	<button type="button" class="layui-btn" id="outExecl" style="display:none"><i class="layui-icon"></i>ExecL导出</button>
</div>

2.js

layui.use(['jquery', 'layer', 'element', 'table', 'form', 'laypage', 'flow', 'tree','upload'], function () {
   
    var form = layui.form,
        layer = parent.layer == undefined ? layui.layer : parent.layer,
        laypage = layui.laypage,
        $ = layui.jquery,
        table = layui.table,
        tree = layui.tree,
        upload = layui.upload;


	var schoolManage = {
   
        //导出Excel
        outExecl: function () {
   
            var checkStatus = table.checkStatus('scoollisttable')
                , data = checkStatus.data;
            if (data != "" && data != null) {
   
                $.ajax({
   
                    url: "/Product/OutData1",

最低0.47元/天解锁文章