需求
为了重构应用开发平台的前端,对目前的UI框架技术进行调研,有以下的标准:
1 要有丰富的控件以便支持大多数的mis系统的需求,如tree/table等
2 轻量不复杂,学习成本少
3 有统一的界面风格与调用接口
4 方便扩展
5 文档丰富
6 社区活跃
UI框架调研
复杂度 |
开发模式 |
开源 |
收费 |
组件 |
稳定性 |
扩展性 |
性能 |
兼容性问题 |
调试 |
学习成本 |
可读性 |
文档 |
社区 |
|
extjs |
高/重量 |
桌面应用/js |
Y |
Y |
很丰富 |
高 |
好/复杂 |
慢 |
一点 |
难 |
高 |
差 |
丰富 |
活跃 |
easyui |
轻量 |
声明式UI/js |
N |
Y |
较丰富 |
一般 |
-- |
某些控件慢tree |
少量 |
-- |
低 |
-- |
丰富 |
活跃 |
miniui |
轻量 |
声明式UI/js |
N |
贵 |
较丰富 |
? |
-- |
某些控件慢 |
少量 |
-- |
低 |
-- |
一般 |
不活跃 |
ligerui |
轻量 |
桌面性应用/js |
Y |
N |
较丰富 |
慢(个人维护) |
一般 |
? |
? |
好 |
低 |
好 |
少 |
不活跃 |
dwz |
轻量 |
传统/Html+js |
Y |
N |
一般 |
不更新 |
一般 |
? |
? |
好 |
低 |
好 |
少 |
不活跃 |
Jquery-ui |
轻量 |
桌面型应用/js |
Y |
N |
少 |
一般 |
好 |
好 |
好 |
好 |
低 |
好 |
丰富 |
活跃 |
OperaMasks-UI |
轻量 |
桌面性应用/js |
Y |
N |
一般 |
好 |
好 |
? |
? |
好 |
低 |
好 |
丰富 |
活跃 |
总结
1 ext.js
Ext.js开源收费,倾向于js渲染,控件丰富,但是代码过于庞大与复杂,学习成本比较高,难于维护,如果团队缺乏好的前端工程师,则不要考虑这个
2 jquery ui
Jquery ui开源,倾向于js渲染,控件缺乏,杂乱,没有统一的调用方式,轻量,有基于bootstrap风格的实现,比较适用于互联网应用
3 mini ui
不开源,收费,贵,没有源码,各种限制
4 dwz
开源,倾向于静态页面渲染,缺乏文档,为维护增加困难,目前已不更新
5 Liger UI
开源,倾向于js渲染,文档比较少,目前是作者一个人在更新,用的人少
6 easy ui
不开源,收费,基于html的声明来渲染,控件丰富,文档丰富,社区活跃,可以长期试用,但是控件扩展很难
7 OperaMasks-UI
开源,倾向于js渲染,是由金蝶的专业团队维护,组件一般丰富,但是开发力量强大,社区活跃
综合考虑选择OperaMasks-UI
前端UI框架技术选型
时间: 2024-12-29 10:23:03