web 前端框架 qui v3.0 发布 -凯发k8国际

资讯频道 → web前端

11顶
7踩

web 前端框架 qui v3.0 发布

2012-11-21 09:46 by 见习记者 fukai 评论(39) 有43707人浏览
框架 qui jquery ztree json

声明：iteye资讯文章的凯发k8国际的版权属于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免费版下载地址：

 

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

 

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

 

1-4讲打包下载：

 

5-8讲打包下载：

 

 

  • 大小: 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 楼 2014-02-18 15:26
创建tabview对象之后，我使用add添加了几个选项卡，现在的问题是我怎么样在tabview里面获取某个添加的选项卡属性？在试用3.3，往解答，
38 楼 2013-07-06 09:39
大概看了一下，免费的功能不足 ，你不能指着开发者为了使用某些功能而收费，，那不现实，，，本身就和开源框架有很大差距，，怎么还？？
37 楼 2013-07-04 11:50
还是算了吧
36 楼 2013-06-06 17:30
来顶顶，关注关注
35 楼 2013-05-19 22:32
建议这种大集成的工具还是做全开源吧，否则你得像extjs那样全新自己开发
34 楼 2013-04-08 14:44
mark
33 楼 2013-03-12 01:22
东西不错，可是市场策略有问题， 定价太高了。 靠卖api赚钱的时代早就过去了，现在是卖服务的时代。 只要有人用的产品，相关服务的需求是早晚的事。 所以第一步是让尽可能多的人用你的产品。
32 楼 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 楼 2013-01-15 16:03
试用了下，界面设计得还可以，但速度跟不上。页面中加载了大量的js，css，导致页面响应速度很慢。鼠标焦点移到文本框时，不停的抖动，大概3-5s后才停留在文本框里。
29 楼 fukai 2013-01-13 16:25
liuguihua0823 写道
确实不错，请问作者，如果我不想某个input被qui渲染，应该怎么办


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

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

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

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

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

有的，见凯发k8国际娱乐官网入口官网：http://www.quickui.net
20 楼 2012-11-29 16:58
没有demo吗…………

发表评论

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

