Web 前端框架 QUI v3.0 发布

资讯频道 → Web前端

11顶
7踩

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

框架 qui jquery ztree json

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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

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

简单介绍一下新版本QUI的特性：

1、浏览器兼容性的提升

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

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

通过对原有机制的改进，优化代码等方式，让性能也得到了很大的提升。很大程度缩短页面加载的时间。当然，你用的浏览器版本越高，速度越快。使用IE9或chrome，则会在一瞬间加载完成。另外还对原来大家提出的众多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

查看图片附件

分享到：

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 写道

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

30 楼 qlzgg 2013-01-15 16:03

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

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框架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脚本的时候一切都变得美好...

对旋轴流风机毕业设计说明书.doc

【人工智能导论】支持向量机算法分析预习报告：深入理解SVM原理与鸢尾花数据集分类实验设计

内容概要：本文档为2024~2025学年第二学期的人工智能导论课程中的支持向量机（SVM）算法分析实验预习报告。报告的主要目的是深入理解SVM的基本原理、核函数的作用以及参数调节对模型的影响，同时掌握特征选取的方法和重要性，为后续处理更复杂的数据集积累经验。实验任务包括对鸢尾花数据集进行特征探索，通过绘制相关性矩阵、径向可视化或各特征之间的关系矩阵图，深入了解数据集特征，并利用SVM算法实现对该数据集的准确分类。实验设备和环境要求操作系统为Windows、Linux或macOS均可，编程语言为Python，并搭配NumPy、Pandas、Scikit-learn和Matplotlib等科学计算和数据处理库。; 适合人群：具有一定的数学基础和编程经验，正在学习或从事机器学习和数据挖掘领域工作的学生或研究人员。; 使用场景及目标：①适用于需要理解SVM算法原理及其应用的学习者；②帮助研究者掌握如何使用SVM进行分类任务，特别是针对线性不可分的数据集；③为后续更复杂的机器学习项目提供理论和技术支持。; 其他说明：实验将在图书馆附楼计算中心进行，时间为2025年4月15日，由教师王艳指导并批阅。实验预习过程应详细记录设计思想、设计步骤等初步方案，可以通过程序流程图、伪代码、预定相关测试数据和预期结果等方式来表示。

步进式推刚机设计说明书.doc

遗传算法优化BP神经网络提升交通流量预测精度的技术实现与应用

内容概要：本文详细介绍了如何使用遗传算法优化BP神经网络，以提高交通流量预测的准确性。文中首先解释了BP神经网络的基本结构及其局限性，即容易陷入局部最优解的问题。随后，作者展示了遗传算法的工作原理，并将其应用于优化BP神经网络的权重和偏置。通过定义适应度函数、选择、交叉和变异等步骤，实现了对BP神经网络的有效改进。实验结果显示，优化后的BP神经网络在交通流量预测中的精度显著高于传统的BP神经网络，特别是在处理复杂的非线性问题时表现出色。适用人群：对机器学习、深度学习以及交通流量预测感兴趣的科研人员和技术开发者。使用场景及目标：适用于需要进行精确交通流量预测的应用场景，如智能交通系统、城市规划等领域。主要目标是通过遗传算法优化BP神经网络，解决其易陷入局部最优的问题，从而提高预测精度和稳定性。其他说明：文中提供了详细的Python代码实现，帮助读者更好地理解和实践这一优化方法。同时，强调了遗传算法在全局搜索方面的优势，以及其与BP神经网络结合所带来的性能提升。此外，还讨论了一些具体的实施技巧，如适应度函数的设计、交叉和变异操作的选择等。标签1,标签2,标签3,标签4,标签5

电镀生产线自动化：基于组态王6.53与S7-200PLC的仿真系统设计与实现

内容概要：本文详细介绍了基于组态王6.53和西门子S7-200PLC构建的电镀生产线仿真系统的开发过程。主要内容涵盖IO配置表、PLC梯形图编程、组态王动画脚本编写以及故障模拟等功能。文中展示了如何通过PLC控制行车移动、槽位状态监测、溶液参数调节等关键操作，并通过定时器、互锁机制、PID调节等技术手段实现精确控制。此外，还提供了详细的调试经验和优化方法，如调整定时器参数、优化动画效果等。适合人群：从事工业自动化领域的工程师和技术人员，尤其是熟悉PLC编程和组态软件使用的专业人士。使用场景及目标：适用于需要进行电镀生产线自动化调试和仿真的场合。主要目标是帮助工程师理解和掌握电镀生产线的自动化控制逻辑，提高调试效率，减少实际生产中的错误。其他说明：文章不仅提供了理论知识，还包括大量实际操作经验和调试技巧，有助于读者更好地应用于实际工作中。附带的运行效果视频进一步增强了理解和应用效果。

