extjs
框架是非常全面和成熟的，這是因為它發展的年頭久遠，並且有全世界的
extjs
愛好者為其出謀獻策，它的元件庫尤其是
datagrid
元件無人能出其右。我在最初也考慮過使用
extjs
來做專案，學習了一段時間後最終還是選擇放棄。放棄的理由有如下幾點：（1
）風格樣式單一。這是最讓我受不了的。乙個讓使用者滿意的系統並不是單純元件的堆砌，使用者對系統的評價除了能夠完成相應的功能外，還涉及到介面是否美觀、導航是否合理等等。尤其是介面美觀方面，在這個使用者體驗全面來臨的時代，乙個賞心悅目的系統尤為重要。而是用
extjs
構建的系統介面都是千篇一律的，無論是藍色風格、灰色風格還是其他的第三方風格，看起來都是那麼的單調。例如下圖： （
2）extjs
定位為底層
js框架，提供的都是基礎的元件，並沒有提供網頁常用的布局模板，所有的頁面都需要通過
js指令碼動態生成布局與元件，這導致系統開發效率很低，尤其是對於新手。我曾經使用
ext製作乙個普通的表單頁面，結果花費了我近乙個小時的時間（也有可能是我水平不夠，呵呵）。不過據說
3.0版本提供了視覺化工具好了很多。（3
）extjs
資料傳輸機制主要採用了
ajax+json
模式，從長遠角度看，這種做法是合理的。但不幸的是，我所在的開發團隊還是習慣於傳統的同步通訊方式。因為歷經多年的專案積累，我們早已有了一套成熟的
ssh框架，我們所有專案的後台程式都是用這套東西。如果採用
extjs
，那麼意味著需要生成
json
資料以ajax
方式傳遞，無疑會增加大量的工作量。（4
）元件很難分離。如果我想在專案中使用一兩個
ext的元件，例如
window
或者combox
元件，那麼我也需要將整套
ext框架機制全部引入，感覺太大材小用了，而且會影響整體效能。
另外我也嘗試過其他的
js框架，發現它們的思路都與
extjs
相似，也同樣無法滿足我的需要。於是我決心自己開發一套網頁框架，由此建立了
qui框架。要說明的有以下幾點： （
1）首先我將其定位為整合框架，它並不是乙個單純的
js庫，而是一套完整的企業級應用解決方案。包含了十多種導航結構的主頁，能夠滿足絕大部分專案的整體布局需要。內容頁面也提供了很多態別的模板，例如表單模板、資料列表模板等等。這樣做的目的是為了大幅度地提高系統開發效率，不需要自己去建立，直接拿過來做簡單的修改就可以用了。（2
）qui
框架最大的亮點不在於它擁有眾多實用的元件和特效，而在於它擁有獨特的**機制，可以很方便地為其定製**。我事先已經為每種結構都做了
8-10
套**，以後新**還會不斷增加的。效果如下：
登入頁面**效果： （
3）qui框架另乙個讓我得意的特點是使用的方式非常簡單。在整個框架的開發過程中我就始終在思考如何簡化使用步驟。它與
extjs
動態建立
html
元素的機制完全不同，是對現有的
html
進行渲染。例如如果想要建立乙個提示資訊，只要在元素上寫
title=」***」
就可以了，效果如下：
而如果想要建立乙個表單，與傳統寫
html
標籤的方式沒有任何區別
，框架自動會把表單元素渲染成漂亮的、功能強大的頁面。想要增加功能只要在標籤上新增屬性就可以了，例如為文字框標籤增加乙個
watermark=」***」
的屬性，那麼文字框就具有了水印效果，如下：
乙個被渲染後的表單整體效果如下：
當然，很多人已經習慣了
extjs
的開發方式，反而會覺得
ext的開發方式效率更高一些，我也沒意見，所謂蘿蔔青菜各有所愛。（4
）qui
框架只是對前台元素進行渲染，不會改變原有的後台機制。另外還提供了分離版本，這樣如果只想使用裡面的一兩種元件或特效也不必將整套框架機制全部引入。前面提到的那兩個問題也解決了。
前端UI框架
10 後台ui開發框架 museui 一款基於bootstrap風格，相容於主流瀏覽器 包括ie6 的後端ui開發元件。官方 以下是常用前端ui框架快速開發web專案 1.dwz 國產的jquery ui富客戶端框架 2.jquery lingerui 國產前端框架 3.jquery easyui ...
UI框架選型
最近公司的乙個新專案要進行ui框架的選型，我把選型的思路和過程跟大家分享一下。在選型之前，我們先要定一下選型的標準，就像人生一樣，想清楚 自己要的是什麼 是最重要的。選型的標準分為幾部分 業務是根本，和大部分的技術一樣，框架沒有好壞之分，只有適合與不適合。我們專案是乙個通訊類的監控專案，使用者群是移...
前端UI框架 Bootstrap 框架
設計前端頁面或者元件的時候，原生的html元件，比較難看，自己設計那些css樣式，非常麻煩，工作量很大，還不一定會。但是其實，網上有很多開源的元件庫，拿來使用就可以了，例如 bootstrap，easyui，layui，miniui。需要的時候，網上可以找到一大堆這種ui框架。直接使用這種現成的輪子...