QUICK UI 文档

QUICK UI 开发文档

快速上手


使用之前

​ QUICK UI 4.0是基于jquery1.9开发。在开始使用 QUICK UI 之前,有必要先了解jquery的基础知识。我们假定您已经基本掌握QUIERY的用法,包括初始化函数、使用选择器选择DOM节点和设置与读取自定义属性等知识。

运行HTML示例工程

​ 你需要架设服务器,通过http的方式访问demo工程。比如tomcat等。

​ 当你拿到QUICK UI的试用版或者购买了正式版后,从软件包中找到“组件示例工程”文件夹,把里面的quickui目录拷贝到服务器相应目录,然后通过http的方式访问quickui/system/main_html/main.html

grid_1

​ 如果你的开发编辑器本身就有http预览环境(比如Hbuilder),也可以直接把quickui目录拖到编辑器中,直接运行quickui/system/main_html/main.html

使用QUICK UI皮肤包

​ QUICK UI有皮肤包的概念,每一套皮肤包都有独立的主页文件、导航处理和CSS样式等,所有的皮肤包共用组件库资源,来实现QUICK UI风格样式的千变万化。关于皮肤包详细内容见“框架”栏目的皮肤相关章节。

​ 皮肤包使用方式:将皮肤包文件夹放到quickui/system目录下,像访问示例工程主页文件一样访问皮肤包里面的main.html

grid_1

搭建工程开发

​ 你需要先选择一套适合你的框架皮肤包作为项目入口。选择皮肤包可以访问官网预览效果,官网的每一套皮肤中会显示皮肤名称,该名称与皮肤包文件夹名字保持一致。也可以通过在本地访问皮肤包的方式一个个查看。

​ 当创建了工程后,在工程根目录新建system目录,皮肤包放到system目录中。从“组件示例工程”文件夹中找到libs文件夹。libs是QUICK UI组件库,也同样放到你的工程根目录。然后访问该皮肤的主页文件作为你的项目主页。

grid_1

​ 如果希望更改皮肤包名称,或者更改目录结构,需要修改皮肤主页的配置参数。如果你无法正常访问皮肤包主页,说明路径出了问题,同样需要修改皮肤主页的配置参数。详细内容见“框架”栏目的皮肤相关章节。