基于模糊神经网络的风光互补系统负荷功率智能分配与Simulink/Matlab仿真

内容概要：本文详细介绍了利用模糊神经网络在风光互补发电系统中进行负荷功率智能分配的方法及其在Simulink/Matlab环境下的仿真实现。文中首先阐述了光伏和风机的MPPT算法，分别采用了扰动观察法和叶尖速比控制来优化能量捕获。接着重点讨论了模糊控制器的设计，通过定义输入变量（电网频率偏差、直流母线电压、SOC储能状态）和输出变量（各级负荷的功率分配系数），以及隶属度函数和规则库的构建，实现了对不同等级负荷的智能分配。此外，文章还探讨了VSC逆变器的控制策略，特别是在锁相环参数设置和LC滤波器方面的优化措施。最后，通过一系列仿真实验验证了系统的有效性和稳定性。适合人群：从事电力电子、智能控制系统研究的技术人员，尤其是对风光互补发电系统感兴趣的科研工作者和工程技术人员。使用场景及目标：适用于希望深入了解风光互补发电系统中负荷功率分配策略的研究人员和技术人员。目标是掌握模糊神经网络在电力系统中的应用，提高风光互补发电系统的可靠性和效率。其他说明：文章提供了详细的代码片段和仿真技巧，帮助读者更好地理解和复现实验结果。同时，强调了调参过程中的一些常见问题和解决方案，有助于减少实际项目中的调试时间和成本。

人工智能原理及应用王万森课后习题答案解析

毕业设计(论文) 直动式液压往复泵设计说明书.doc.doc

基于S7-200 PLC和MCGS的四路抢答器控制系统设计与实现

内容概要：本文详细介绍了基于S7-200 PLC和MCGS组态软件构建的四路抢答器控制系统。首先阐述了系统的硬件架构，包括四个抢答按钮、复位按钮、指示灯和蜂鸣器的连接方式及其对应的PLC输入输出点配置。接着深入解析了梯形图程序的关键逻辑，如抢答互锁机制、时间戳判断防止多选手同时抢答以及主持人控制的抢答允许标志。此外，还探讨了MCGS组态画面的设计，包括动态效果展示、触摸屏变量绑定和抢答超时处理。最后，分享了一些调试经验和优化技巧，如反向电动势防护、接线注意事项和系统性能测试。适用人群：对PLC编程和工控系统感兴趣的工程师和技术爱好者，尤其是有一定PLC基础的学习者。使用场景及目标：适用于竞赛类节目或培训场所，用于搭建高效可靠的抢答系统，提升互动性和趣味性。主要目标是帮助读者掌握PLC编程技巧和MCGS组态设计方法，能够独立完成类似项目的开发。其他说明：文中提供了详细的梯形图代码片段和接线图示例，便于读者理解和实践。同时强调了硬件防抖和软件互锁的重要性，确保系统的稳定性和可靠性。

【Python爬虫技术】从入门到实战：核心库框架、项目案例及反爬应对策略综述

内容概要：本文档详细介绍了Python爬虫的学习资源，涵盖基础知识、实例教程、反爬机制及应对策略、学习资源推荐和法律道德注意事项。基础知识部分讲解了核心库与框架（Requests库、BeautifulSoup、Scrapy框架）及其使用方法，数据提取技术（正则表达式、XPath、JSON处理）。实例教程按初级、中级、高级分类，包括静态网页抓取、动态内容抓取、分布式爬虫等项目。反爬机制与应对策略中列举了常见的反爬技术（User-Agent检测、IP频率限制等）及相应的解决办法（请求头伪装、IP代理池等）。最后强调了学习过程中应遵守的相关法律法规。; 适合人群：对Python爬虫技术感兴趣的初学者或有一定经验的研发人员。; 使用场景及目标：①掌握Python爬虫的基本概念和技术工具；②通过实例项目提高实际操作能力；③了解并应对反爬机制；④确保爬虫活动符合法律和道德规范。; 阅读建议：建议读者按照由浅入深的原则进行学习，在实践中不断巩固所学知识，同时注意遵守相关法律法规。

11顶7踩