UI框架選型

2021-09-01 13:51:12 字數 1313 閱讀 6837

最近公司的乙個新專案要進行ui框架的選型,我把選型的思路和過程跟大家分享一下。

在選型之前,我們先要定一下選型的標準,就像人生一樣,想清楚「自己要的是什麼」是最重要的。

選型的標準分為幾部分:

業務是根本,和大部分的技術一樣,框架沒有好壞之分,只有適合與不適合。

我們專案是乙個通訊類的監控專案,使用者群是移動、電信等運營商的運維人員,系統的特點是:

業務邏輯複雜、**較多、圖表較多、使用者許可權體系複雜。。。。。

此外,雖然是運維類專案,客戶(包括我公司領導)對介面美觀的要求越來越高。

選用的ui框架應該有活躍的使用者群(社群)。

使用框架應該能提高開發效率。

選用的框架應該符合專案團隊的技術情況。

對比現有的web ui框架,可以簡單把他們分為兩類:企業型、網際網路型。

企業型

企業型指的是類似extjs的框架,這型別框架的特點是功能強大、ui風格比較接近非web的系統。

網際網路型

網際網路型指的是類似twitter bootstrap這樣的適合用於網際網路開發的框架,這型別框架的特點是ui美觀、自由度較大。

compass + blueprint:

blueprint

和compass

,是乙個分工很明確的組合,前者負責樣式渲染,後者則是基礎框架和模組,可以說,在bootstrap誕生之前,是web開發首選的**組合。

twitter bootstrap:

bootstrap是twitter開源的乙個css框架。關於bootstrap的優點、缺點,我後面再用另外的文章描述。

alice(css) +  kissy(ui):

alice和kissy是阿里系開源的css框架和ui框架,使用者基本都在國內。值得一提的是他們寫的文件,可以認真參考一下,應用在一些內部的框架中。

考慮到使用者對介面美觀要求較高,因此放棄掉企業型的框架

考慮到國內國外的使用者群,與文件的完備程度,放棄掉compass + blueprint

考慮到alice和kissy的使用者群還不夠大,因此,最終我們選用的是bootstrap。在ui方面可以會使用jquery ui bootstrap。

vue2 x移動端ui框架選型

最近公司準備做移動端spa專案,需要選乙個ui框架。優先考慮谷歌material design設計風格。針對市面上的框架進行了一次調研,簡單總結如下。選型原則 1.優先考慮md風格。2.github的star數量5k以上。3.高可靠性,以及持續維護。muse ui star 7k。個人維護。移動端和...

Scala框架選型

我所知道的scala持久層框架有 1 slick typesafe出品 2 squeryl 3 anorm play的持久層 4 scalaactiverecord 基於squeryl之上 5 circumflex orm 6 activate framework 不只是scala版的hiberna...

通訊框架選型

最近想選擇乙個通訊框架,net體系裡,大概在網上找到dotnetty,akka.net和國產的supersocket。最先看了supersocket,基本接受他的api設計。但最後評估了一下開源生態,supersocket更新的好像比較緩慢,重要的是還不支援.net core,最後還是放棄了。另外看...