在MVC項目中使用RDLC報表


原文地址:http://www.cnblogs.com/wuhuacong/p/4109833.html

RDLC是一個不錯的報表,有着比較不錯的設計模式和展現效果,在我的Winform開發里面,使用RDLC也是一個比較方便操作,如可以參考文章《DevExpress的XtraReport和微軟RDLC報表的使用和對比》或者《會員管理系統的設計和開發(2)-- RDLC報表的設計及動態加載》進行了解。但是基於MVC方式,如何構建和展現RDLC報表呢?本文主要介紹如何在基於MVC4+EasyUI的Web開發框架上進行RDLC的集成和使用。

1、RDLC綁定數據源

RDLC的報表設計,是使用VS直接進行編輯的,因此它不管是在Web上,還是在Winform上,設計的方式都差不多,好像綁定數據源的方式有一點不同,WInform的可以選擇基於,而Web的只能基於數據庫連接方式構建數據綁定對象。

它們兩者之間在創建數據源的時候,彈出的對話框選擇界面如下所示,看起來Winform的方式選擇數據源的方式很多樣化。

最終,通過Web方式構建了一個數據集,並在設計視圖里面設計一個用戶的報表界面,並綁定它們對應的字段,具體如下所示。

在RDLC的設計界面上,它們的操作內容好像是一樣的,沒有什么差異,可以使用各種數學函數SUM、COUNT等,也可以使用對字段的表達式,格式樣式等方式,從而方便構建出一些准確、美觀的報表,這部分可以參考文中開始的那兩篇引用文章,這里就不再進行細節上的贅述,因為它們是一樣的。

2、在Web界面上創建一些功能按鈕和實現

我們在MVC項目里面,創建並保存好RDLC報表文件到對應的Report目錄上,如下所示。

然后創建一個視圖,並在視圖里面構建一些按鈕,方便構建查詢不同的報表格式功能,具體效果如下所示。

HTML代碼如下所示

復制代碼
    <div style="padding:10px; border:1px solid black">
        <div>
            <a href="@Url.Action("UserRdlcReport", new { format = "Image" })" class="easyui-linkbutton" data-options="iconCls:'icon-view'">圖片輸出</a>
            <a href="@Url.Action("UserRdlcReport", new { format = "PDF" })" class="easyui-linkbutton" data-options="iconCls:'icon-view'"> PDF輸出</a>
            <a href="@Url.Action("UserRdlcReport", new { format = "Excel" })" class="easyui-linkbutton" data-options="iconCls:'icon-view'">Excel輸出</a>
            <a href="@Url.Action("UserRdlcReport", new { format = "Word" })" class="easyui-linkbutton" data-options="iconCls:'icon-view'">Word輸出</a>
        </div>
    </div>
    <div id="autoUpdate" style="display: none; overflow-y: auto" class="SlideContainer">
        <table width="100%" height="100%">
            <tr>
                <td>
                    <table>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr><td><iframe id="myReport" width="100%" height="800"></iframe></td></tr>
        </table>
    </div>
復制代碼

完成這些布局后,我們還需要在對應的控制器里面,對RDLC的報表進行數據綁定並呈現出來。

綁定RDLC報表,並賦值對應的數據源操作如下所示。

            LocalReport localReport = new LocalReport();
            localReport.ReportPath = Server.MapPath("~/Report/WHC.UserReport.rdlc");
            var dt = baseBLL.GetAll();

            ReportDataSource reportDataSource = new ReportDataSource("DataSet1", dt);
            localReport.DataSources.Add(reportDataSource);

呈現的操作代碼如下所示,默認我們以圖片進行展現。

復制代碼
            Warning[] warnings;
            string[] streams;
            byte[] renderedBytes;

            renderedBytes = localReport.Render(
                reportType,
                deviceInfo,
                out mimeType,
                out encoding,
                out fileNameExtension,
                out streams,
                out warnings);

            return File(renderedBytes, (format.ToLower() == "image") ? "image/jpeg" : mimeType);
復制代碼

最終默認可以看到圖片的報表展現效果。

當然,我們上面還有其他功能的操作,如PDF功能的展現,這個是一個不錯的格式展現,每頁分的很好,如果在IE里面,會獨立打開PDF文件;如果是Chrome瀏覽器,則會在瀏覽器里面直接打開,比較好。

當然,Excel和Word就只能下載進行查看了,因為瀏覽器並不支持直接在上面進行預覽查看的了,除非借助其他控件或者做法。

3、圖片內容的連續輸出

我們了解RDLC的話,應該知道,一般RDLC報表,它都是通過一個DeviceInfo的信息進行展現的,如下所示是一個標准的DeviceInfo對象。

復制代碼
            string deviceInfo =
            "<DeviceInfo>" +
            "  <OutputFormat>" + deviceType + "</OutputFormat>" +
            "  <PageWidth>8.5in</PageWidth>" +
            "  <PageHeight>11in</PageHeight>" +
            "  <MarginTop>0.5in</MarginTop>" +
            "  <MarginLeft>1in</MarginLeft>" +
            "  <MarginRight>1in</MarginRight>" +
            "  <MarginBottom>0.5in</MarginBottom>";
復制代碼

但是這樣的內容,如果展現圖片的話,就只會展示一頁的內容,一般是800的高度這樣子,但是我的報表里面可能有很多記錄,如何能夠讓它全部展現出來呢?

方法是有的,不過不是很完美,就是需要計算大概的尺寸,然后修改PageHeight的數值,讓它動態的刪除最大的記錄,達到全部內容都可以輸出看到。

為了達到這個目的,我對圖片格式輸出的報表,對它的高度進行了一個簡單的計算,然后換成它的標准高度,這樣代碼如下所示。

復制代碼
            if(format.ToLower() == "image")
            {
                double inchValue = (dt.Count / 37.0) * 11; 
                deviceInfo += string.Format("  <PageHeight>{0}in</PageHeight>", inchValue);
            }
            else
            {
                deviceInfo += "  <PageHeight>11in</PageHeight>";
            }
復制代碼

最后界面代碼如下所示。

 


免責聲明!

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



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