Welcome! 登入 註冊
美寶首頁 美寶百科 美寶論壇 美寶落格 美寶地圖

Advanced

[FineRepor産品更新公告]你們多數人的報表,還走在屏幕自適應的彎路上!

Posted by frlily 
愉快的五一假期,各種美景美食美女圖刷爆了社交網路,真是一個個都幸福指數爆表呀。然而對於報表工程師來說,假期也要直面加班。
為什麼報表工程師總是無休止的加班?现在巨量資料概念這麼火爆,每個企業都開始重視資料的價值,各種資料分析報表項目上馬。可是報表需求實在是太多啦,幾乎各個業務領域都涉及到,而且需求變化非常頻繁。所以就苦了開發工程師們啦!
下面小編就教給大家一個節省時間的辦法,那就是趕快用FineReport V8.0吧!簡單上手,高效開發!從此不用加班寫程式碼!
在上一期中,小編給大家介紹了FineReport報表軟體文件上傳下載的功能實現,可以節省大量的程式碼工作(鏈接http://bbs.finereport.com/thread-74004-1-1.html)。
在上上期中,小編給大家介紹了填報可暫存的功能,能夠大大提高資料錄入的工作效率(鏈接http://bbs.finereport.com/thread-73749-1-1.html)。
然而上面兩期講解的,還不能為大家節省足夠的加班時間。本期,小編給大家重點介紹,[b]如何便捷的實現報表自適應各種設備屏幕,極大的降低適配工作量。[/b]
為什麼選這個主題?因為你們多數人的報表,還走在屏幕自適應的彎路上!費力不討好!
小編調研客戶發現,市場和財務兩大領域的報表開發工作佔比超過一半。
[img]ftp://finereport:Fr.51862240@115.28.154.155/public_html/tw/wp-content/themes/BusinessNews/images/20165901.png[/img]
也難怪,市場相關工作涉及公司發展遠景,財務是公司的命脈,管理層當然最關心啦。而這兩個領域的報表,要展現的指標都很多;而且查看人員往往差旅比較頻繁(尤其是銷售管理者)。這就要求開發者開發的報表,既要滿足多維度的展現,又要滿足差旅人群隨時查看報表的需求。然而報表樣式既要豐富又要能夠在移動設備上展現,這要求太高了呀!現在數碼設備這麼紛繁,拋開PC不談,又是pad又是手機,手機屏幕還各不一樣,要統一顯示效果,工作量真是太大了!
小編見過為了這部分適配工作,頭疼不已,乾脆破罐子破摔不做自適應處理的,不過可想而知這種體驗多麼生硬;也見過為了屏幕自適應,而單獨為移動設備另做一套報表的,可這極大的增加了開發人員的開發及維護難度,IT人員為了滿足業務需求往往加班加點,嚴重影響幸福感。
FineReport報表軟體針對上述問題,提供了兩個簡單又高效的功能,一個是表單,一個是cpt自適應插件。多數帆軟用戶可能對cpt比較熟悉而對錶單比較陌生。cpt是面向於複雜表樣的,而表單主要用於dashboard這類圖形較多的報表,表單文件的後綴是frm。
在設計器中,點擊【文件】菜單,選擇新建表單,就會彈出表單設計界面。可為表單添加不同的組件,組件包含報表塊、參數面板、圖表塊、控制項幾種類型,可任意的拖拽到表單設計去,如下圖所示。
[img]ftp://finereport:Fr.51862240@115.28.154.155/public_html/tw/wp-content/themes/BusinessNews/images/20165902.jpg[/img]
表單在PC端展現的樣式,是下圖這樣子的。
[img]ftp://finereport:Fr.51862240@115.28.154.155/public_html/tw/wp-content/themes/BusinessNews/images/20165903[/img]
表單天然具有自適應屬性,可以實現不同大小屏幕的自動匹配展現。比如拖動瀏覽器窗體的大小,表單能夠自適應的調整大小,如下圖示例。
(PS:表單中的報表塊組件,在自適應時,可能會出現滾動條。在後續的版本更新中,我們將重點優化這塊的自適應邏輯,讓報表塊組件也盡量不出現滾動條。)
[img]ftp://finereport:Fr.51862240@115.28.154.155/public_html/tw/wp-content/themes/BusinessNews/images/20165904[/img]
表單在移動端上,會自動調整布局以匹配屏幕大小。如下是手機端的效果,效果很棒!
[img]ftp://finereport:Fr.51862240@115.28.154.155/public_html/tw/wp-content/themes/BusinessNews/images/20165905[/img]
[img]ftp://finereport:Fr.51862240@115.28.154.155/public_html/tw/wp-content/themes/BusinessNews/images/20165917.png[/img]
除去移動端,表單還可以應用在大屏設備上,展示效果很炫酷!如下圖!
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/20165906.png[/img]
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/20165907.jpg[/img]
為了實現自適應,Finereport產品經理和研發人員嘔心泣血!功夫不負有心人,終於可以笑傲群雄啦!不信,看看下面某些同行產品的效果對比。
下圖是某國內同行的效果,拖動瀏覽器窗體,無法自適應。
[img]ftp://finereport:Fr.51862240@115.28.154.155/public_html/tw/wp-content/themes/BusinessNews/images/20165908[/img]
下圖是國外某知名公司的效果,拖動瀏覽器窗體,也無法實現自適應。
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/20160591[/img]
當然,也存在部分同行能實現一定程度的自適應效果,就不多說了。所有為了用戶體驗而願意投入精力去做開發的公司,都是值得尊敬的! 然而小編還是要補一句,既能實現自適應同時又能支持自適應組件整體匯出的,帆軟FineReport報表軟體是第一家!!為了用戶體驗,而把細節體驗做到面面俱到的公司,尤為值得尊敬!
此處應該有掌聲!!!
在FineReport報表軟體中啟用表單自匯出插件,即可將表單整體匯出成excel或PDF文件。(有些同行能實現單個組件的匯出,但不支持整體匯出)。
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/20165910[/img]
前面講的是表單的自適應,對應的是dashboard類需求。然而還有很多報表是複雜表樣的,必須通過cpt來實現。這種情況下的自適應,FineReport依舊自信!在設計器中可以根據需要啟用自適應插件!
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/20165911[/img]
啟用插件後,可以為瀏覽器和移動APP分別配置自適應屬性。
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/20165912.png[/img]
同時,自適應不但對報表格式主體產生效果,還可以對文字大小進行自適應。
如下圖所示,web端放大縮小瀏覽器,報表塊中的字體會跟隨縮放。(PS:目前字體自適應是默認的,後期更新中將為用戶提供可配置項。)
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/20165914[/img]
是不是感覺很棒!能把中國式複雜報表實現自適應的,帆軟FineReport是業內首家!!!
總之一句話:所有為了用戶體驗而願意投入精力去做開發的公司,都是值得尊敬的!而為了用戶體驗,把細節體驗做到面面俱到的公司,尤為值得尊敬!
此處應該掌聲雷動!!!!
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/20165915[/img]
看完小編的介紹,是不是覺得很有收穫呢?希望FineReport報表軟體的強大,能讓更多的程序員脫離加班苦海,走向幸福人生~~~
想下載最新版?想了解更多有趣的新功能?關注我們論壇和官網啦。
論壇地址:bbs.finereport.com
在線文檔地址:http://help.finereport.com/
官網:www.finereport.com

FineRepor[url=http://www.finereport.com/tw/]報表軟體[/url],高效強大,一人完成十人報表開發工作,免費下載