.Net MVC+NPOI實現下載自定義的Word文件
我們瀏覽很多網站時都會看到下載檔案的功能(圖片、word文件等),好巧不巧的是貧道近日也遇到了這個問題,於是寫一篇部落格記錄一下。
技術點:MVC、NPOI、Form表單。
具體如何實現,待貧道喝一口水慢慢道來。
1. 引入NPOI的Nuget包,這個相通道友們都不陌生。
2.新增控制器及方法
public class DownloadController : Controller { // GET: Download public ActionResult Index() { return View(); } /// <summary> /// 下載Word /// </summary> /// <returns></returns> public ActionResult ExportWord() { return View(); } }
3.修改ExportWord方法
public ActionResult ExportWord() { // 建立流 MemoryStream ms = new MemoryStream(); // 建立文件物件 XWPFDocument m_Docx = new XWPFDocument(); // 設定頁邊距 CT_SectPr sectPr = new CT_SectPr(); sectPr.pgMar = new CT_PageMar(); sectPr.pgMar.bottom = "1443"; sectPr.pgMar.top = "1443"; sectPr.pgMar.left = 1801; sectPr.pgMar.right = 1801; m_Docx.Document.body.sectPr = sectPr; //建立段落 XWPFParagraph p1 = m_Docx.CreateParagraph(); p1.Alignment = ParagraphAlignment.CENTER; // 該段落的文字以及樣式 XWPFRun runTitle = p1.CreateRun(); runTitle.IsBold = true; runTitle.SetText("下載Word"); runTitle.FontSize = 18; runTitle.SetFontFamily("仿宋", FontCharRange.None);// 字型設定 XWPFParagraph p2 = m_Docx.CreateParagraph(); // 段落格式居中 p2.Alignment = ParagraphAlignment.CENTER; XWPFRun runTitle2 = p2.CreateRun(); runTitle2.FontSize = 18; XWPFParagraph p3 = m_Docx.CreateParagraph(); p3.Alignment = ParagraphAlignment.LEFT; XWPFRun runTitle3 = p3.CreateRun(); runTitle3.IsBold = false; runTitle3.SetText("這裡可以寫我們文件中的內容,比如資料庫中的資料之類的。"); runTitle3.FontSize = 16; runTitle3.SetFontFamily("仿宋", FontCharRange.None);//設定雅黑字型 XWPFParagraph p5 = m_Docx.CreateParagraph(); p5.Alignment = ParagraphAlignment.RIGHT; XWPFRun runTitle5 = p5.CreateRun(); runTitle5.SetText("正所謂死道友莫死貧道"); runTitle5.FontSize = 16; runTitle5.SetFontFamily("仿宋", FontCharRange.None); // 將建立好的文件物件寫入流 m_Docx.Write(ms); ms.Flush(); // 將流內容寫入位元組資料 byte[] data = ms.ToArray(); // 指定檔案內容,型別以及檔名並返回 return File(data, "application/octet-stream", "自定義Word.docx"); }
4.建立下載頁面
現在後臺方法有了,我們還需要一個頁面來觸發這個方法。建立控制器的時候有一個預設的Index方法,貧道在這裡就用它了。
新增完檢視之後,修改裡面的程式碼,建立一個表單,一個sumbit按鈕,嗯。貧道就用這提交表單的方式來觸發ExportWord方法。
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> </head> <body> <div> <form method="post" action="/Download/ExportWord" target="_blank"> <input type="submit" value="下載Word" /> </form> </div> </body> </html>
開啟頁面之後就是這個樣子,雖然有點Low。。。但是貧道只是起了一個演示作用,就無所謂了。
點一下,處罰後臺的方法,然後下載檔案。 瀏覽器底部已顯示下載完成。
開啟這個Word 看看內容是不是和我們在後臺寫一樣
完美收功!最後放一張gif。