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

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

2012-11-26  编辑 wangguo 评论(65条) 有53879人浏览
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 条
35 楼 calif 2012-11-27 12:32
从8月份开始关注OM-UI，并在10月份应用到项目中。OM-UI确实适合国内企业应用场景，开发效率挺高的。希望放到GitHub，使组件更加完善。
34 楼 zsuczw 2012-11-27 12:18
在使用过程中，感觉OM UI一个很大的特色是，组件设计的时候考虑国情，虽然没有jquery ui强大，但是做国内的项目开发效率大大提高。

至于其它不完善的地方，需要大家共同贡献。只拍砖，不和泥，只用不贡献，都不利于项目的长远发展。国外的UI库那么出色，一个很大的原因在于有庞大的社区贡献。
33 楼 bbf_sx 2012-11-27 12:09
和zk差不多
32 楼 osacar 2012-11-27 10:17
lirger我也用过，不知道om比它好不。dhtmlx免费的版本有太多功能限制，不爽
31 楼 xieyuan1988 2012-11-27 09:38
API写的不细心，API里属性的名字都写错了。用了半天没反映，看代码才知道，描述也有问题。
30 楼 lumi 2012-11-27 09:31
我用过很多控件库，比如dhtmlx，extjs，adobe spry等。
没有一个控件库能满足所有的需求！
粗粗看了一下OperaMasks–UI示例，tab标签居左、右、下就不行。
我一般都综合运用各种控件库，目前主要用dhtmlx，轻量、易学易用……
国产开源加油哦！！！
29 楼 b_lee 2012-11-27 09:29

我也建议放到github上
28 楼 chenmouren 2012-11-27 09:27
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好多了。
27 楼 chenmouren 2012-11-27 09:26
用过，挺方便的。生成的dom结构比较简洁。源码结构也很清晰，值得学习一下。 
26 楼 youjianbo_han_87 2012-11-27 09:23
在FF16下面测试你们grid列排序功能，当排序列是中文的时候，一页20条记录，其他UI库都是秒排的，你们至少要3，4秒。还需要很大的改进啊。
25 楼 gandilong 2012-11-27 09:09
我希望OM能变能更好。
但现在 我得说它还不够好。
外观，只能说还可以。
性能，结构，不敢说。
继承jquery还不如继承prototype好。
24 楼 kidneyball 2012-11-27 03:29
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来改，不会影响你们的核心代码。对于质量较高的贡献，你们合并也方便。
23 楼 haiyupeter 2012-11-26 21:37
kidneyball 写道
之前用OperamasksUI配合Playframework和RoR给公司做了两个内部工具，蛮顺手的。代码也颇清晰，早期版本有些小bug直接就动手改了。建议尽快放到GitHub上方便社区贡献。

现在有放到code.google.com上面，http://code.google.com/p/operamasks-ui/
22 楼 pqtzw 2012-11-26 19:40
呵呵，有点垃圾了吧！
21 楼 kidneyball 2012-11-26 19:28
之前用OperamasksUI配合Playframework和RoR给公司做了两个内部工具，蛮顺手的。代码也颇清晰，早期版本有些小bug直接就动手改了。建议尽快放到GitHub上方便社区贡献。
20 楼 lihao312 2012-11-26 19:08
和extjs 还是有点差距的
19 楼 yq5858588 2012-11-26 17:14
支持下，国产的一定要支持，就是希望皮肤再做的完美点
18 楼 tigerlchen 2012-11-26 17:08
作为一个用过这个框架去做项目的人，我只想说，用了它时候，开发效率很高，项目稳定也也不弱。值得推荐。
17 楼 huihuilou 2012-11-26 17:05
不错，不错，继续努力！从beta版到正式版一直使用者如是说。
16 楼 nihongye 2012-11-26 16:49
这个，用过，的确可堪一用；兼有jquery泼辣的底子，EXT古典的风格，可戏之
15 楼 xingqinstar 2012-11-26 16:46
有了一个好的开始，希望坚持、努力，做的更好
14 楼 jerry 2012-11-26 16:34
EXTJS最大的问题是更新慢，现在牛吹大了，说Extjs4比3快多少倍，实际呢？
对于小公司Extjs的license真的不是太重要，重要的是更新慢，Bug多。
13 楼 hlylove 2012-11-26 16:21
开源协议是硬伤，想改代码都不行，不好用在商业项目。
12 楼 jcore 2012-11-26 16:20
继续努力。加油
11 楼 cound123andy 2012-11-26 16:05
uvseastsun 写道
peter潘 写道
it迷途小羔羊路过！这玩意儿真的是开源的吗？真的是免费的啊？

看来还不错啊，国内有团队能在这方面做开源，而且有这个水平，值得赞一个

楼主看来是性情中人啊！这个还真挺好的，至少是开源的，不会像ext那样子恶心地收费
10 楼 fulong_li 2012-11-26 16:04
9 楼 uvseastsun 2012-11-26 16:03
peter潘 写道
it迷途小羔羊路过！这玩意儿真的是开源的吗？真的是免费的啊？

看来还不错啊，国内有团队能在这方面做开源，而且有这个水平，值得赞一个
8 楼 cound123andy 2012-11-26 16:01
peter潘 写道
it迷途小羔羊路过！这玩意儿真的是开源的吗？真的是免费的啊？

明显是开源的啊！
7 楼 mfkvfn 2012-11-26 16:00
最近正在拿OperaMasks UI做一个在线可视化Web页面设计器的东西，类似于Ext Designer。
6 楼 peter潘 2012-11-26 15:57
it迷途小羔羊路过！这玩意儿真的是开源的吗？真的是免费的啊？

发表评论

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

相关推荐

Global site tag (gtag.js) - Google Analytics