前端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