可以500%提高开发效率的前端UI框架!QUI!

QUI 框架介绍

QUI网页界面集成框架是一套完整的企业级前端解决方案,由组件库、皮肤框架、示例工程和文档4部分组成。使用本产品开发者可以极大地减少工作量,提高开发效率,快速构建功能强大、美观、兼容的应用系统。

QUI框架特点如下:

特点一: 组件使用方式极大简化和一致性

几乎所有组件都可以通过一句标签实现创建。无需任何JS代码。

例如:

其中,class设置为selectTree声明它是一个树形下拉框,url里的路径用于从远程获取JSON数据。

效果如下:

其他设置通过添加属性实现,例如添加multiMode=”true”属性,则变成了多选下拉框。

特点二: 丰富的组件接口,详细的API手册

每个组件都可以标签中添加属性,来实现各种各样的功能,可以应对各种开发时可能遇到的需求。

框架提供了非常详尽的使用文档,目前包含642个章节,包含了WEB开发的方方面面。开发过程中遇到的问题大多可以通过查看相应章节获得解决办法。

特点三: 框架全面支持JSON数据

所有与数据相关组件均支持异步加载JSON数据的方式构建。

树、数据列表组件、均由JSON数据构建。

同时,为了照顾使用某些老技术的用户,也提供了一些同步的组件,例如table列表、单选下拉框保留option模式等。

表单提交与编辑支持同步与异步两种方式。

特点四: 组件获取数据方式多样化

可以使用url实现组件的数据获取。

除了使用url方式获取数据外,组件还有多种数据获取方式,例如数据量小时可以把数据直接写在标签上以方便开发;

或者使用动态赋值的方式将数据赋给组件,这样在数据格式不可控的情况下非常有用,例如从第三方的webservice获取的数据可以在前台进行二次处理后赋给组件。

特点五: 所有组件支持动态渲染创建,动态改变属性

框架为每个组件提供一个render()方法。有了它,你可以动态创建组件,也可以动态改变属性。

做法就是动态创建dom节点或使用xx.attr()来改变节点属性(attr 是jquery语法),最后对该组件调用render()方法。

特点六: 示例工程配套了JAVA和.NET后台

提供了 JAVA和.NET示例工程,对于开发中常用的框架与后台交互的场景做出了相应的典型示例。

包括用户管理(数据列表的增、删、改、查、导入、导出等)、组织机构管理 (树组件的ajax编辑)、表格的即时编辑、上传的实现、组件数据的远程获取和其他一些功能(如用户登录、系统锁屏等)。

开发项目时,可以直接以框架的示例工程为基础来开发,或者自行建立工程,然后参考框架示例工程的后台实现思路 。

特点七: 全面的导航方式

框架包括十余种导航架构,比如抽屉菜单导航、弹出菜单导航、图标导航、纵向+横向导航、portal模式等等,而其他框架只有千篇一律的抽屉菜单导航。

特点八: 美观、丰富的皮肤样式

框架拥有上百套美观的、风格各异的皮肤模板供选择, 为用户提供整体的前端系统解决方案。其他框架仅仅是组件库而已。

特点九: 灵活的皮肤机制

框架采用独特的皮肤机制,只有主页面引入皮肤样式,所有子页面都会读取主页面的配置,自动加载相应的皮肤。

在更换主题风格时,只需要更改主页面配置即可,无需对每个子页面都做调整,非常方便。

特点十: 卓越的浏览器兼容性

QUI 框架兼容主流的所有浏览器,包括IE6、IE7、IE8、IE9、IE10、IE11、firefox、chrome、safari等等

更详细内容见:点击这里

时间: 2024-11-06 09:33:32

可以500%提高开发效率的前端UI框架!QUI!的相关文章

Android Studio添加Parcelable序列化小工具(快速提高开发效率)

