ASP.NET 에서 Excel 파일을 보는 방법

ExcelModel

첫 번째 단계는 Excel 데이터에 대한 모델을 만드는 것입니다. ExcelModel 클래스는 단일 엑셀 시트를 나타내며 엑셀 시트에 있는 시트 이름과 데이터를 포함합니다.

namespace Excel_File_Viewer_IronXl.Models
{
    public class ExcelModel
    {
        public string SheetName { get; set; }

        // Data is a list of string arrays, each array represents a row in the sheet.
        public List<string[]> Data { get; set; }
    }
}

namespace Excel_File_Viewer_IronXl.Models
{
    public class ExcelModel
    {
        public string SheetName { get; set; }

        // Data is a list of string arrays, each array represents a row in the sheet.
        public List<string[]> Data { get; set; }
    }
}

ExcelModel는 SheetName 및 Data 두 가지 속성으로 정의됩니다. SheetName는 각 엑셀 시트의 이름을 보관하기 위한 간단한 문자열입니다. Data는 엑셀 시트의 각 행 데이터를 저장하기 위한 문자열 배열의 리스트입니다.

ExcelViewModel

다음으로, ExcelViewModel을 생성해보겠습니다. 이 모델은 파일, 메시지 및 파일의 모든 시트의 데이터를 나타내는 ExcelModel 목록을 포함하는 래퍼입니다.

using Microsoft.AspNetCore.Http;
using System.Collections.Generic;

namespace Excel_File_Viewer_IronXl.Models
{
    public class ExcelViewModel
    {
        public IFormFile File { get; set; }  // For uploading Excel file
        public string Message { get; set; }  // Message for storing success/error messages
        public List<ExcelModel> ExcelData { get; set; }  // List to store data from all sheets
    }
}

using Microsoft.AspNetCore.Http;
using System.Collections.Generic;

namespace Excel_File_Viewer_IronXl.Models
{
    public class ExcelViewModel
    {
        public IFormFile File { get; set; }  // For uploading Excel file
        public string Message { get; set; }  // Message for storing success/error messages
        public List<ExcelModel> ExcelData { get; set; }  // List to store data from all sheets
    }
}

이 클래스는 뷰 모델로 사용됩니다. 파일 업로드를 위한 IFormFile 속성, 메시지를 표시하기 위한 Message 문자열 및 가져온 엑셀 데이터를 저장하기 위해 List<ExcelModel>이 있습니다.

5. 데이터 추출을 위해 엑셀 파일을 로드할 ExcelController 생성

그런 다음, 새로운 ExcelController을 생성하세요. 여기에서 마법이 일어납니다! 엑셀 파일은 IronXL의 WorkBook.Load 함수를 사용하여 로드되며, 워크시트를 순회하면서 데이터를 추출하여 ExcelViewModel에 추가합니다.

using Excel_File_Viewer_IronXl.Models;
using IronXL;
using System.Collections.Generic;
using System.Web.Mvc;
using System;
using System.Linq;

public class ExcelController : Controller
{
    // GET: Excel
    public ActionResult Index()
    {
        var model = new ExcelViewModel();

        // Define the file path for the Excel file
        string filePath = Server.MapPath("~/App_Data/Test.xlsx"); 

        // List to store data for each sheet
        List<ExcelModel> data = new List<ExcelModel>();

        try
        {
            // Load workbook directly from a file path
            var workbook = WorkBook.Load(filePath);

            // Loop through all worksheets in the workbook
            foreach (var worksheet in workbook.WorkSheets)
            {
                // Add each worksheet's name and data to the data list
                data.Add(new ExcelModel
                {
                    SheetName = worksheet.Name,
                    Data = worksheet.Rows.Select(r => r.ToArray().Select(c => c.Value.ToString()).ToArray()).ToList()
                });
            }

            model.ExcelData = data;
            model.Message = "File processed successfully!";
        }
        catch (Exception ex)
        {
            model.Message = $"Error occurred while processing file: {ex.Message}";
        }

        return View(model);
    }
}

using Excel_File_Viewer_IronXl.Models;
using IronXL;
using System.Collections.Generic;
using System.Web.Mvc;
using System;
using System.Linq;

