天天看點

Grid++Report實作Web報表

     最早接觸報表是在機房收費系統中,那時候還是在C/S模式下,是以可以直接在窗體上添加報表。而現在,已經轉戰B/S模式下。本篇部落格将介紹如何實作Web報表。

    【需求說明】

    在我們的生活中,表格也是無處不在,清晰而有條理。在這次的項目中,也需要在浏覽器中直接列印報表(非IE列印)與導出報表,讓使用者使用更安全。

    【開發環境】

    整個項目是B/S模式下的,前台采用的MVC模式。開發中的軟體:VS2012,Grid++Report5.0

    【實作步驟】

    2.導入Grid++Report官方提供三個檔案,分别是:ReportData.cs、MssqlReportData.cs、CreateControl.js

    3.導入制作好的報表模闆檔案

    4.在Controller下添加控制器,VS2012會自動幫我們生成一些代碼。

    5.在生成的代碼中,選中ActionResult,直接選擇添加視圖。

    6.因為我們直接浏覽的網頁,要使報表在網頁下顯示,還需要添加一個aspx視圖頁。在aspx頁面加載的時候,就從資料庫中插叙,擷取報表所需要顯示的内容,資料格式規定為XML資料。

    【具體代碼】

Controller:

View:

       【實作效果】

Grid++Report實作Web報表

    【問題解決】

    常見問題1:網頁上不顯示報表。

    這個問題與Grid++report軟體、浏覽器有着直接關系。之前用的6.0的Report,後來問了問負責維護人事系統的,他們用的都是5.0的Report。是以,我又重新安裝了。另外,這個軟體需要安裝插件,我安裝的是5.8的插件。

    常見問題2:報表模闆不能正常通路。

    具體頁面如下:

Grid++Report實作Web報表

   常見問題3:頁面報表顯示不完整。

    這主要是網頁布局問題,可以在網頁布局代碼上添加如下代碼,報表就可以完整顯示了。

    【學習心得】

    在這一實作過程,還是遇到了一系列的問題。之前都是在網上直接搜部落格,部落格也大都是提高班師哥師姐寫的,後來遇到了其他問題,連官方提供的三個檔案裡封裝好的代碼,我都翻來翻去看了好幾遍,也沒有得到解決方案。

    就在我不知所措的時候,我看到了電腦桌面Grid++Report軟體的幫助文檔。才發現,原來我遇到的這些問題,幫助文檔中都有說明。   

    是以說,這不禁讓我想到了米老師語錄中的那句話:多看幫助,少走彎路。有了這一次走投無路的情況下,才想起來的“幫助”,以後不管再遇見什麼東西,都不會再忘記有“幫助”這一好東西。