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

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等等更详细内容见官方网站：