阅读更多
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