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前端展現框架