资讯频道 → Web前端
阅读更多

11顶
7踩

Web前端

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

2012-11-21 09:46 by 见习记者 fukai 评论(39) 有44491人浏览
框架 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

 

 

  • 大小: 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脚本的时候一切都变得美好...

  • Delphi 12.3控件之数据库开发基础课程SQL学习01-认识Navicat SQL工具，创建数据库和表.rar

    Delphi 12.3控件之数据库开发基础课程SQL学习01-认识Navicat SQL工具，创建数据库和表.rar

  • 基于java的ssm教学质量评价系统(含LW+PPT+源码+系统演示视频+安装说明).7z

    本教学质量评价系统采用的数据库是Mysql，使用JSP技术开发。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。 通过标签分类管理等方式，实现管理员；个人中心、公告信息管理、学院管理、学生管理、教师管理、督导管理、教师信息管理、学生评教管理、督导评教管理，学生；个人中心、公告信息管理、教师信息管理、学生评教管理，督导；公告信息管理、教师信息管理、督导评教管理，教师；个人中心、公告信息管理、教师信息管理、学生评教管理、督导评教管理等信息管理功能，从而达到对教学质量评价系统信息的高效管理。 关键词：教学质量评价系统 ，JSP技术，Mysql数据库

  • springboot社区养老服务系统设计与实现(代码+数据库+LW)

    摘  要 现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本社区养老服务系统就是在这样的大环境下诞生，其可以帮助使用者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此社区养老服务系统利用当下成熟完善的Spring Boot框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的MySQL数据库进行程序开发。社区养老服务系统有管理员，用户两个角色。管理员功能有个人中心，用户管理，服务种类管理，社区服务管理，服务预约管理，物品种类管理，物品信息管理，借用信息管理，归还信息管理，活动分离管理，社区活动管理，活动报名管理，疫情监控管理，物业收费管理，资讯中心管理，意见中心管理，系统管理。用户可以注册登录，查看管理员发布的各中心信息，可以服务预约，借用归还，活动报名，发布自己的疫情监控信息，查看物业收费等操作。社区养老服务系统的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为

  • 南京林业大学毕业设计（论文）规范解读及应用指南

    内容概要：本文档详细阐述了南京林业大学本科毕业设计（论文）的具体撰写规范和要求，旨在确保毕业生能够提交高质量的设计（论文）。主要内容涵盖了从标题到附录的所有部分的撰写要求和格式标准，强调毕业设计（论文）不仅检验学生的学术能力，也是教学质量的关键指标。文中详细描述了每个组成部分的内容要求和书写格式，如标题、摘要、正文、结论、参考文献及附录的具体规定，并提供了具体的标准和操作流程。同时，针对不同类型的专业和学科提出了不同的撰写细则，确保规范适应广泛的学术背景和研究主题。 适合人群：即将进行本科毕业设计（论文）撰写的南京林业大学在校生及其指导教师。 使用场景及目标：① 帮助学生熟悉并掌握毕业设计（论文）的各项要求，从而确保顺利完成学业要求；② 教师利用该规范来审核和指导学生的工作。 阅读建议：该文档条理清晰，分类细致，因此读者应按步骤逐步理解和实践每一部分内容的要求和规范。同时，注意不同专业对于篇幅、内容重点等方面可能存在的特定调整。此外，对于涉及具体的排版和技术术语部分，建议配合实际案例进行练习。

  • 电子与机器人工程领域的计算机视觉视频稳定化技术实现与评估作业指导（2024-2025）（可复现，有问题请联系博主）

    内容概要：本作业指导书详细介绍了面向电气与机器人工程专业的计算机视觉模块课程（EL3105），旨在让学生深入理解和实现实时视频稳定化技术，特别是针对相机抖动补偿的方法。学生需要撰写报告并实现算法，解释选择的视频稳定方法以及具体的软件实现步骤。报告应涵盖背景介绍、解决方案详述、实验过程及其结论。提供的两个预录制视频将作为学生练习的数据集来测试视频稳定性。此外，学生需保证提交材料为原创，未使用任何AI工具辅助。 适合人群：适用于电气与机器人专业本科与研究生级别的学生，在掌握了基本图像特征提取匹配的基础上进一步探索高级应用技能。 使用场景及目标：帮助学员掌握关键点检测、稳健匹配、运动估计等基础知识的应用能力，同时培养他们独立解决实际问题的能力和编程技巧，特别是在视频序列处理方面。 其他说明：评估日期明确为2024年春季学期初开始，并于三月底截止。成绩构成包括对采用方法合理性阐述占30%，具体编码执行效果占40%，最后还有15%取决于成果评价，剩下则是对于报告形式的要求如语言表述规范性和引用文献准确性方面的情况打分。所有提交均在线进行并且需要符合特定格式要求。

  • Delphi 12.3控件之Delphi12TMS WEB Core 2.6.0.0 Beta Retail Setup for D12 (September 24, 2024).rar

    Delphi 12.3控件之Delphi12TMS WEB Core 2.6.0.0 Beta Retail Setup for D12 (September 24, 2024).rar

  • 蚂蚁金服从云到端一站式解决方案-移动开发平台mPaaS V1.1.34产品介绍

    内容概要：本文档详细介绍了蚂蚁金服移动开发平台(mPaaS)及其各个核心子组件的构成和优势，涵盖移动网关(MGS)、移动推送(MPS)、移动分析(MAS)、移动同步(MSS)、实时发布(MDS)以及智能投放(MCDP)。各组件在提供基础能力的前提下分别具有不同特点。移动开发平台致力于为企业提供高可用、高效、稳定的一站式解决方案，并在架构、安全、灵活性等方面有着独特之处。 适用人群：移动应用开发商、产品经理、运维和技术专家、项目管理者以及其他相关人员。 使用场景及目标：通过提供一站式的移动开发方案，帮助企业更好地开发、管理和运维移动应用，降低技术门槛和发展成本，促进应用创新与发展。各组件具体应用于移动应用开发过程的不同环节中： 1. 开放移动服务能力：MGS用于建立统一的通信接口，简化移动端与服务端对接; 2. 移动信息即时触达：MPS用于实现移动推送，提供个性化消息通知; 3. 应用数据采集与分析：MAS用于大规模移动数据分析，辅助决策; 4. 数据增量推送及更新同步：MSS用于保证业务信息同步; 5. 提供高效的版本管理：MDS用于应用实时部署; 6. 支持灵活精准的投放运营:M

  • 基于java的ssm个人交友网站(含LW+PPT+源码+系统演示视频+安装说明).7z

    个人交友网站的主要使用者分为管理员和用户，实现功能包括管理员：个人中心、用户管理、交友信息管理、线下活动管理、活动报名管理、系统公告管理、论坛交流、系统管理，用户：个人中心、交友信息管理、活动报名管理、我的收藏管理，前台首页；首页、交友信息、线下活动、系统公告、论坛信息、我的、跳转到后台、客服等功能。由于本网站的功能模块设计比较全面，所以使得整个个人交友网站信息管理的过程得以实现。 本系统的使用可以实现本个人交友网站管理的信息化，可以方便管理员进行更加方便快捷的管理。 关键词：个人交友网站；JSP技术；MYSQL数据库；

  • 自动鱼计数器，全球前12强生产商排名及市场份额

    自动鱼类计数器是一种用于精确计算通过特定区域（如鱼梯或鱼道）的鱼类数量的装置。这些设备使用传感器、摄像头或声波信号等各种技术，在鱼群游过时对其进行检测和计数。这些信息对于监测鱼类种群、评估洄游模式以及评估鱼类通道结构的有效性非常重要。自动鱼类计数器有助于研究人员和渔业管理人员就鱼类物种的保护和管理工作做出明智的决策。 据QYResearch调研团队最新报告“全球自动鱼计数器市场报告2024-2030”显示，预计2030年全球自动鱼计数器市场规模将达到0.6亿美元，未来几年年复合增长率CAGR为4.9%。 根据QYResearch头部企业研究中心调研，全球范围内自动鱼计数器生产商主要包括Vaki (MSD Animal Health )、Flatsetsund Engineering AS、Calitri Technology、AGK Kronawitter GmbH、Faivre、Fischtechnik International、Guangzhou Yuandian Intelligent Technology Co、Aquascan、Fu-Chen Auto Technology

  • cef109.1.11+chromium 109.0.5414.120

    最后一个win7稳定运行版本，支持视频和pdf查看，因为之前下载的别人打包好的文件，可以播放视频，但是打开pdf会闪退，所以自己编译了一个，有需要的可以试试

Global site tag (gtag.js) - Google Analytics