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

11顶
7踩

Web前端

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

2012-11-21 09:46 by 见习记者 fukai 评论(39) 有44396人浏览
框架 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脚本的时候一切都变得美好...

  • 《永磁无刷直流电机控制系统与软件综合研究-集成电机计算软件、电机控制器及电磁设计软件的创新设计与实践》,永磁无刷直流电机计算与控制软件：高效电机控制器与电磁设计工具,永磁无刷直流电机计算软件，电机控

    《永磁无刷直流电机控制系统与软件综合研究——集成电机计算软件、电机控制器及电磁设计软件的创新设计与实践》,永磁无刷直流电机计算与控制软件：高效电机控制器与电磁设计工具,永磁无刷直流电机计算软件，电机控制器，无刷电机设计软件,电机电磁设计软件 ,永磁无刷直流电机计算软件; 电机控制器; 无刷电机设计软件; 电机电磁设计软件,无刷电机设计专家：永磁无刷直流电机计算与控制器设计软件

  • 新能源汽车VCU开发模型及策略详解：从控制策略到软件设计全面解析,新能源汽车VCU开发模型及策略详解：从控制策略到软件设计全面解析,新能源汽车VCU开发模型及控制策略，MBD电控开发 新能源汽车大势所

    新能源汽车VCU开发模型及策略详解：从控制策略到软件设计全面解析,新能源汽车VCU开发模型及策略详解：从控制策略到软件设计全面解析,新能源汽车VCU开发模型及控制策略，MBD电控开发 新能源汽车大势所向，紧缺VCU电控开发工程师，特别是涉及新能源三电系统，工资仅仅低于无人驾驶、智能驾驶岗位。 ——含控制策略模型 整车控制策略详细文档 通讯协议文档 接口定义 软件设计说明文档 等（超详细，看懂VCU电控策略开发就通了） 内容如下： 新能源汽车整车控制器VCU学习模型，适用于初学者。 1、模型包含高压上下电，行驶模式管理，能量回馈，充电模式管理，附件管理，远程控制，诊断辅助功能。 2、软件说明书（控制策略说明书） 3、模型有部分中文注释 对想着手或刚开始学习整车控制器自动代码生成或刚接触整车控制器有很大帮助。 ,新能源汽车VCU开发模型; 控制策略; MBD电控开发; 模型学习; 代码生成; 整车控制器; 能量回馈; 诊断辅助功能,新能源汽车电控开发详解：VCU控制策略模型及学习手册

  • Python读取Excel文件的方法详解及应用场景

    内容概要：本文详细介绍了两种利用 Python 读取 Excel 文件的不同方法，分别是基于 pandas 和 openpyxl。对于想要利用Python 处理 Excel 数据的读者来说，文中不仅提供了简洁明了的具体代码片段以及执行效果展示，还针对每个库的应用特性进行了深度解析。此外，文档提到了一些进阶应用技巧如只读特定的工作薄、过滤某些列等，同时强调了需要注意的地方（像是路径设置、engine 参数调整之类），让读者可以在面对实际项目需求时做出更加明智的选择和技术选型。 适合人群：对 Python 有基本掌握并希望提升数据读取能力的开发人员。 使用场景及目标：适用于任何涉及到批量数据导入或是与 Excel 进行交互的业务流程。无论是做初步的数据探索还是深入挖掘隐藏于电子表格背后的故事，亦或是仅为了简化日常办公自动化任务都可以从中受益。最终目标帮助使用者熟悉两大主流 Excel 解决方案的技术特性和最佳实践。 阅读建议：本文既是一份详尽的学习指南也是一份方便随时查阅的手册。因此初学者应当认真研究所提供的示例，而有一定经验者也可以快速定位到感兴趣的部分查看关键要点。

  • 毕设springboot基于springboot的医护人员排班系统.zip

    # 医护人员排班系统 ## 1. 项目介绍 本系统是一个基于SpringBoot框架开发的医护人员排班管理系统,用于医院管理医护人员的排班、调班等工作。系统提供了完整的排班管理功能,包括科室管理、人员管理、排班规则配置、自动排班等功能。 ## 2. 系统功能模块 ### 2.1 基础信息管理 - 科室信息管理:维护医院各科室基本信息 - 医护人员管理:管理医生、护士等医护人员信息 - 排班类型管理:配置不同的排班类型(如:早班、中班、晚班等) ### 2.2 排班管理 - 排班规则配置:设置各科室排班规则 - 自动排班:根据规则自动生成排班计划 - 排班调整:手动调整排班计划 - 排班查询:查看各科室排班情况 ### 2.3 系统管理 - 用户管理:管理系统用户 - 角色权限:配置不同角色的操作权限 - 系统设置:管理系统基础配置 ## 3. 技术架构 ### 3.1 开发环境 - JDK 1.8 - Maven 3.6 - MySQL 5.7 - SpringBoot 2.2.2 ### 3.2 技术栈 - 后端框架:SpringBoot - 持久层:MyBatis-Plus - 数据库:MySQL - 前端框架:Vue.js - 权限管理:Spring Security ## 4. 数据库设计 主要数据表: - 科室信息表(keshixinxi) - 医护人员表(yihurengyuan) - 排班类型表(paibanleixing) - 排班信息表(paibanxinxi) - 用户表(user) ## 5. 部署说明 ### 5.1 环境要求 - JDK 1.8+ - MySQL 5.7+ - Maven 3.6+ ### 5.2 部署步骤 1. 创建数据库并导入SQL脚本 2. 修改application.yml中的数据库配置 3. 执行maven打包命令:mvn clean package 4. 运行jar包:java -jar xxx.jar ## 6. 使用说明 ### 6.1 系统登录 - 管理员账号:admin - 初始密码:admin ### 6.2 基本操作流程 1. 维护基础信息(科室、人员等) 2. 配置排班规则 3. 生成排班计划 4. 查看和调整排班 ## 7. 注意事项 1. 首次使用请及时修改管理员密码 2. 定期备份数据库 3. 建议定期检查和优化排班规则

  • MATLAB仿真的夫琅禾费衍射强度图：圆孔、圆环、矩形孔定制研究,MATLAB仿真：夫琅禾费衍射强度图的可定制性-以圆孔、圆环及矩形孔为例的研究分析,MATLAB夫琅禾费衍射强度图仿真 圆孔，圆环

    MATLAB仿真的夫琅禾费衍射强度图：圆孔、圆环、矩形孔定制研究,MATLAB仿真：夫琅禾费衍射强度图的可定制性——以圆孔、圆环及矩形孔为例的研究分析,MATLAB夫琅禾费衍射强度图仿真 圆孔，圆环，矩形孔可定制。 ,MATLAB; 夫琅禾费衍射; 强度图仿真; 圆孔; 圆环; 矩形孔; 可定制。,MATLAB仿真夫琅禾费衍射强度图：定制孔型（圆孔/圆环/矩形）

  • 商道融绿ESG评级20241231.xlsx

    详细介绍及样例数据：https://blog.csdn.net/samLi0620/article/details/145652300

  • 基于Dugoff轮胎模型与B08-01基础建模的七自由度车辆动力学模型验证：利用MATLAB 2018及以上版本与CarSim 2020.0软件的仿真对比研究,基于Dugoff轮胎模型与B08-01框

    基于Dugoff轮胎模型与B08_01基础建模的七自由度车辆动力学模型验证：利用MATLAB 2018及以上版本与CarSim 2020.0软件的仿真对比研究,基于Dugoff轮胎模型与B08_01框架的七自由度车辆动力学模型验证——使用MATLAB 2018及以上版本与CarSim 2020.0软件进行仿真对比研究,七自由度车辆动力学模型验证（Dugoff轮胎模型，B08_01基础上建模） 1.软件: MATLAB 2018以上；CarSim 2020.0 2.介绍: 基于Dugoff轮胎模型和车身动力学公式，搭建7DOF车辆动力学Simulink模型，对相关变量（质心侧偏角，横摆角速度，纵、横向速度及加速度）进行CarSim对比验证。 ,核心关键词：七自由度车辆动力学模型验证; Dugoff轮胎模型; B08_01建模基础; MATLAB 2018以上; CarSim 2020.0; Simulink模型; 变量对比验证。,基于Dugoff轮胎模型的七自由度车辆动力学模型验证与CarSim对比

  • 【毕业设计】基于Java+servlet+jsp+css+js+mysql实现“转赚”二手交易平台_pgj.zip

    【毕业设计】基于Java+servlet+jsp+css+js+mysql实现“转赚”二手交易平台_pgj

  • 恋爱聊妹术V2小程序源码4.1.0多开版.zip

    微猫恋爱聊妹术小程序源码介绍： 微猫恋爱聊妹术小程序源码是一款全新升级的聊天工具，它采用全新主题和UI，完美支持分享朋友圈功能。同时，它的独立后台也进行了大规模更新，让操作更加简单。其中，课堂页面、搜索页面和子话术列表页面等，均增加了流量主展示，具有超多的功能。 安装教程： 您可以先加入微猫恋爱聊妹术小程序源码的赞助群，然后在群内找到魔方安装说明。根据源码编号找到相应的安装说明，非常详细，让您轻松完成安装。

  • 电气安装工程安全技术规程-蒋凯，杨华甫，马仲范，王清禄译；孙照森校；鞍钢工程技术编委会编.pdf

    电气安装工程安全技术规程_蒋凯，杨华甫，马仲范，王清禄译；孙照森校；鞍钢工程技术编委会编

Global site tag (gtag.js) - Google Analytics