您现在的位置:首页 > >

常用的系统界面UI调查

发布时间:

框架调查 调查说明 界面 UI 框架调查说明

1

框架名称 Ext JS
1.1 框架简介
ExtJS 可以用来开发 RIA 也即富客户端的 AJAX 应用, 是一个用 javascript 写的, 主要用于 创建前端用户界面,是一个与后台技术无关的前端 ajax 框架。因此,可以把 ExtJS 用在.Net、 Java、 Php 等各种开发语言开发的应用中。 ExtJs 最开始基于 YUI 技术, 由开发人员 JackSlocum 开发,通过参考 JavaSwing 等机制来组织可视化组件,无论从 UI 界面上 CSS 样式的应用,到 数据解析上的异常处理,都可算是一款不可多得的 JavaScript 客户端技术的精品。

授权协议: GPL 开发语言: JavaScript
1.2 1.3 演示 Demo 地址

http://www.sencha.com/products/extjs/examples/
框架说明 ExtJs 前台数据显示采用的 JSON 形式的数据格式 示例:{

"total":239, "rows":[ {"code":"001","name":"Name 1","addr":"Address 1","col4":"col4 data"}, {"code":"002","name":"Name 2","addr":"Address 2","col4":"col4 data"}] } 这种格式的数据与目前系统框架 Hibernate 本身的实体查询和 Struts 的 Form 绑定有很 大的出入, 系统如果引用类似的框架对系统本身改动较大, 但是相对于其他前台框架此 框架比较成熟学*文档资料比较多,对于解决问题时查询比较方便。

2

框架名称 Easy UI
2.1 框架简介

jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合,而 jQuery EasyUI 的目标就是帮助 web 开发者更轻松的打造出功能丰富并且美观的 UI 界面。开发者不需要编写复杂的 javascript, 也不需要对 css 样式有深入的了解, 开发者需要了解的只有一些简单的 html 标签。

jQuery EasyUI 为我们提供了大多数 UI 控件的使用, accordion, 如: combobox, menu, dialog,tabs,tree,window 等等。 授权协议: GPLv3 开发语言: JavaScript

2.2 2.3

演示 Demo 框架说明 EasyUi 的 dataGrid 与 java 后台数据交互也是采用 json 系统采用此框架的最大难点与 jsp 文件与 js 文件一对一,界面

http://www.jeasyui.com/demo/index.php

1.3 相同,一般采用此框架的系统主要采用的前台 EasyUi

大多功能在对应 JS 中编写,并采用 AJAX 方式进行提交,后台多采用 STRUTS2 数据层用 IBAITS 和 Hibernate 等。EasyUi 相对成熟度比 ExtJs 略有不足,一些相对复杂的功能在实 现时查找资料比较麻烦一些。

3

框架名称 Liger UI
3.1 框架简介

jQuery LigerUI 是基于 jQuery 的一系列 UI 控件组合,简单而又强大,致力于快速打造 Web 前端界面解决方案。 因为是前端控件,跟服务器无关,可以适合.net,jsp,php 等等 web 服务器环境。目前全部插件的打包压缩 JS 只有 100K 左右,很轻巧。使用插件式的 开发模式,以“简单”为原则的设计,每个插件尽量独立,并可依赖拓展。 jQuery LigerUI 控件丰富,包括基础、导航、布局、表单、表格、树形、窗口等 授权协议: Apache 开发语言: JavaScript
3.2 3.3 演示 Demo

http://www.ligerui.com/
框架说明 Liger UI dataGrid 与 java 后台数据交互也是采用 json 系统采用此框架的最大难点与 1.3 相同,相对于前两个使用此框架的不多,所以导致教程信息比较少,仅官网发布的一 些教程。

4

框架名称 Kendo UI
4.1 框架简介

kendoUI 是一个强大的框架用于快速 HTML5 UI 开发。基于最新的 HTML5、CSS3 和 JavaScript 标准。 Kendo UI 包含了开发现代 JavaScript 开发所需要的所有一切,包括:强大的数据源,通 用的拖拉(Drag-and-Drop)功能,模板,和 UI 控件。 Kendo UI 又名剑道 UI 是国外 Telerik 公司开发,支持 WEB 网站开发和移动互联网开 发,同时还有类似数据统计的图展示。 授权协议: GPLv3 开发语言: JavaScript HTML/CSS

4.2 4.3

演示 Demo 框架说明 与其他 Jquery 框架一样前台 DataGrid 数据与后台交互一样采用的是 JSON 形式,优点

http://demos.kendoui.com/web/overview/index.html

是功能比较强大,界面显示采用了 HTML5 的玻璃体元素,用户体验更友好,同时还有数据 统计显示饼图等

缺点技术资料比较少

5

框架名称 FLEX
5.1 框架简介

Adobe? Flex? 3 是用于构建和维护在所有主要浏览器、 桌面和操作系统一致地部署的 极具表现力的 Web 应用程序的高效率的开放源码框架。 可以使用免费的 Flex SDK 构建 Flex 应用程序, 开发人员可以使用 Adobe Flex Builder? 3 软件来显著促进开 发。 Flex 是开发富互联网应用程序(Rich Internet Application,缩写为 RIA)的利器,目前 已广泛应用于各种商业领域,如电子商务、行政管理,企业业务流程自动化等方面。

不仅是传统的 Flash 开发人员,还包括越来越多的 Web 开发人员,都开始注意到 Flex 这一富有活力的新技术,2007 年,“Flex”成为 Web 应用中被谈论得最多的词汇。 授权协议: 免费,非开源 开发语言: ActionScript

5.2 5.3

演示 Demo

http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html
框架说明 Flex 与 java 交互有一套协议,使用 Flex 需要在原有的系统上引入 Flex SDK 由 Java 端 将数据发送给 Flex,由 Flex 的类 .as 文件对数据进行重新整理,也可以在 flex 端进行业务 逻辑编写,编写完毕发送给页面,好处是界面编写简单,技术相对成熟 API 比较详细,缺 点 Flex 有它自己的一套语言需要重新学*,对于程序代码质量较高,需要比较好的优化, 由于页面生成后为 swf 文件,长期使用如果优化不好会导致程序响应缓慢。



热文推荐
猜你喜欢
友情链接: 医学资料大全 农林牧渔 幼儿教育心得 小学教育 中学 高中 职业教育 成人教育 大学资料 求职职场 职场文档 总结汇报