相关推荐

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

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

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

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

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

  • 在这篇学习spring boot系列的文章中，我们将根据核心框架能力、内存消耗、云就绪、易于开发、性能等几个参数来讨论spring boot vs quarkus。 在深入探讨该主题之前，让我们快速浏览一下这两种技术： 什么是 ...

  • web 前端框架 qui v3.0 发布 intellij idea 12 eap 版本更新 其他 firefox 17 正式版发布 apache tomcat 7.0.33 发布 phalconphp 中文文档发布 梦工厂开源电影视觉特效工具openvdb 网易...

  • 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 发布到服务器 ...

  • (框架) 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-...

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

  • 前端的一些资源和github地址链接整理

  • 管理系统是一种通过计算机技术实现的用于组织、监控和控制各种活动的软件系统。这些系统通常被设计用来提高效率、减少错误、加强安全性，同时提供数据和信息支持。以下是一些常见类型的管理系统： 学校管理系统： 用于学校或教育机构的学生信息、教职员工信息、课程管理、成绩记录、考勤管理等。学校管理系统帮助提高学校的组织效率和信息管理水平。 人力资源管理系统（hrm）： 用于处理组织内的人事信息，包括员工招聘、培训记录、薪资管理、绩效评估等。hrm系统有助于企业更有效地管理人力资源，提高员工的工作效率和满意度。 库存管理系统： 用于追踪和管理商品或原材料的库存。这种系统可以帮助企业避免库存过剩或不足的问题，提高供应链的效率。 客户关系管理系统（crm）： 用于管理与客户之间的关系，包括客户信息、沟通记录、销售机会跟踪等。crm系统有助于企业更好地理解客户需求，提高客户满意度和保留率。 医院管理系统： 用于管理医院或医疗机构的患者信息、医生排班、药品库存等。这种系统可以提高医疗服务的质量和效率。 财务管理系统： 用于记录和管理组织的财务信息，包括会计凭证、财务报表、预算管理等。财务管理系统

  • gb2312字符集 作用：国家简体中文字符集，兼容ascii。 位数：使用2个字节表示，能表示7445个符号，包括6763个汉字，几乎覆盖所有高频率汉字。 范围：高字节从a1到f7, 低字节从a1到fe。将高字节和低字节分别加上0xa0即可得到编码。 gbk字符集 作用：它是gb2312的扩展，加入对繁体字的支持，兼容gb2312。 位数：使用2个字节表示，可表示21886个字符。 范围：高字节从81到fe，低字节从40到fe。 gb18030字符集 作用：它解决了中文、日文、朝鲜语等的编码，兼容gbk。 位数：它采用变字节表示(1 ascii，2，4字节)。可表示27484个文字。 范围：1字节从00到7f; 2字节高字节从81到fe，低字节从40到7e和80到fe；4字节第一三字节从81到fe，第二四字节从30到39。

  • 毕业设计，安卓app，基于java开发的学生成绩课件管理系统app，包括pc端和安卓anroid手机app，内含java完整源码 安卓andriod学生成绩课件管理系统 系统开发环境: windows myclipse(服务器端) eclipse(手机客户端) mysql数据库 服务器也可以用eclipse或者idea等工具，客户端也可以采用android studio工具！ 系统客户端和服务器端架构技术: 界面层，业务逻辑层，数据层3层分离技术，mvc设计思想！ 服务器和客户端数据通信格式：json格式,采用servlet方式 【服务器端采用ssh框架，请自己启动tomcat服务器，hibernate会自动生成数据库表的哈！】 hibernate生成数据库表后，只需要在admin管理员表中加个测试账号密码就可以登录后台了哈！ 下面是数据库的字段说明： 班级: 班级编号,班级名称,开办日期,班主任 学生: 学号,登录密码,所在班级,姓名,性别,出生日期,学生照片,联系电话,家庭地址 老师: 教师编号,登录密码,姓名,性别,出生日期,联系电话,邮件,地址,

  • 管理系统是一种通过计算机技术实现的用于组织、监控和控制各种活动的软件系统。这些系统通常被设计用来提高效率、减少错误、加强安全性，同时提供数据和信息支持。以下是一些常见类型的管理系统： 学校管理系统： 用于学校或教育机构的学生信息、教职员工信息、课程管理、成绩记录、考勤管理等。学校管理系统帮助提高学校的组织效率和信息管理水平。 人力资源管理系统（hrm）： 用于处理组织内的人事信息，包括员工招聘、培训记录、薪资管理、绩效评估等。hrm系统有助于企业更有效地管理人力资源，提高员工的工作效率和满意度。 库存管理系统： 用于追踪和管理商品或原材料的库存。这种系统可以帮助企业避免库存过剩或不足的问题，提高供应链的效率。 客户关系管理系统（crm）： 用于管理与客户之间的关系，包括客户信息、沟通记录、销售机会跟踪等。crm系统有助于企业更好地理解客户需求，提高客户满意度和保留率。 医院管理系统： 用于管理医院或医疗机构的患者信息、医生排班、药品库存等。这种系统可以提高医疗服务的质量和效率。 财务管理系统： 用于记录和管理组织的财务信息，包括会计凭证、财务报表、预算管理等。财务管理系统

  • 软件开发设计：php、qt、应用软件开发、系统软件开发、移动应用开发、网站开发c 、java、python、web、c#等语言的项目开发与学习资料 硬件与设备：单片机、eda、proteus、rtos、包括计算机硬件、服务器、网络设备、存储设备、移动设备等 操作系统：linux、ios、树莓派、安卓开发、微机操作系统、网络操作系统、分布式操作系统等。此外，还有嵌入式操作系统、智能操作系统等。 网络与通信：数据传输、信号处理、网络协议、网络与通信硬件、网络安全网络与通信是一个非常广泛的领域，它涉及到计算机科学、电子工程、数学等多个学科的知识。 云计算与大数据：数据集、包括云计算平台、大数据分析、人工智能、机器学习等，云计算是一种基于互联网的计算方式，通过这种方式，共享的软硬件资源和信息可以按需提供给计算机和其他设备。

  • 企业定价策略分销策略与促销策略.docx

  • 管理系统是一种通过计算机技术实现的用于组织、监控和控制各种活动的软件系统。这些系统通常被设计用来提高效率、减少错误、加强安全性，同时提供数据和信息支持。以下是一些常见类型的管理系统： 学校管理系统： 用于学校或教育机构的学生信息、教职员工信息、课程管理、成绩记录、考勤管理等。学校管理系统帮助提高学校的组织效率和信息管理水平。 人力资源管理系统（hrm）： 用于处理组织内的人事信息，包括员工招聘、培训记录、薪资管理、绩效评估等。hrm系统有助于企业更有效地管理人力资源，提高员工的工作效率和满意度。 库存管理系统： 用于追踪和管理商品或原材料的库存。这种系统可以帮助企业避免库存过剩或不足的问题，提高供应链的效率。 客户关系管理系统（crm）： 用于管理与客户之间的关系，包括客户信息、沟通记录、销售机会跟踪等。crm系统有助于企业更好地理解客户需求，提高客户满意度和保留率。 医院管理系统： 用于管理医院或医疗机构的患者信息、医生排班、药品库存等。这种系统可以提高医疗服务的质量和效率。 财务管理系统： 用于记录和管理组织的财务信息，包括会计凭证、财务报表、预算管理等。财务管理系统

  • 安川 a1000 闭环矢量设定表

global site tag (gtag.js) - google analytics
网站地图