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

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

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

下载DWZ(下载地址:http://code.google.com/p/dwz/downloads/list)

将下载的压缩包解压后,如图:

怎样使用DWZ?-LMLPHP

我们须要的内容有:目录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?-LMLPHP

疑问:当初疑问,为什么要将dwz目录放到styles文件下?放到其它目录下能够吗?

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

怎样使用DWZ?-LMLPHP

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

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

05-11 17:30