需求
为了重构应用开发平台的前端,对目前的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
原文地址:http://shige.blog.51cto.com/4544994/1411147