Android Studio添加Parcelable序列化小工具(快速提高开发效率) Android Studio是google专门为开发Android提供的开发工具,在它内部可以直接的添加一些非常好用的开发小工具,这里就讲解怎样添加这些小工具,并且向大家推荐一个非常有用的对象传递时,必须要把对象序列化的接口Parcelable小工具; 这里先介绍下 Android中实现序列化的两个选择:一是实现Serializable接口(是JavaSE本身就支持的),一是实现Parcelable接口(是An

善用VS中的Code Snippet来提高开发效率

http://www.cnblogs.com/anderslly/archive/2009/02/16/vs2008-code-snippets.html http://www.cnblogs.com/jaic-xiao/archive/2008/10/14/Jie_Shao_Net_Gong_Ju_Code_Snippet_Yu_Sql_Server_2008_Gong_Ju_SSMS_Tools_Pack.html 前言 在谈谈VS中的模板中,我介绍了如何创建项目/项模板,这种方式可以在创建

iOS开发中使用宏定义提高开发效率

iOS开发中使用宏定义提高开发效率 (2013-07-10 10:47:33) 转载▼ iOS开发中,巧妙的使用宏定义,可以提高开发效率,本篇简单介绍一下宏的定义,设置,应用,并在未来实践中不断追加一些常用的宏定义. 调试Log iPhone应用程序开发调试的时候,在代码中加入NSLog的暴力调试方法是很频繁的,但是在release的时候要删除这些调试代码,那工作量是烦躁,这样的情况下,试用宏就会显得非常的方便. 看下面的例子: #ifdef DEBUG #define LOG(...) NSL

通过热部署提高开发效率

为什么用热部署? 我现在走的是java后端路线,在平时做项目或练习时有一个很重要的问题就是,把项目部署到服务器后调试,进行java代码修改后大部分情况下要重启服务器或重新部署,当项目比较大的时候,重启时间都要个几分钟,大大降低开发效率,后来接触到了热部署,大大提高开发效率,使用jrebel每年可以省去部署用的时间花费高达5.25个星期. 热部署的几种方法 我使用过几种IDE,netbeans,eclipse,MyEclipse与Intell IDEA,我记得netbeans是可以自己实现热部署的

如何利用 Visual Studio 自带工具提高开发效率

原文:如何利用 Visual Studio 自带工具提高开发效率 Visual Stuido 是一款强大的Windows 平台集成开发工具,你是否好好地利用了它呢? 显示行号 有些时候(比如错误定位)的时候,显示行号将有利于我们进行快速定位. 如何显示 1. 工具 / 选项 / 文本编辑器 -> 选择对应的语言 2. 勾选 "行号" 使用书签 和平常意义的书签类似,当我们希望在日后某一时刻快速定位到一处代码时使用.比如在项目例会上,你需要演示本周你所做的一些改进,在开会前可以事先

“六神”——技术提高开发效率的一个方案

这个方案并不是我在系统设计方面的最早一次尝试.但它在提高开发效率方面,是效果最为显著的一个方案. 简介 "六神"框架提供了一套简单而通用的.从Web层到数据库操作(增加单个数据.删除单个数据.修改单个数据.查询单个数据.查分页列表.查不分页列表,六个操作,因此名为"六神")的基础组件.并且,它为复杂的数据库操作留下了扩展点. 在当时的技术背景下,这套框架使用Struts2.0+Spring+myBatis来实现.但是它的设计思路是可以适用于其它技术的. 在应用了这套

能够提高开发效率的 Eclipse 实用操作

工欲善其事,必先利其器.对于程序员来说,Eclipse便是其中的一个“器”.本文会从Eclipse快捷键和实用技巧这两个篇章展开介绍.Eclipse快捷键用熟后,不用鼠标,便可进行编程开发,避免鼠标分了你的神.而掌握了Eclipse的一些实用技巧,则可以大大提高开发效率. 1.丢掉鼠标吧之Eclipse快捷键篇 1.1文件切换的三种方式 1.1.1  Ctrl + E,在右边显示出当前打开的所有文件 1.1.2 Ctrl + Pg Up ,Ctrl + Pg Dn ,逐个文件跳跃 按下Ctrl

Gson的详细使用(android必备,快速提高开发效率)

Gson的详细使用(android必备,快速提高开发效率) 接下来我要强烈给大家推荐一个google官方推荐使用的json解析库Gson.掌握好它之后,在以后的开发中就会减少非常多的代码,使用起来非常的方便. 概述: Gson是一个Java库,它不仅可以把Java对象转化为Json格式,它也能将一段Json格式的字符串转化为相对于的Java对象.Gson适用于所有Java对象,即使是那些你不知道源代码的对象. Gson的目标 提供简单易用的方法比如 toString() ,构造方法来转化JAVA

能够提高开发效率的Eclipse实用操作

工欲善其事,必先利其器.对于程序员来说,Eclipse便是其中的一个“器”.本文会从Eclipse快捷键和实用技巧这两个篇章展开介绍.Eclipse快捷键用熟后,不用鼠标,便可进行编程开发,避免鼠标分了你的神.而掌握了Eclipse的一些实用技巧,则可以大大提高开发效率. 1.丢掉鼠标吧之Eclipse快捷键篇 1.1文件切换的三种方式 1.1.1  Ctrl + E,在右边显示出当前打开的所有文件 1.1.2 Ctrl + Pg Up ,Ctrl + Pg Dn ,逐个文件跳跃 按下Ctrl