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

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

2012-11-26  编辑 wangguo 评论(65条) 有53625人浏览
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确实适合国内企业应用场景 --用过的人能否举例下吗？

发表评论

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

相关推荐

  • operamasks-ui 帮助文档

    只是我在网上找的 operamasks-ui api 文档 , 希望对你们有帮助

  • operamasks-ui-master.zip

    好用 金蝶 operamasks-ui-2.0.zipoperamasks-ui-2.0.zipoperamasks-ui-2.0.zip

  • Operamasks-UI

    OM-UI是一个基于jQuery的前端组件库。它提供了丰富的组件，包括各种表单组件、布局组件、功能性组件等。它旨在帮助用户快速构建企业应用。它是简单易用的，并配有丰富的文档、示例和详实的开发手册。最重要的一点，...

  • 金蝶operamasks-ui（API）

    1、将operamasks-ui.war部署到符合Servlet 2.5/JSP2.1的所有Web容器或J2EE应用服务器（如：Tomcat） 2、war包部署成功后访问：http://127.0.0.1:8080/operamasks-ui/

  • operamasks_ui

    operamasks-ui提供了丰富的标签，可以解决大部分网页标签问题。

  • operamasks-ui-2.0

    operamasks-ui-2.0 这个帮助文档很难才找到的，感谢CSDN，其中的说明真的是很详细了，维护旧代码用到的这个框架，相比easyui和bootstrap这个框架简单一些，不过用起来还是不错的，除了文档太少，不过有这个就基本...

  • 金蝶UI operamasks-UI 下拉列表 omCombo 获取选中列表项的文本 text 方法

    金蝶UI operamasks-UI 下拉列表 获取选中列表项的文本 text方法 它的实现方式其实是在你定义的存储值的 input 后面紧跟着一个 input 用于显示 选项 option 的 text 值，所以通过以下方法就可以获取到： $("#...

  • operamasks-ui 最新.

    operamasks-ui 最新.完成的，下载下来直接可以点击查看，跟官网一模一样

  • operamasks-ui-2.1-demo

    operamasks-ui-2.1-demo

  • operamasks-ui-2.0.zip

    好用 金蝶 operamasks-ui-2.0.zipoperamasks-ui-2.0.zipoperamasks-ui-2.0.zip

  • operamasks-ui和struts2、springMVC框架整合实践

    springMVC框架开发 博文链接：https://lyg8266.iteye.com/blog/1404821

  • operamasks-ui

    operamasks-ui-1.2.zip

  • operamasks-ui_demo

    operamasks-ui的demo程序，能够直接部署，运行。查看om-ui上优秀的标签。

  • 前端JS组件库 OperaMasks-UI

    OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端JavaScript UI组件库。目前，该团队已将这一产品...

  • OperaMasks-UI-Guide.rar

    OperaMasks-UI-Guide.rar

  • 06_QLibrary.zip

    06_QLibrary.zip

  • 毕业设计: 基于Densenet + CTC技术的文字检测识别的技术研究

    本毕设课题是属于计算机视觉下的目标检测与识别，对象为自然场景下的各种文本信息，通俗的说就是检测识别图片中的文本信息。由于文本的特殊性，本毕设将整个提取信息的过程可以分为检测、识别两个部分。 论文对用到的相关技术概念有一定的介绍分析，如机器学习，深度学习，以及各种的网络模型及其工作原理过程。 检测部分采用水平检测文本线方式进行文本检测，主要参考了乔宇老师团队的 CTPN 方法，并在正文部分从模型的制作到神经网络的设计实现对系统进行了较为详细的分析介绍。 识别部分则采用的是 Densenet + CTC，对于印刷体的文字有较好的识别。

  • 毕业设计 基于javaweb的在线答题平台

    毕业设计 基于javaweb的在线答题平台

  • numpy安装 python get-pip.py

    numpy安装 numpy安装 python get-pip.py

Global site tag (gtag.js) - Google Analytics