首先说明,这篇文章不是解说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的事情。之前之所以有困惑。主要是由于自己没有从头到尾的亲手操作过,感觉没有头绪,以为会非常麻烦。
事实上,仅仅有自己动手做了,回想一下感觉不是非常困难。