dwz框架在clattice项目中的应用(5)—DWZ的部署

我们要用DWZ框架首先必须要考虑的就是如何将它部署到我们的项目中来。首先在到DWZ项目中下载项目包：http://code.google.com/p/dwz/

我们会下载一个dwz-ria-1.4.4.zip的压缩包，将其解压出来会得到一个项目的demo，将整个demo拷贝到我们的项目目录下

这是整个DWZ项目的一个demo，接下来我们要做的就是删除掉那些我们不需要的以简洁一个整个项目。我们删除掉除js、themes、uploadify、bin、xheditor、dwz.frag.xml以外的文件和文件夹。那些都只是用于演示DWZ项目而不是我们项目所需要的。

接下来我们就需要初始化项目：

我们在项目中需要在一个页面（通常是起始页，如index.aspx/index.php）包含框架，这里的框架是指demo中index.html页面的所有元素（<div class=”page”可自定义），完整的html结构。其它的页面只需要页面碎片，就是<body></body>中的部分。第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量。因此我们需要建立一个起始页面并引用DWZ中的JS文件和样式文件。并用下面的方法进行初始化：

<script type="text/javascript">  

$(function() {

        DWZ.init("dwz.frag.xml");

   });

</script>

至此，框架就部署好，我们只要按照规则建立其他的页面就可以丰富完整整个项目。

在此上传一张项目的部分结构目录图

 

posted on 2013-01-11 11:20  向上吧，骚年  阅读(484)  评论(0)  编辑  收藏  举报

导航