精华频道 → 开源软件
阅读更多

开源软件
名家访谈 前端 UI 库 OperaMasks–UI 开发团队专访  

2012-11-26  编辑 wangguo 评论(65条) 有53877人浏览
OperaMasks–UI OperaMasks jQuery JavaScript UI

声明：ITeye精华文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

OperaMasks-UI是一款基于jQuery并提供丰富组件的前端UI库，拥有丰富的业务组件、强大的扩展能力、高度的可靠性，满足大部分业务场景需求，带给你便捷的前端开发新体验。

官网地址：http://ui.operamasks.org/
在线演示：http://ui.operamasks.org/website/demos.html

本期我们采访了OperaMasks-UI的开发团队，请他们详细介绍一下这个优秀的前端UI库。

ITeye期待并致力于为国内优秀的开源项目提供一个免费的推广平台，如果你和你的团队希望将自己的开源项目介绍给更多的开发者，或者你希望我们对哪些开源项目进行专访，请告诉我们，发站内短信给ITeye管理员或者发邮件到webmaster@iteye.com即可。

OperaMasks-UI是什么？该项目的由来？ Top

OperaMasks-UI是一款轻量级的、基于jQuery并提供丰富组件的前端UI库，遵循LGPL开源协议，对商业使用友好。

OperaMasks团队曾在2008年发布一款基于JSF的开源WEB框架OperaMasks SDK，4年多的社区开放之路，一直受限ExtJS的License授权（OperaMasks SDK为LGPL开放协议），自有维护的ExtJS成本非常高昂且随时可能的License风险一直让OperaMasks团队发展的如履薄冰。鉴于此，OperaMasks团队2011年决定自主开发一套全新的JS前端组件库并命名为OperaMasks-UI，并持续贡献给开源社区（http://ui.operamasks.org）。

我们的定位是借鉴社区内成熟的前端框架，打造一款轻量级前端JS组件库，希望能够面向企业提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端JavaScript UI组件库。

OperaMasks-UI包含了哪些组件？ Top

最新的OperaMasks-UIV2.0版本已经包含各类共26种组件，包含表单，布局，窗口等多个方面，分别为：

1.  表单类8种组件：

  • omCalendar：日历控件
  • omCombo：下拉框控件
  • omNumberfiled：数字输入框控件
  • omSuggestion：Ajax提示控件
  • omValidate：表单校验控件
  • omAjaxsubmit： Ajax表单提交
  • omFileupload：文件上传控件
  • omItemSelector：项目选择器
2.  控件类8种组件：

  • OmGrid：表格控件
  • omTree：树控件
  • omButton：按钮控件
  • omButtonbar：工具条控件
  • omSlider：滑动器控件
  • omMenu：菜单控件
  • omProgressbar：进度条控件
  • omTooltip：提示控件
3.  窗口类3种组件：

  • omMessagebox：提示信息弹出框控件
  • omDialog：对话框控件
  • omMessagetip：右下角弹出提示窗口控件
4.  布局类4种组件：

  • omTabs：页签布局控件
  • omAccordion：抽屉布局控件
  • omBorderLayout：边界布局控件
  • omPanel：面板布局控件
5.  功能类3种组件：

  • omDraggable：可拖拽控件
  • omDroppable：可拖拽控件
  • omScrollbar：自定义滚动条控件
同时还提供了总计169种的业务场景示例（http://ui.operamasks.org/website/demos.html），充分的展示组件的使用用法。

相比其他前端UI库（如jQuery UI、ExtJS等），OperaMasks-UI有哪些特点？ Top

相比ExtJS，OperaMasks-UI具备如下特点：

  • 完全的开源免费，并对商业授权友好。
  • 学习曲线较低，本地化支持。
  • 组件体系是按照现有国内企业业务场景定义和优化，更加轻量级。
相比jQuery-UI，OperaMasks-UI具备如下特点：

  • 提供的组件和功能更加丰富，更加面向国内的企业化应用需求。
  • 本地化支持更加友好。
  • 组件经过优化，性能更加优秀。
  • 丰富的单元测试，全面采用Qunit测试，所有组件均有详实的单元和场景测试案例，确保组件的质量。

OperaMasks-UI的性能如何，浏览器兼容性如何？ Top

OperaMasks-UI 目前支持IE7/8/9系列、Firefox、Chrome等，覆盖主流浏览器。

OperaMasks-UI目前在组件框架的性能测试对比中一直保持着较高的性能数据，相对各主流前端框架而言，OperaMasks-UI的整体性能（不考虑组件功能差异性）呈现如下：

Extjs < jQuery Easy UI < ligerUI < OperaMasks-UI <jQuery UI