public class ExcelController : Controller
{
    // GET: Excel
    public ActionResult Index()
    {
        var model = new ExcelViewModel();

        // Define the file path for the Excel file
        string filePath = Server.MapPath("~/App_Data/Test.xlsx"); 

        // List to store data for each sheet
        List<ExcelModel> data = new List<ExcelModel>();

        try
        {
            // Load workbook directly from a file path
            var workbook = WorkBook.Load(filePath);

            // Loop through all worksheets in the workbook
            foreach (var worksheet in workbook.WorkSheets)
            {
                // Add each worksheet's name and data to the data list
                data.Add(new ExcelModel
                {
                    SheetName = worksheet.Name,
                    Data = worksheet.Rows.Select(r => r.ToArray().Select(c => c.Value.ToString()).ToArray()).ToList()
                });
            }

            model.ExcelData = data;
            model.Message = "File processed successfully!";
        }
        catch (Exception ex)
        {
            model.Message = $"Error occurred while processing file: {ex.Message}";
        }

        return View(model);
    }
}

여기서, ExcelViewModel을 초기화한 후 IronXL을 사용하여 WorkBook을 로드하고, 각 WorkSheet을 순회하면서 각 WorkSheet에 대해 워크시트의 이름과 데이터를 포함한 ExcelModel을 생성합니다. ExcelModel은 이후 ExcelData 목록에 ExcelViewModel에 추가됩니다.

다음 Excel 파일의 데이터가 로드되고 표시될 것입니다:

샘플 Excel 파일

6. 뷰 생성

당신의 Views/Excel 디렉토리에서 엑셀 데이터를 표시하기 위한 새로운 HTML 파일 Index.cshtml을 생성하세요. 그런 다음 Bootstrap의 nav-tabs을 사용하여 엑셀 파일의 각 시트를 표현합니다. 각 시트는 별도의 탭으로 존재하며, 해당 탭의 내용은 시트의 데이터가 됩니다.

@model Excel_File_Viewer_IronXl.Models.ExcelViewModel

@{
    ViewBag.Title = "Index";
}

<h2>Excel File Viewer</h2>

@if (Model.ExcelData != null)
{
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        @for (int i = 0; i < Model.ExcelData.Count; i++)
        {
            <li class="nav-item">
                <a class="nav-link @(i == 0 ? "active" : "")" id="tab-@i" data-toggle="tab" href="#content-@i" role="tab" aria-controls="content-@i" aria-selected="@(i == 0)">
                    @Model.ExcelData[i].SheetName
                </a>
            </li>
        }
    </ul>
    <div class="tab-content" id="myTabContent">
        @for (int i = 0; i < Model.ExcelData.Count; i++)
        {
            <div class="tab-pane fade @(i == 0 ? "show active" : "")" id="content-@i" role="tabpanel" aria-labelledby="tab-@i">
                <table class="table table-bordered">
                    @foreach (var row in Model.ExcelData[i].Data)
                    {
                        <tr>
                            @foreach (var cell in row)
                            {
                                <td>@cell</td>
                            }
                        </tr>
                    }
                </table>
            </div>
        }
    </div>
}

@model Excel_File_Viewer_IronXl.Models.ExcelViewModel

@{
    ViewBag.Title = "Index";
}

<h2>Excel File Viewer</h2>

@if (Model.ExcelData != null)
{
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        @for (int i = 0; i < Model.ExcelData.Count; i++)
        {
            <li class="nav-item">
                <a class="nav-link @(i == 0 ? "active" : "")" id="tab-@i" data-toggle="tab" href="#content-@i" role="tab" aria-controls="content-@i" aria-selected="@(i == 0)">
                    @Model.ExcelData[i].SheetName
                </a>
            </li>
        }
    </ul>
    <div class="tab-content" id="myTabContent">
        @for (int i = 0; i < Model.ExcelData.Count; i++)
        {
            <div class="tab-pane fade @(i == 0 ? "show active" : "")" id="content-@i" role="tabpanel" aria-labelledby="tab-@i">
                <table class="table table-bordered">
                    @foreach (var row in Model.ExcelData[i].Data)
                    {
                        <tr>
                            @foreach (var cell in row)
                            {
                                <td>@cell</td>
                            }
                        </tr>
                    }
                </table>
            </div>
        }
    </div>
}

이 코드 예제에서 nav nav-tabs은 엑셀 파일의 각 시트를 나타내는 탭 목록을 생성합니다. 해당 탭의 내용은 해당 시트의 데이터를 표 형식으로 표시합니다. 변경을 통해 Excel 파일을 수동으로 선택할 수 있는 찾아보기 버튼이 추가되었습니다.