首先，單頁(yè)包括該單頁(yè)的php文件和該單頁(yè)的模板（.htm）文件，比如：host.php、host.htm
單頁(yè)的php文件內(nèi)容如下：
<?php require './source/class/class_core.php';//引入系統(tǒng)核心文件 $discuz = & discuz_core::instance();//以下代碼為創(chuàng)建及初始化對(duì)象 $discuz->cachelist = $cachelist;
$discuz->init(); include template('forum/about');//調(diào)用單頁(yè)模版文件 ?>
這里需要注意的是，about為模板文件名，不需要加.htm擴(kuò)展名，模板文件存放于自己當(dāng)前風(fēng)格目錄下的forum目錄，單頁(yè)的php文件存放于論壇根目錄。
php文件創(chuàng)建完畢，現(xiàn)在開(kāi)始創(chuàng)建模版文件，基本代碼如下：
{subtemplate common/header}
<div id="pt" class="wp"><a href="index.php">首頁(yè)</a> › 關(guān)于我們 </div>
<style id="diy_style" type="text/CSS"></style>
<div id="ct" class="wp cl w">
<div class="mn mw">
<div class="content"> 這里是自己正文區(qū)域的代碼 </div>
</div>
</div>
{subtemplate common/footer}
其中：<a href="index.php" class="nvhm">$_G[setting][bbname]</a> › 關(guān)于我們這一行是單頁(yè)的路徑顯示，比如：首頁(yè) ? 關(guān)于我們，{subtemplate common/header}、{subtemplate common/footer}分別為調(diào)用頁(yè)頭、頁(yè)尾模板，使得單頁(yè)風(fēng)格與論壇保持一致。
至此，基本型單頁(yè)創(chuàng)建完畢。
以下為帶右邊側(cè)欄單頁(yè)模板
上面模板文件代碼是不帶邊欄的，現(xiàn)在講下帶邊欄的單頁(yè)模板文件代碼，如下：
{subtemplate common/header}
<div id="pt" class="wp"><a href="index.php" class="nvhm">$_G[setting][bbname]</a> › 會(huì)員風(fēng)采</div>
<div id="ct" class="wp cl n"> <div class="mn"> <div class="bm"> <h1 class="mt"> 分類瀏覽</h1> <div class="datalist" style="margin:10px 0;"> 這里是正文區(qū)域代碼 </div> </div> </div>
<!--邊欄區(qū)域代碼開(kāi)始-->
<div id="psd" class="sd"> <div class="bn"> <p><strong>欄目名稱</p> <p><a href="#">邊欄菜單名稱</a></p> <p><a href="#">邊欄菜單名稱</a></p> <p><a href="#">邊欄菜單名稱</a></p> </div>
<div class="bn"> <p><strong>管理面板</strong></p> <p><a href="#">添加分類</a></p> <p><a href="#">管理分類</a></p> <p><a href="#">返回會(huì)員風(fēng)采</a></p> </div> </div>
<!--邊欄區(qū)域代碼結(jié)束-->
</div>
{subtemplate common/footer}
其中：邊欄區(qū)域代碼中，每個(gè)<div class="bn">區(qū)塊為一個(gè)邊欄菜單區(qū)域。
以下為帶右邊側(cè)欄且多頁(yè)選項(xiàng)卡切換
剛看看到論壇有站長(zhǎng)問(wèn)單頁(yè)中如何做那個(gè)多頁(yè)面選項(xiàng)卡切換，下面介紹下。
其實(shí)就是多了幾行代碼，都是DX系統(tǒng)自帶的，直接使用即可，在上面帶右側(cè)邊欄模板代碼的：
<h1 class="mt">  分類瀏覽 </h1>
這一行下面加入：
<ul class="tb cl">
<li <!--{if empty($_G[gp_viewtype]) || $_G[gp_viewtype] == 'new'}-->class="a"<!--{/if}-->><a href="host.php?viewtype=new">最新發(fā)布</a></li>
<li <!--{if $_G[gp_viewtype] == 'view'}-->class="a"<!--{/if}-->><a href="host.php?viewtype=view">瀏覽排行</a></li>
<li <!--{if $_G[gp_viewtype] == 'comment'}-->class="a"<!--{/if}-->><a href="host.php?viewtype=comment">回復(fù)排行</a></li>
<li <!--{if $_G[gp_viewtype] == 'rate'}-->class="a"<!--{/if}-->><a href="host.php?viewtype=rate">評(píng)分排行</a></li>
</ul>
解釋上面代碼，其中每個(gè)<li>標(biāo)簽，就是一個(gè)選項(xiàng)卡，里面的超鏈接host.php?viewtype=new，這里的viewtype就是指定一個(gè)變量，并且指定值為new，點(diǎn)擊這個(gè)選項(xiàng)卡時(shí)候$_G[gp_viewtype]就會(huì)獲取到這個(gè)值，然后通過(guò)判斷$_G[gp_viewtype]的值，來(lái)選擇當(dāng)前選項(xiàng)卡是否為焦點(diǎn)選項(xiàng)。
既然說(shuō)到多頁(yè)，那么多個(gè)頁(yè)面如何做，思路可以有兩種，一種是建立多個(gè)單頁(yè)，包括多個(gè)php文件和多個(gè)模板文件，當(dāng)然這種方法比較直接，但是比較麻煩，可以在同一個(gè)模板文件中判斷$_G[gp_viewtype]的值來(lái)選擇顯示不同的內(nèi)容，比如在正文區(qū)域中如下代碼：
<!--{if $_G[gp_viewtype] == 'new'}--> 這里顯示的是new選項(xiàng)卡下的內(nèi)容 <!--{elseif $_G[gp_viewtype] == 'view'}--> 這里顯示view選項(xiàng)卡下的內(nèi)容 <!--{elseif $_G[gp_viewtype] == 'comment'}--> 這里顯示comment選項(xiàng)卡下的內(nèi)容 <!--{/if}-->
這樣就實(shí)現(xiàn)了一個(gè)模版文件中多個(gè)頁(yè)面的效果。點(diǎn)擊不同選項(xiàng)卡，顯示不同內(nèi)容。
以下為可以DIY的單頁(yè)教程
自己制作的單頁(yè)中，如何又能使用DX的DIY功能呢？
只需要稍加改造，即可完成，如下：
將單頁(yè)php文件調(diào)用模板的那行代碼改成：
include template('diy:forum/host');
這樣就可以加載DIY模塊，然后在單頁(yè)模版中，添加DIY區(qū)域，如下：
<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
這就是一個(gè)DIY區(qū)域，如果要多個(gè)區(qū)域，則：
<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]--> <!--[diy=diy2]--><div id="diy2" class="area"></div><!--[/diy]--> <!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]-->
將里面diy1,diy2,diy3區(qū)分開(kāi)來(lái)即可。
比如，在單頁(yè)模板代碼的<div id="pt" class="wp">這一個(gè)div層塊的上面或下面加：
<div class="wp"> <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]--> </div>
這樣就可以實(shí)現(xiàn)單頁(yè)DIY功能了，需要說(shuō)明的是，模版中要在什么地方加DIY區(qū)域，根據(jù)自己需要，并不是固定死的，自己設(shè)計(jì)在哪，就在哪里加入。
