首页 > 代码库 > 前端UI框架技术选型
前端UI框架技术选型
需求
为了重构应用开发平台的前端，对目前的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