TinyAdmin前端展現框架
阿新 • • 發佈:2017-06-28
input fde php 這不 問題 前端框架 gets validate ade
一直在苦苦尋找一個合適的前端框架,少說也看了幾十個。
細致研究下來,發現他與我要求的匹配度比較接近,可是還是有一些不足在的:
如今使用起來就方便多了,不必引入js和css及圖像文件,字體文件等等,直接進行Pom依賴就可以,結合到Tiny框架中,還提供了更easy使用的宏,提供了樣式文件合並壓縮,JS文件壓縮合並,做前端的小朋友們的好日子來了。
1.UI組件包抽取 ?
SmartAdmin用到的Jquery插件真多。
通過封裝相似上面的宏。對於界面的編寫就更easy了,要會的內容就更少了。 3.界面編寫 ?
從上面能夠看到。CSS文件已經被全然合並為一個,而JS,則除了應用相關的一個之外,也所有被壓縮為1個。實際使用體驗。採用Tiny框架的載入效率及總體使用流暢度比原生的要好不少。
5.實際試用 再多的圖也沒有實際體驗來得更有切身感受,喜歡的請猛點以下的鏈接
http://www.tinygroup.org/tinyadmin/[url=http://my.oschina.net/tinyframework/admin/%E2%80%8Bhttp://www.tinygroup.org/tinyadmin/%E2%80%8B][/url]
也能夠訪問 www.tinygroup.org獲取很多其它內容。
- ext太重,並且有內存泄露,在IE下就是個悲劇。
- dhtmlx。速度比較好,開源是GPL不適合企業應用,商業的要錢,倒也不貴萬把塊錢。可是樣式比較接近於傳統管理臺應用。另外一個弊端是比較小眾
- Dojo。事實上架構比較好,可是比較小眾
- Semantic:很好的一個框架。可是成熟度不太好,對IE支持尤其比較差,另外比較小眾
- easyui:相對來說。也是一個不錯的框架了。可是樣式有點接近ext,也存在內存泄露
- wijmo:很完好的前端框架,可是比較小眾。對IE8兼容方面有些問題
- kendoui:也是很不錯的前端框架。比較小眾,後臺應用開發包要收費
- jqueryui:很不錯的前端框架,應用面夠廣。可是組件相對少一些
- JQuery:本身僅僅是個基礎庫。當然有很多的插件,可是不同插件之間的樣式啥的不太一致,自己去整合費效比較差
- Bootstrap。不錯的框架,組件相當來說少一點
- ......還有很多知名不知名的前端框架,可是比較可用的,真的很難找
- 組件豐富些,自己不加入也足夠用
- 兼容性好一點,最好IE8以上都能兼容的
- 改動easy點,我想要就要,不想要就不要
- 擴展方便點,我想添加就能添加。我想改動就能改動
- 性能能好點。即使在老舊如IE8。操作系統為XP的環境也,能夠跑出不錯的速度來。
- 內存回收能回一點,內存出現泄露,也能夠可是能夠簡單一個刷新就比較徹底的回收掉。也是能夠接受的。
- 界面好看點。讓人最好能眼前一亮,再看,更亮的效果。
- 最好是免費的。假設不免費,費用要盡量低的,最好3、5$能夠搞定,再不行幾十$也能夠接受
- 最好能支持更換皮膚啥的
- 最好能支持窗體小組件,能夠由客戶進行位置調整啥的
- 最好支持流式布局
細致研究下來,發現他與我要求的匹配度比較接近,可是還是有一些不足在的:
- JS及CSS文件眾多,稍有不慎就會出現錯誤,從而導致無法展示
- 對於IE8兼容性不太好,在IE8下無法使用
- 對皮膚啥的改動過之後。不能保存。下次進來的時候,還要又一次設過
- 全是E文的,用起來上手慢一點
- 對於問題1:進行組件化,對這些CSS,JS文件進行分別治理,這個工作量很大,並且要膽大心細,這裏消耗N多腦細胞。最終搞定了。
- 對於問題2:主要是CSS及JS兼容性相關的問題,這個已經超出本人能力範圍,沒得辦法,找一外援搞定之。
- 對於問題3:這個相對於上面兩個問題SoEasy,輕松搞定了。2014/11/1 發表博文 - 悠悠然然的個人頁面 - 開源中國社區
- 對於問題4:漢化之,更方便國人使用
如今使用起來就方便多了,不必引入js和css及圖像文件,字體文件等等,直接進行Pom依賴就可以,結合到Tiny框架中,還提供了更easy使用的宏,提供了樣式文件合並壓縮,JS文件壓縮合並,做前端的小朋友們的好日子來了。
1.UI組件包抽取 ?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | org.tinygroup.calendar org.tinygroup.jquery org.tinygroup.bootstrap org.tinygroup.bootstrapWizard org.tinygroup.ckeditor org.tinygroup.colorhelpers org.tinygroup.colorpicker org.tinygroup.component org.tinygroup.datatables org.tinygroup.delete-table-row org.tinygroup.dropzone org.tinygroup.easyPieChart org.tinygroup.excanvas org.tinygroup.fastclick org.tinygroup.flot org.tinygroup.FontAwesome org.tinygroup.fueluxwizard org.tinygroup.fullcalendar org.tinygroup.ie-placeholder org.tinygroup.ion-slider org.tinygroup.jquery-form org.tinygroup.jquery-nestable org.tinygroup.jquery-touch org.tinygroup.jstorage org.tinygroup.js-migrate org.tinygroup.knob org.tinygroup.markdown org.tinygroup.maskedInput org.tinygroup.maxlength org.tinygroup.morris org.tinygroup.msieFix org.tinygroup.multiselect org.tinygroup.notification org.tinygroup.noUiSlider org.tinygroup.pace org.tinygroup.prettify org.tinygroup.raphael org.tinygroup.select2 org.tinygroup.selectToUISlider org.tinygroup.smartadmin-new org.tinygroup.smartwidgets org.tinygroup.sparkline org.tinygroup.summernote org.tinygroup.superbox org.tinygroup.throttle-denounce org.tinygroup.typeahead org.tinygroup.vectormap org.tinygroup.x-editable org.tinygroup.jqueryvalidate org.tinygroup.smartadmin org.tinygroup.jqgrid org.tinygroup.jqueryform org.tinygroup.jquerystorage |
SmartAdmin用到的Jquery插件真多。
2.UI組件宏封裝 ?
1 2 3 4 5 6 7 8 9 10 11 12 | #macro(jui_hrefButton $id $caption $construct) < a id="$id" href="#">$caption</a> < script> $(function() { $( "#$id").button($!construct); }); < /script> #end #macro(jui_radio $id $groupId $caption) < input type="radio" id="$id" name="$groupId" /><label for="$id">$caption</label> #end |
通過封裝相似上面的宏。對於界面的編寫就更easy了,要會的內容就更少了。 3.界面編寫 ?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | [email protected]("tabs") [email protected]() [email protected]("tabs-a")標簽1#end [email protected]("tabs-b")標簽2#end [email protected]("tabs-c")標簽3#end #end [email protected]("tabs-a") <p>此前,李克強和梅德韋傑夫共同主持了中俄總理第十九次定期會晤。會晤後,兩國總理簽署聯合公報。並見證經貿、投資、能源、金融等領域近40項關鍵文件的簽署。</p> #end [email protected]("tabs-b") <p>李克強是在和俄羅斯總理梅德韋傑夫共同會見記者時提到“套娃”的。 這是一種俄羅斯特產的木制玩具,由多個一樣圖案的空心木娃娃一個套一個組成,最多可達十多個。</p> |
如今能夠通過模板語言來寫界面了,哦也 寫出來的效果是怎麽樣的呢?
4.圖片展示
232258_pXjv_1245989.jpg (68.05 KB, 下載次數: 0)
下載附件
下載附件
下載附件
5.資源壓縮及合並情況
233207_5nV3_1245989.jpg (23.69 KB, 下載次數: 0)
下載附件
下載附件
從上面能夠看到。CSS文件已經被全然合並為一個,而JS,則除了應用相關的一個之外,也所有被壓縮為1個。實際使用體驗。採用Tiny框架的載入效率及總體使用流暢度比原生的要好不少。
5.實際試用 再多的圖也沒有實際體驗來得更有切身感受,喜歡的請猛點以下的鏈接
http://www.tinygroup.org/tinyadmin/[url=http://my.oschina.net/tinyframework/admin/%E2%80%8Bhttp://www.tinygroup.org/tinyadmin/%E2%80%8B][/url]
也能夠訪問 www.tinygroup.org獲取很多其它內容。
TinyAdmin前端展現框架