360UI 界面框架

阿东2020 发布于 2013/05/28 14:11
阅读 8K+
收藏 5

    

简单介绍一下新版本360UI 界面框架,即QUI的特性:

1、浏览器兼容性的提升

V2系列的框架由于开发时间比较早,在浏览器兼容性方面差了不少。新版本V3系列框架,在兼容性方面有了非常大的改进,可以完美兼容ie6-ie9firefoxchrome等主流浏览器。

 

2、性能的提升和bug的修正

通过对原有机制的改进,优化代码等方式,让性能也得到了很大的提升。很大程度缩短页面加载的时间。当然,你用的浏览器版本越高,速度越快。使用IE9chrome,则会在一瞬间加载完成。另外还对原来大家提出的众多bug进行了修正。

 

3、新增大量组件

新版本框架新增了很多重要的组件,例如支持JSON的数据表格,可多选的树形下拉框,仿163邮箱的多文件异步上传控件,仿天猫商城的条件筛选组件等等。


4、使用方式的简化

通过对原有组件进行优化和重构,极大地简化组件的使用方式。例如通过下面的一句话:

其中,url里的路径用于从远程获取JSON数据。这样即可创建一个单选下拉框。效果如图:

在表单元素组件中,无论多么复杂的组件,都可以通过一句话实现创建。无需任何JS代码。除了使用标签创建组件外,还可以使用代码动态创建组件或动态改变组件的属性。适合有特殊需求的项目使用。

 

5、组件全面支持JSON数据和异步机制

框架的所有与数据有关的组件均支持JSON数据,包括表单元素、数据表格、树组件等。

组件的数据获取方式除了前面示例中的url方式,还可以使用data()方法赋值等多种赋值方式,用户可以根据需要选择最适合自己的方式。

此外,框架还支持表单的异步提交与异步编辑机制。

 

6、新增JAVA版和.NET版示例工程

V3系列还出了JAVA示例工程和.NET示例工程。对于每一个与后台有交互的情况都会做出典型的示例,这样开发者在做与后台整合时就不必担心多走弯路了。

 

7、增加更炫的皮肤

新版本推出了很多更加漂亮的皮肤。

工作桌面:

word2007风格

8、详尽的使用文档

V3系列提供了非常详尽的使用文档,由600多页的word文档制作而成,包含了WEB开发的方方面面。有chm版本和在线版本。


下载地址:

http://qui-frame.googlecode.com/files/qui-v3-free.rar

 

另外向大家推荐快速入门的视频教程,以框架功能介绍和效果展示为主,并穿插一些实际的操作来做演示讲解。共分为8讲,每一讲10几分钟。旨在让大家短时间内对框架的各功能特性有较为充分的了解,并掌握基本的使用方法。

360UI网址http://www.360ui.net

1-4讲打包下载

http://qui-frame.googlecode.com/files/lesson1-4.rar

5-8讲打包下载

http://qui-frame.googlecode.com/files/lesson5-8.rar
加载中
1
帖子列表
帖子列表
虽然做得粗糙、没创新、山寨味浓,但自己辛辛苦苦做出来的,还是值得赞扬一番
0
会飞的蟒蛇
会飞的蟒蛇
收费的???
0
平安北京
正研究bootstrap
0
藏言
藏言
差点还以为是周鸿祎的那个360呢
铂金小鸟
铂金小鸟
我也是冲着这个标题进来的
0
欣儿
欣儿
有什么用?
0
Li_Peng
Li_Peng
收费产品
0
麦地兜兜
麦地兜兜
为什么看见360这个数字感觉就开始不好了呢
0
RYAN___
RYAN___
以前很痴迷Windows上面的界面开发 directUI之类的 现在完全不看纯粹的界面开发 界面 能web化就web化 简单 方便 怀恋以前的日子 哈哈
0
一号男嘉宾
一号男嘉宾
你这个框架提供“您本次登录用时3个小时,击败了全国97%的web应用”功能么?
0
乖猫的老公
乖猫的老公

引用来自“梅公子”的答案

你这个框架提供“您本次登录用时3个小时,击败了全国97%的web应用”功能么?
哈哈哈哈哈哈哈,黑的漂亮
返回顶部
顶部