部分组件的测试数据结果可参考ITeye中的内容（http://www.iteye.com/topic/1121953）

是否支持移动Web前端开发？ Top

截止目前，OperaMasks-UI仍旧定位为一款面向企业的开源前端组件库，暂时还不支持移动WEB前端的开发，但目前OperaMasks团队正在就Mobile开发领域进行调研，并已经着手开始准备一款OperaMasks-Mobile的产品，敬请期待。

是否支持自定义主题或组件样式？ Top

OperaMasks-UI继承了jQuery的良好皮肤和样式机制，能充分满足用户自定义主题和样式的需求，但需要您拥有一位优秀的UED。O(∩_∩)O

OperaMasks-UI内置了两套皮肤，同时在未来的产品发展中，我们还将不断的贡献更多，更优秀的主题皮肤样式。

OperaMasks-UI采用的开源协议，商用有何限制？ Top

秉承OperaMasks SDK产品的开源策略，OperaMasks-UI仍旧采用的开源协议为LGPL，这是一种对商业非常友好的协议。其可以被商业软件作为类库引用并发布和销售使用。

有没有统计过OperaMaks-UI目前的使用情况？ Top

目前OperaMasks-UI的客户群主要分为两大部分，一大部分为一直采用OperaMasks产品作为Web开发方案的企业客户，一大部分为开源社区中的用户。

其中企业客户截止目前已经超过160家，他们均使用其作为其企业应用前端开发框架。而开源社区中的用户，目前OperaMasks-UI的产品累计下载量已经超过7万次，据不完全统计的使用用户超过2300位。

介绍一下开发团队成员？ Top

OperaMasks-UI的开发团队由原班OperaMasks SDK开发团队组成，这些开发人员均具有多年的丰富开发经验。核心成员包括：

罗帆：现任职金蝶中间件平台部经理，有着多年的平台架构和团队管理经验。



李聪平：现任职金蝶中间件项目经理，有着丰富的前端开发经验，是团队中当之无愧的前端王者！



周发志：现任职金蝶中间件架构师，有着丰富的web开发和架构经验，善于解决各种疑难杂症，这就是社区著名的“M版”。



林晓民：现任职金蝶中间件架构师，对JavaScript/HTML5和Web技术有深入的研究，目前专注于移动开发。



陈天真：现任职金蝶中间件前端工程师，擅长前端和移动开发，目前专注于移动方向探索。



王璠：现任职金蝶中间件前端工程师，omTree作者，有着丰富的项目经验。目前专注于移动互联。



陈海宇：现任职腾讯前端工程师，擅长前端开发，对JavaScript/HTML5有独特的见解。



张旭：现任职阿里核心架构师，对系统架构有非常丰富的经验，擅长海量数据，分布式系统架构和优化，外号“天才”。

其他开发者如何参与贡献？ Top

目前OperaMasks-UI产品主要的贡献者还是OperaMasks-UI产品团队及企业合作伙伴，针对其他开源贡献者，我们持有社区认证的原则，当开发者在社区内做出贡献时，我们会主动评估并主动联系开发者，邀请其成为我们的贡献者之一。

同时我们团队也正在考虑未来采用GitHub这样的平台，获得更多的社会化协作支持，吸引更多优化的前端开发人员关注OperaMasks-UI项目。

OperaMasks-UI未来的发展计划？ Top

目前OperaMasks-UI团队正在持续的投入产品研发中，目前已经针对企业客户推出了OperaMasks-Chart产品（因受限第三方License，只提供给企业用户开放），近期，我们已经启动OperaMasks-Mobile产品的整体规划，希望能在移动开发领域提供更多的框架方案，也希望在未来，更多的开发者，贡献者都能关注到OperaMasks-UI，关注OperaMasks团队，这个专注在开源领域，坚持前行4年多的产品团队。
  • 大小: 52.7 KB
  • 大小: 46.1 KB
  • 大小: 55.3 KB
  • 大小: 73.9 KB
  • 大小: 36.8 KB
  • 大小: 49 KB
  • 大小: 43.4 KB
  • 大小: 38.8 KB


评论 共 65 条
65 楼 b_lee 2013-01-14 16:43
hellostory 写道
hua758209 写道
免费啥啊， 一个月试用期，然后就提示过期了

( ⊙ o ⊙ )啊！ 不是开源吗？ 无图无真相！

用了stdio开发的吧?stdio默认用了apusic服务器,配置个tomcat服务器就可以了.
64 楼 hellostory 2013-01-14 16:21
hua758209 写道
免费啥啊， 一个月试用期，然后就提示过期了

