可以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等等

 

 

更详细内容见：点击这里