首先说明，这篇文章不是讲解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文件夹所在的位置相匹配）

总结：在写完这篇文章后，感觉这是一个非常简单的事情。之前之所以有困惑，主要是因为自己没有从头到尾的亲手操作过，感觉没有头绪，以为会很麻烦。其实，只有自己动手做了，回顾一下感觉不是很困难。