( ⊙ o ⊙ )啊！ 不是开源吗？ 无图无真相！
63 楼 hua758209 2013-01-14 15:49
免费啥啊， 一个月试用期，然后就提示过期了
62 楼 plusoft 2013-01-12 10:45
有一个国外公司，做了4个产品版本，每个版本架构都很不同：ext1,ext2,ext3,ext4...
有一个国内公司，花了4年时间，做了三代ui产品：edojs, plusform, miniui...
没有这样的坚持和积累，没有这样决心和觉悟，没有写过几十万行js代码，处理好几千上万的功能细节，就不能商业化。

61 楼 web322_szb 2012-12-28 14:17
虽然有些小问题，但总体上还可以，API也挺容易使用的，扩展也方便。
60 楼 fukai 2012-12-21 14:36
hellostory 写道
fukai 写道
仔细体验了OM框架一番，提几点自己的看法。
优点：
1、最大的优点就是免费开源，但是否是一直免费？希望不要把用户当做小白鼠，像EXTJS那样，当产品稳定后并且有了名气后就开始收费了
2、组件类型丰富全面；
3、例子做得比较详细，每一种组件都做了很多种应用场景；
4、性能还不错；
缺点：
1、仅仅是一套组件库，没有完整的应用示例或者主页的模板
2、风格样式比较单一，看来团队里缺少设计师
3、在众多的前端框架中没看到亮点
4、就我个人而言，倡导以标签的方式创建组件，而不是通过JS代码控制组件和页面布局
我开发的QUI框架就是采用标签的机制，而且现在越来越多的框架都是采用标签机制
关于这一点，可以参看我的这个帖子了解：http://www.iteye.com/topic/1128322


QUI光是收费一项就可以扫遍天下无敌手！

正常来讲，如果一个产品、一个公司对用户说不收费，其实都是骗人的。
比如extjs1.0的时候是彻底开源免费，到2.2、3.0、4.0时候，就开始收费。
基于国情的不同，国内其实没有真正意义上靠开源而健康、长足发展的技术公司和项目。一个公司没有稳定的收入渠道，肯定不会生存下去。

所以我猜想，国内很多UI框架，当他们的产品达到一个成熟、稳定的高度，就会商业化运作（泛指，没有针对OM框架的意思）

另外，我经常看到有人抱怨国内某些框架更新慢，半年或一年多才有一次更新。其实很好理解，因为他们没有经费和动力去完善自己的产品。
59 楼 jzzwy 2012-12-21 13:27
hellostory 写道
fukai 写道
仔细体验了OM框架一番，提几点自己的看法。
优点：
1、最大的优点就是免费开源，但是否是一直免费？希望不要把用户当做小白鼠，像EXTJS那样，当产品稳定后并且有了名气后就开始收费了
2、组件类型丰富全面；
3、例子做得比较详细，每一种组件都做了很多种应用场景；
4、性能还不错；
缺点：
1、仅仅是一套组件库，没有完整的应用示例或者主页的模板
2、风格样式比较单一，看来团队里缺少设计师
3、在众多的前端框架中没看到亮点
4、就我个人而言，倡导以标签的方式创建组件，而不是通过JS代码控制组件和页面布局
我开发的QUI框架就是采用标签的机制，而且现在越来越多的框架都是采用标签机制
关于这一点，可以参看我的这个帖子了解：http://www.iteye.com/topic/1128322


QUI光是收费一项就可以扫遍天下无敌手！

赞
58 楼 hellostory 2012-12-21 13:22
fukai 写道
仔细体验了OM框架一番，提几点自己的看法。
优点：
1、最大的优点就是免费开源，但是否是一直免费？希望不要把用户当做小白鼠，像EXTJS那样，当产品稳定后并且有了名气后就开始收费了
2、组件类型丰富全面；
3、例子做得比较详细，每一种组件都做了很多种应用场景；
4、性能还不错；
缺点：
1、仅仅是一套组件库，没有完整的应用示例或者主页的模板
2、风格样式比较单一，看来团队里缺少设计师
3、在众多的前端框架中没看到亮点
4、就我个人而言，倡导以标签的方式创建组件，而不是通过JS代码控制组件和页面布局
我开发的QUI框架就是采用标签的机制，而且现在越来越多的框架都是采用标签机制
关于这一点，可以参看我的这个帖子了解：http://www.iteye.com/topic/1128322


