最近无意间看到了APDPlat(是Application Product Development Platform的缩写,意为应用级产品开发平台)
了解了APDPlat用到的开源框架,自己做个总结:(以下内容摘自官网或相关技术贴,由于出处太多无法一一引用,如有侵权,敬请见谅。)
Web前端:Ext js,JQuery UI,JQuery Mini UI,JQuery EasyUI,DWZ,YUI
轻重比较,说ExtJS比较大,jquery较小,那只是浅显的理解。首先ExtJS是一个完整的Framework,是重量级别的,easy ui 是基于jquery库的一套UI组件库,是轻量级的,ExtJS是应用application级的,而jquery是page页面级的。当然application也是由page组成的,那就需要你自己去完成了,考虑你的需求,和使用框架的初衷,选择使用哪一种。同时ExtJs由于是重量级框架,完全面向对象风格,提供API非常完备也非常庞大,所以学习成本也想相对较大。
兼容性ExtJS兼容IE全系列浏览器和其他非IE现代浏览器,jquery UI向来不太考虑ie低版本浏览器的兼容。easy UI是基于jquery的,jquery2.X以上的版本不再支持IE6、7、8,,已郑重声明,请看官方网站,easyUI最新版本1.3.3使用jQuery2.0,由于又很多HTML5特性,不再支持IE6\7\8,低版本由一些小部分的兼容不够好,请自己做技术选型的时候去测试,你要使用那个版本。在兼容问题上,他们都有瑕疵,看你的接收程度。
使用许可license. EXTJS 2.1以上版本,商用需要购买商业授权,jquery UI 使用MIT协议,开源。 jquery easyUI如果商用需遵循license commercial商业许可,也就是要购买使用权.
Ext JS
官网http://extjs.org.cn/
ExtJS是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员Jack Slocum开发,通过参考Java Swing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。
JQuery UI
官网:http://jqueryui.com/
jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件
jQuery UI 与 jquery 的主要区别是:
(1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。
(2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。
简单易用:继承 jQuery 简易使用特性,提供高度抽象接口,短期改善网站易用性。
开源免费:采用 MIT & GPL 双协议授权,轻松满足自由产品至企业产品各种授权需求。
广泛兼容:兼容各主流桌面浏览器。包括IE 6+、Firefox 2+、Safari 3+、Opera 9+、Chrome 1+。
轻便快捷:组件间相对独立,可按需加载,避免浪费带宽拖慢网页打开速度。
标准先进:支持 WAI-ARIA,通过标准 XHTML 代码提供渐进增强,保证低端环境可访问性。
美观多变:提供近 20 种预设主题,并可自定义多达 60 项可配置样式规则,提供 24 种背景纹理选择。
开放公开:从结构规划到代码编写,全程开放,文档、代码、讨论,人人均可参与。
强力支持:Google 为发布代码提供 CDN 内容分发网络支持。
完整汉化:开发包内置包含中文在内的 40 多种语言包。
缺点、不足
-
1.代码不够健壮:缺乏全面的测试用例,部分组件 Bugs 较多,不能达到企业级产品开发要求。
-
2.构架规划不足:组件间 API 缺乏协调,缺乏配合使用帮助。
-
3.控件较少:相对于 Dojo、YUI、Ext JS 等成熟产品,可用控件较少,无法满足复杂界面功能要求。
JQuery EasyUI
官网:http://www.jeasyui.net/
jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。
jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。
jQuery EasyUI有以下特点:
2、为一些当前用于交互的js应用提供必要的功能
3、EasyUI支持两种渲染方式分别为javascript方式(如:$('#p').panel({...}))和html标记方式(如:class="easyui-panel")
4、支持HTML5(通过data-options属性)
5、开发产品时可节省时间和资源
6、简单,但很强大
7、支持扩展,可根据自己的需求扩展控件
8、目前各项不足正以版本递增的方式不断完善
easyui是一种基于jQuery的用户界面插件集合。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
JQuery Mini UI
官网:http://www.miniui.com/ 以下内容摘自官网:
技术亮点:
- 快速开发:使用Html配置界面,减少80%界面代码量。
- 易学易用:简单的API设计,可以独立、组合使用控件。
- 性能优化:内置数据懒加载、低内存开销、快速界面布局等机制。
- 丰富控件:包含表格、树、数据验证、布局导航等超过50个控件。
- 超强表格:提供锁定列、多表头、分页排序、行过滤、数据汇总、单元格编辑、详细行、Excel导出等功能。
- 第三方兼容:与ExtJS、jQuery、YUI、Dojo等任意第三方控件无缝集成。
- 浏览器兼容:支持IE6+、FireFox、Chrome等。
- 跨平台支持:支持Java、.NET、PHP等。
jQuery MiniUI提供如下几个大类的控件:
- 表格控件
- 树形控件
- 布局控件:标题面板、弹出面板、折叠分割器、布局器、表单布局器等
- 导航控件:分页导航器、导航菜单、选项卡、菜单、工具栏等。
- 表单控件:多选输入框、弹出选择框、文本输入框、数字输入框、日期选择框、下拉选择框、下拉树形选择框、下拉表格选择框、文件上传控件、多选框、列表框、多选框组、单选框组、按钮等
- 富文本编辑器
- 图表控件:柱状图、饼图、线形图、双轴图等。
DWZ
网址:http://j-ui.com/
DWZ富客户端框架(jQuery RIA framework),是中国人自己开发的基于jQuery实现的Ajax RIA开源框架。 DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级。
YUI
官网:http://yuilibrary.com/
Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。