JUI/DWZ介绍、简单使用

简介

由于开发的项目使用JUI,所以学习了。

DWZ富客户端框架(jQuery RIAframework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架。（现在更名为JUI）

可以实现很炫的后台管理界面，很方便的实现功能。

下载

包：

https://code.google.com/p/dwz/downloads/list（code迁移到https://code.csdn.net/dwzteam）

我百度网盘：链接：http://pan.baidu.com/s/1mggKVu4 密码：6hnt

手册： 链接：http://pan.baidu.com/s/1pJ2tGH9 密码：9o0n

最新版源码下载地址：链接：http://pan.baidu.com/s/1pJvBUgr 密码：ng4h
 （2015-05-14）

spring mvc整合例子：链接：http://pan.baidu.com/s/1qWA3qyg 密码：kizp

源码使用

dwz-ria-1.4.6.zip将包解压，然后部署到tomcat就可以访问使用。上面有很多的样例，看上的，可以参考样例（htm源码）直接使用。

目录结构

bin：存放js压缩。（js目录下有改动的，可以使用bin目录下的压缩软件生成新的js）

chart：提供其他额外碎片的JS（图表：树形等）。

demo：根目录下htm操作需要调用到的一些应用。

doc：文档。

js：相关应用。

themes：界面样式。（里面有五个主题，扩展可以在这做）

uploadify：上传的插件。

xheditor：编辑器。

其他的是提供了一个个样例给我们参考使用。

dwz.frag.xml：界面第一次载入的时候加入，里面有一些初始化数据。比如一些对话框的制定等。

框架

整个是DIV布局出来的，第一次打开的时候只会载入一次的js文件。然后使用过程中不会在载入了。

当点击导航的链接的时候，只调用一个DIV到红色框来显示。

简单使用

将dwz-ria下的文件夹（可根据需要拷贝对应文件夹）和xml、login、index拷贝到项目下。然后查看例子，根据需要修改index和login源码，可以参考手册和例子源码修改。

注意：index.jsp导入很多js文件，但在实际使用中，我们只需导入min.js即可。