QUI光是收费一项就可以扫遍天下无敌手！
57 楼 fukai 2012-12-21 09:30
仔细体验了OM框架一番，提几点自己的看法。
优点：
1、最大的优点就是免费开源，但是否是一直免费？希望不要把用户当做小白鼠，像EXTJS那样，当产品稳定后并且有了名气后就开始收费了
2、组件类型丰富全面；
3、例子做得比较详细，每一种组件都做了很多种应用场景；
4、性能还不错；
缺点：
1、仅仅是一套组件库，没有完整的应用示例或者主页的模板
2、风格样式比较单一，看来团队里缺少设计师
3、在众多的前端框架中没看到亮点
4、就我个人而言，倡导以标签的方式创建组件，而不是通过JS代码控制组件和页面布局
我开发的QUI框架就是采用标签的机制，而且现在越来越多的框架都是采用标签机制
关于这一点，可以参看我的这个帖子了解：http://www.iteye.com/topic/1128322
56 楼 ldg_2 2012-12-19 21:12
嗯，看着罗列的功能如何强大，牛人如何的多。
但是不要忘了，ui最根本在于是表现层的东西，是给人看的，再如何强大，样子丑陋，也会倒胃口。
55 楼 haiyupeter 2012-12-18 22:19
penggle 写道
这个UI有点丑

使用默认的皮肤
54 楼 penggle 2012-12-18 19:39
这个UI有点丑
53 楼 paladin1988 2012-12-17 00:05
架构师很多，写东西的人很少，哎。。。
52 楼 nannan408 2012-12-13 17:45
我所有见过最差的ui就是operamasks了
51 楼 leen_wang 2012-12-10 10:58
好样滴，继续加油啊！
50 楼 wowtianwen 2012-12-06 21:12
你们这个网站是架设在火星的吗，速度也太慢了，
49 楼 mfkvfn 2012-12-05 09:49
holyselina 写道
感觉是把jquery ui的框架代码搬过来加以修改而成的框架

要取人精华弃人糟粕。
别人好的东西又免费干嘛不直接用。不要为了不同而不同。
48 楼 holyselina 2012-12-03 09:08
感觉是把jquery ui的框架代码搬过来加以修改而成的框架
47 楼 GavinHwa 2012-12-02 21:07
牛人列的倒不少，但是就目前来说效果一般，不管从那个角度来看待这个产品，目前可以很容易替换这个产品的相对很多...
而且组件化的功能性Ext JS已经做到非常好了，当然你完全可以说Ext JS太臃肿等等等...
46 楼 夜神月 2012-12-02 10:52
不管怎么样，国产的先顶一个
45 楼 flqljh 2012-12-01 10:39
chenmouren 写道
kidneyball 写道
haiyupeter 写道
kidneyball 写道
之前用OperamasksUI配合Playframework和RoR给公司做了两个内部工具，蛮顺手的。代码也颇清晰，早期版本有些小bug直接就动手改了。建议尽快放到GitHub上方便社区贡献。

现在有放到code.google.com上面，http://code.google.com/p/operamasks-ui/


引用

# Non-members may check out a read-only working copy anonymously over HTTP.


如果可能，放到GitHub好点，这样谁想改都可以直接fork来改，不会影响你们的核心代码。对于质量较高的贡献，你们合并也方便。

深表同意。github好多了。

顶！
44 楼 trarck 2012-12-01 10:37
和我3年前做的东西差不多。
43 楼 iOracleSun 2012-11-30 17:04
每个公司都有自己一套啊，呵呵
42 楼 comeon 2012-11-30 10:11
星星之火，可以燎原~
41 楼 iamjxc 2012-11-30 09:10
个人偏好 jquery style, 不喜欢 ExtJS style.
aom 总体感觉与 jquery easyui 接近, 多了富文本编辑. 免费开源, 功能足够好, 我们正在尝试应用.
目前我们项目里有大量定置后的js组件, 但是不成体系. 一直期望有个前端综合解决方案,希望aom快速成长.

目前2.0 不支持 jquery1.8, 因为1.8 remove了 curCss()
40 楼 jzzwy 2012-11-29 16:45
这个是相当的不错哦
39 楼 tom&jerry 2012-11-28 09:52
这个aom啊,是不试不知道,一试真苦恼!
38 楼 hellostory 2012-11-27 20:39
mfkvfn 写道
hellostory 写道
OM-UI确实适合国内企业应用场景 --用过的人能否举例下吗？

可以看下 http://www.ebelter.com/ 这个。


没看到，已经注册了
37 楼 mfkvfn 2012-11-27 13:44
hellostory 写道
OM-UI确实适合国内企业应用场景 --用过的人能否举例下吗？

可以看下 http://www.ebelter.com/ 这个。
36 楼 hellostory 2012-11-27 13:22
OM-UI确实适合国内企业应用场景 --用过的人能否举例下吗？

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics