怎样使用DWZ？

首先说明，这篇文章不是解说DWZ内部实现原理的，也不打算分析它的源代码，这里仅仅是演示一下，怎样将DWZ框架整合到项目中去。

刚刚过去的项目中，前台UI使用的是DWZ。因为之前项目的开发环境都已经搭建好了，经过简短的培训之后，就能够动手开发了。在完毕这个项目后，自己下载了一个DWZ的demo，部署到tomcat之后，能够正常的演示了。

可是，当初在项目之初。搭建好开发环境的那个人是怎样将DWZ整合到项目中去的呢？假设我是他，我该从什么地方入手呢？

下载DWZ（下载地址：http://code.google.com/p/dwz/downloads/list）

将下载的压缩包解压后，如图：

我们须要的内容有：目录bin、目录js、目录themes、目录uploadify、dwz.frag.xml以及index.html

当中

bin：将js文件里的js文件进行压缩并存储到该目录下。

js：dwz的核心脚本代码；

themes：css样式。提供了default、azure、green、purple、silver等皮肤；

uploadify：文件上传控件。

dwz.frag.xml：默认的一些初始化的值。比如dialog的大小等。

终于效果图：

疑问：当初疑问，为什么要将dwz目录放到styles文件下？放到其它目录下能够吗？

答案是能够的。之所以将dwz目录放到styles目录下。是由于要和index.jsp中的相应（准确的说应该是index.jsp中引用和dwz目录所在的位置相匹配）

总结：在写完这篇文章后，感觉这是一个非常easy的事情。之前之所以有困惑。主要是由于自己没有从头到尾的亲手操作过，感觉没有头绪，以为会非常麻烦。

事实上，仅仅有自己动手做了，回想一下感觉不是非常困难。