使用HTML,CSS快速導出數據到Excel


 在應用中經常會遇到要從系統或數據庫中導出數據平面文件,一般是導出到txt,csv或excel。txt和csv一般用在系統間的數據交換,

而excel一般有較好的顯示效果,可以按照一定的模板導出,導出就不用再排版了,使用簡單,如果是使用做報表一般都導出excel文件。

但是使用com組件導出到Excel數據很慢,有另一種生成excel文件的方式就是通過html和css快速導出數據同時並能設置樣式,使用這種方式有兩個優點:1是速度快,2是不需安裝excel支持。

實現就是通過html可以直接轉換成excel,有兩個要點:一是顯示出表格線,像ASP.net中直接通過Gridview導出excel都沒有顯示出表格

二是設置數據格式。

一、顯示出表格線:
在html的head標記中加入以下代碼:

復制代碼
<xml>
   <x:ExcelWorkbook>
     <x:ExcelWorksheets>
       <x:ExcelWorksheet>                                                       
        <x:Name>工作表標題</x:Name>
                 <x:WorksheetOptions>
                   <x:Print>
                     <x:ValidPrinterInfo />
                   </x:Print>
                 </x:WorksheetOptions>
       </x:ExcelWorksheet>
      </x:ExcelWorksheets>
  </x:ExcelWorkbook>
</xml>
復制代碼

二、設置數據格式:
在head中加入css定義

復制代碼
<style type="text/css">
.spercent
{
 background-color:#ffff99;
 mso-number-format:0.00%;
}
</style>
復制代碼

在css中加入:mso-number-format定義數據格式,格式可以在excel中查看自定義格式,具體可以參考一下:
mso-number-format:"0" NO Decimals 
mso-number-format:"0\.000" 3 Decimals 
mso-number-format:"\#\,\#\#0\.000" Comma with 3 dec 
mso-number-format:"mm\/dd\/yy" Date7 
mso-number-format:"mmmm\ d\,\ yyyy" Date9 
mso-number-format:"m\/d\/yy\ h\:mm\ AM\/PM" D -T AMPM 
mso-number-format:"Short Date" 01/03/1998 
mso-number-format:"Medium Date" 01-mar-98 
mso-number-format:"d\-mmm\-yyyy" 01-mar-1998 
mso-number-format:"Short Time" 5:16 
mso-number-format:"Medium Time" 5:16 am 
mso-number-format:"Long Time" 5:16:21:00 
mso-number-format:"Percent" Percent - two decimals 
mso-number-format:"0%" Percent - no decimals 
mso-number-format:"0\.E+00" Scientific Notation 
mso-number-format:"\@" Text 
mso-number-format:"\#\ ???\/???" Fractions - up to 3 digits (312/943)

導出的excel可以直接通過excel打開,效果如下:

完整代碼:


class Program
    {
        private const string HEADER = "<html xmlns:x=\"urn:schemas-microsoft-com:office:excel\">" +
                                          "<meta http-equiv=Content-Type content=\"text/html; charset=\"gb2312\">" +
                                          "<head>" +
                                          "<!--[if gte mso 9]><xml>" +
                                           "<x:ExcelWorkbook>" +
                                               "<x:ExcelWorksheets>" +
                                                   "<x:ExcelWorksheet>" +
                                                       "<x:Name>工作表標題</x:Name>" +
                                                       "<x:WorksheetOptions>" +
                                                           "<x:Print>" +
                                                               "<x:ValidPrinterInfo />" +
                                                           "</x:Print>" +
                                                       "</x:WorksheetOptions>" +
                                                   "</x:ExcelWorksheet>" +
                                               "</x:ExcelWorksheets>" +
                                           "</x:ExcelWorkbook>" +
                                       "</xml>" +
                                       "<![endif]-->" ;

        private const string STYLE="<style type=\"text/css\">" +
                                       ".spercent" +
                                       " {" +
                                       "   " +
                                       "   mso-number-format:0.00%;" +
                                       " }" +
                                        ".sId" +
                                       " {" +
                                       "   " +
                                       "   mso-number-format:0;" +
                                       " }" +
                                        ".sName" +
                                       " {" +
                                       "     color:red;" +
                                       " }" +
                                        ".sValue" +
                                       " {" +
                                       "   color:blue;" +
                                       "   mso-number-format:0;" +
                                       " }" +
                                       "</style>";


        static void Main(string[] args)
        {
            using (StreamWriter writer = new StreamWriter(@"C:\1.xls", true, System.Text.Encoding.GetEncoding("gb2312"), 512))
            {
                writer.WriteLine(HEADER);
                writer.WriteLine(STYLE);
                writer.WriteLine("</head><body><table border=\"1\" style=\"font-size:9pt\"><tr>");
                writer.WriteLine ("<th>ID</th>");
                writer.WriteLine ("<th>Name</th>");
                writer.WriteLine ("<th>Value</th>");
                writer.WriteLine ("<th>Percent</th>");

                for (int row = 1; row < 50; row++)
                {
                    writer.WriteLine("<tr>");
                    writer.WriteLine("<td class=\"sId\">{0}</td>", row);
                    writer.WriteLine("<td class=\"sName\">{0}</td>", Guid.NewGuid ().ToString ());
                    writer.WriteLine("<td class=\"sValue\">{0}</td>", new Random().Next());
                    writer.WriteLine("<td class=\"spercent\">{0}</td>", new Random().NextDouble());
                    writer.WriteLine("</tr>");
                }

                writer.WriteLine("</table></body>");
            }
           
        }
    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM