阅读更多

11顶
7踩

Web前端

原创新闻 Web 前端框架 QUI v3.0 发布

2012-11-21 09:46 by 见习记者 fukai 评论(39) 有44319人浏览

两年前我曾发布一款名为QUI的前端框架V2.0版,掀起过一阵使用热潮,下载量也突破了一万大关。不过最终得到的评价是毁誉参半,喜欢的人说它的界面美观,组件使用简单方便,不喜欢的人说浏览器兼容性不好,加载速度慢等。

 

历经两年的发展,尤其是最近一年的刻苦开发,近期终于推出了框架的V3系列,我也终于可以说,现在的QUI框架已经非常完美了!

 

简单介绍一下新版本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版本和在线版本。 

 

 

V3.0免费版下载地址:http://qui-frame.googlecode.com/files/qui-v3-free.rar

 

说明:为了能够持续长久的发展,QUI框架走了商业化的路线。如果不想花钱,那么可以使用这里提供的免费版,虽然功能少了一些,但是用它仍然可以做出很好的web应用。希望不要因为它走了商业化就否决它。 

 

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

 

1-4讲打包下载:http://qui-frame.googlecode.com/files/lesson1-4.rar

 

5-8讲打包下载:http://qui-frame.googlecode.com/files/lesson5-8.rar

 

 

  • 大小: 12.9 KB
  • 大小: 17.1 KB
  • 大小: 10.2 KB
  • 大小: 105.2 KB
  • 大小: 105.8 KB
  • 大小: 79.6 KB
  • 大小: 74.7 KB
11
7
评论 共 39 条 请登录后发表评论
39 楼 tantian189 2014-02-18 15:26
创建TabView对象之后,我使用add添加了几个选项卡,现在的问题是我怎么样在TabView里面获取某个添加的选项卡属性?在试用3.3,往解答,
38 楼 wjpiao 2013-07-06 09:39
大概看了一下,免费的功能不足 ,你不能指着开发者为了使用某些功能而收费,,那不现实,,,本身就和开源框架有很大差距,,怎么还??
37 楼 hotbain 2013-07-04 11:50
还是算了吧
36 楼 蓝色人生2 2013-06-06 17:30
来顶顶,关注关注
35 楼 zbdbx 2013-05-19 22:32
建议这种大集成的工具还是做全开源吧,否则你得像extjs那样全新自己开发
34 楼 zyjia_study 2013-04-08 14:44
mark
33 楼 yawei 2013-03-12 01:22
东西不错,可是市场策略有问题, 定价太高了。 靠卖api赚钱的时代早就过去了,现在是卖服务的时代。 只要有人用的产品,相关服务的需求是早晚的事。 所以第一步是让尽可能多的人用你的产品。
32 楼 qlzgg 2013-01-16 17:34
fukai 写道
qlzgg 写道
试用了下,界面设计得还可以,但速度跟不上。页面中加载了大量的JS,CSS,导致页面响应速度很慢。鼠标焦点移到文本框时,不停的抖动,大概3-5s后才停留在文本框里。

不会的,应该是你没有正确使用或者浏览器有问题
你直接访问在线示例试试?

html页面的当然不会有问题,在线示例中(java版),页面的响应速度比我自己搭建的环境快一点点,但也不是那么自然。能否再优化一下这个呢?

值得赞赏的是,开发的皮肤确实不错,动态效果也很好,我会继续关注。
31 楼 fukai 2013-01-15 16:19
qlzgg 写道
试用了下,界面设计得还可以,但速度跟不上。页面中加载了大量的JS,CSS,导致页面响应速度很慢。鼠标焦点移到文本框时,不停的抖动,大概3-5s后才停留在文本框里。

不会的,应该是你没有正确使用或者浏览器有问题
你直接访问在线示例试试?
30 楼 qlzgg 2013-01-15 16:03
试用了下,界面设计得还可以,但速度跟不上。页面中加载了大量的JS,CSS,导致页面响应速度很慢。鼠标焦点移到文本框时,不停的抖动,大概3-5s后才停留在文本框里。
29 楼 fukai 2013-01-13 16:25
liuguihua0823 写道
确实不错,请问作者,如果我不想某个input被qui渲染,应该怎么办


添加keepDefaultStyle="true"属性
28 楼 liuguihua0823 2013-01-12 23:21
确实不错,请问作者,如果我不想某个input被qui渲染,应该怎么办

27 楼 LancCJ 2013-01-06 19:43
想买,没钱,可怜,看了好久了
26 楼 lijiejava 2013-01-04 14:52
楼主,我遇到的问题现在应该怎么解决,求指教!!!  就是"使用 top.Dialog.alert("xxx")  进行提示的时候,如果页面有滚动条,页面整体会晃动" 的问题

25 楼 fukai 2012-12-31 15:48
wushenlong 写道
整个框架我看了很久了,确实不错,只是大量引用第三方开源组件,如ztree,my97datepicker,zcms的弹出框,只是感觉作者把这些第三方开源组件封装了一下再商业化卖钱有点...

使用ztree是我们之间的合作,你可以去ztree官网看,里面也有QUI的介绍;
目前确实是封装了my97datepicker日期控件,向这个开源组件的作者表示感谢,等做出QUI自己的日期控件后会替换掉的;
另外你说的zcms是什么
24 楼 wushenlong 2012-12-30 17:24
整个框架我看了很久了,确实不错,只是大量引用第三方开源组件,如ztree,my97datepicker,zcms的弹出框,只是感觉作者把这些第三方开源组件封装了一下再商业化卖钱有点...
23 楼 good_hans 2012-12-19 17:09
我这些天一直关注QUI前端开发框架,也做用作者放出来的“试用版”,我把“试用版”集成到我的项目中了,用起来真的很不错,web界面做很美观。但是不知道“试用版”是否有“试用期限”?

作者在这篇帖子里说了,“如果不想花钱,那么可以使用这里提供的免费版,虽然功能少了一些,但是用它仍然可以做出很好的web应用”不知道这段话的意思,是不是试用版大家可以商用?
22 楼 lijiejava 2012-12-13 14:53
使用 top.Dialog.alert("xxx")  进行提示的时候,如果页面有滚动条,页面整体会晃动,这个该怎么解决????
21 楼 fukai 2012-11-30 09:48
hexawing 写道
没有demo吗…………

有的,见官网:http://www.quickui.net
20 楼 hexawing 2012-11-29 16:58
没有demo吗…………

发表评论

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

相关推荐

  • Web 前端框架 QUI v3.0 发布

    两年前我曾发布一款名为QUI的前端框架V2.0版,掀起过一阵使用热潮,下载量也突破了一万大关。不过最终得到的评价是毁誉参半,喜欢的人说它的界面美观,组件使用简单方便,不喜欢的人说浏览器兼容性不好,加载速度慢...

  • QUI框架V3.0介绍与下载

    两年前我曾发布一款名为QUI的前端框架V2.0版,掀起过一阵使用热潮,下载量也突破了一万大关。不过最终得到的评价是毁誉参半,喜欢的人说它的界面美观,组件使用简单方便,不喜欢的人说浏览器兼容性不好,加载速度慢...

  • 五年磨一剑,QUI框架V3.2完美推出

    如果你不清楚QUI框架是什么,那么请看这条资讯:《Web 前端框架 QUI v3.0 发布》   官方网站:http://www.quickui.net 最新免费版下载地址: http://qui-frame.googlecode.com/files/qui-v3.2-trial-2.rar   ...

  • 前端工程化实践总结 | QQ音乐商业化Web团队

    蓝字关注,回复“加群”加入前端技术群与大家一起成长| 导语本文主要介绍在前端工程化的一些探索和实践,结合移动端的基础库重构和UI组件库开发这两个项目详细介绍工程化方案...

  • 2022 年值得推荐的 Vue 库

    vue-form-making 是一个基于 vue 和 element-ui 实现的可视化表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,可以让表单开发简单而高效。Ionicons 是一个完全开源的图标集,是知名混合开发框架 ...

  • ITeye 2012年11月第4周重要新闻回顾

    Web 前端框架 QUI v3.0 发布 IntelliJ IDEA 12 EAP 版本更新 其他 Firefox 17 正式版发布 Apache Tomcat 7.0.33 发布 Phalconphp 中文文档发布 梦工厂开源电影视觉特效工具OpenVDB 网易...

  • vue 官方推荐的好用的三方库

    Full Stack Radio#50(09-21-2016) 和Vue.js框架的作者聊聊前端框架开发背后的故事[zh-CN] MW S04E08-Vue.js和Evan You和Sarah Drasner(04-27-2017) 请求提交#12-众筹开源(Vue.js)(06-15-2017) Web平台...

  • 服务端渲染和客户端渲染以及服务器部署

    git远程仓库 CI/CD服务 WEB服务器 源代码 git push 源代码 git clone release(v3.0 v2.0 v1.0...) 源代码 拉取最新代码、编译构建、打包release、发布release、把release部署到服务器 发布release 发布到服务器 ...

  • 0MQ

    (框架) It gives you s ockets (插座) that carry a tomic (原子的) messages across various transports like in-process, inter-process, TCP, and m ulticast. (多路广播) You can connect sockets N-to-...

  • Kotlin学习之开源代码分析、重构(一)

    Gradle团队为Gradle开发了一种新的基于Kotlin的构建语言,称之为Gradle Script Kotlin,从Gradle 3.0开始支持。也就是说我们可以使用Kotlin来编写Gradle脚本了,当使用Kotlin来编写Gradle脚本的时候一切都变得美好...

  • 【java毕业设计】智慧社区教育服务门户.zip

    有java环境就可以运行起来 ,zip里包含源码+论文+PPT, 系统设计与功能: 文档详细描述了系统的后台管理功能,包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块:允许管理员重新设置密码,记录登录日志,确保系统安全。 新闻资讯管理模块:实现新闻资讯的添加、删除、修改,确保主页新闻部分始终显示最新的文章。 公告管理模块:类似于新闻资讯管理,但专注于主页公告的后台管理。 社区影院管理模块:管理所有视频的添加、删除、修改,包括影片名、导演、主演、片长等信息。 会员上传下载管理模块:审核与删除会员上传的文件。 留言管理模块:回复与删除所有留言,确保系统内的留言得到及时处理。 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7及以上 数据库工具:Navicat11及以上 开发软件:eclipse/idea Maven包:Maven3.3及以上

  • 基于selenium的携程机票爬虫资料齐全+详细文档+高分项目+源码.zip

    【资源说明】 基于selenium的携程机票爬虫资料齐全+详细文档+高分项目+源码.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!

  • 【java毕业设计】智慧社区宠物管理系统(源代码+论文+PPT模板).zip

    zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明: 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展,智慧社区门户网站的建设成为了可能,并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java,数据库为MYSQL,并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能: 文档详细描述了系统的后台管理功能,包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块:允许管理员重新设置密码,记录登录日志,确保系统安全。 新闻资讯管理模块:实现新闻资讯的添加、删除、修改,确保主页新闻部分始终显示最新的文章。 公告管理模块:类似于新闻资讯管理,但专注于主页公告的后台管理。 社区影院管理模块:管理所有视频的添加、删除、修改,包括影片名、导演、主演、片长等信息。 会员上传下载管理模块:审核与删除会员上传的文件。 留言管理模块:回复与删除所有留言,确保系统内的留言得到及时处理。

  • 免费下载:Civil War (Stuart Moore)_xVBgd.zip

    免费下载:Civil War (Stuart Moore)_xVBgd.zip

  • JSP基于WEB的图书馆借阅系统的设计与实现(源代码+论文)(2024pw).7z

    1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于计算机科学与技术等相关专业,更为适合;

  • 免费下载:Spider-Man (Stefan Petrucha)_2pBuA.zip

    免费下载:Spider-Man (Stefan Petrucha)_2pBuA.zip

  • jj视频合并程序代码QZQ.txt

    jj视频合并程序代码QZQ

  • 【java毕业设计】智慧社区会员等级提升系统(源代码+论文+PPT模板).zip

    zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明: 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展,智慧社区门户网站的建设成为了可能,并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java,数据库为MYSQL,并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能: 文档详细描述了系统的后台管理功能,包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块:允许管理员重新设置密码,记录登录日志,确保系统安全。 新闻资讯管理模块:实现新闻资讯的添加、删除、修改,确保主页新闻部分始终显示最新的文章。 公告管理模块:类似于新闻资讯管理,但专注于主页公告的后台管理。 社区影院管理模块:管理所有视频的添加、删除、修改,包括影片名、导演、主演、片长等信息。 会员上传下载管理模块:审核与删除会员上传的文件。 留言管理模块:回复与删除所有留言,确保系统内的留言得到及时处理。

  • jsp医院病区管理系统(论文+中期检查表+任务书+综合材料)(20242g).7z

    1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于计算机科学与技术等相关专业,更为适合;

  • 基于卷积神经网络的通信调制方式识别详细文档+全部资料+优秀项目+源码.zip

    【资源说明】 基于卷积神经网络的通信调制方式识别详细文档+全部资料+优秀项目+源码.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!

Global site tag (gtag.js) - Google Analytics