目錄
目錄X

SiteFactory_新功能快遞

    在我熟悉的SiteWeaver中一直存在一個(gè)會(huì)員列表頁(yè),而SiteFactory由于忙于主要功能的開(kāi)發(fā)而沒(méi)有顧及到這些邊緣的功能,在SiteFactory走到1.1之時(shí),主要功能基本完成之時(shí),在論壇也有不少用戶提及到這個(gè)會(huì)員列表的功能什么時(shí)候能夠推出,以便激勵(lì)用戶多發(fā)表文章、多交流。這里就讓我們先來(lái)了解會(huì)員列表的功能吧,下個(gè)SiteFactory版本就能用在站點(diǎn)上了。

用戶列表模板

       系統(tǒng)默認(rèn)用戶列表頁(yè)模板擁有三排行方式:按注冊(cè)日期排序、按發(fā)表文章數(shù)排序、按積分排序。

    按注冊(cè)日期排序是默認(rèn)的排序方式,這種排序的作用也就為方便用戶之間查看信息與交流。按發(fā)表文章數(shù)排序和按積分排序都是用于激勵(lì)用戶多發(fā)表文章,獲得更多積分。
那么怎么連接到這個(gè)頁(yè)面查看呢?和SiteWeaver同樣,在默認(rèn)網(wǎng)站首頁(yè)中的用戶列表中增加了一個(gè)連接:

 點(diǎn)擊圖片中的紅色框?qū)?huì)連接到:虛擬路徑+Common/UsersList.aspx。如要更換模板,則在后臺(tái)管理 >> 系統(tǒng)設(shè)置 >> 模板標(biāo)簽管理 >> 動(dòng)態(tài)頁(yè)模板配置

模板與標(biāo)簽設(shè)計(jì)

    為什么采用模板與標(biāo)簽結(jié)合的設(shè)計(jì)用戶信息列表頁(yè)呢?模板可以更方便站長(zhǎng)根據(jù)自己站點(diǎn)的實(shí)際情況來(lái)顯示什么用戶信息和作怎樣的排行,而不是由我們開(kāi)發(fā)者由一個(gè)ASPX頁(yè)把它定死,充分考慮到站長(zhǎng)的可擴(kuò)展性。在模板里站長(zhǎng)只需要在<div class="c_content">……</div>之間調(diào)用一個(gè)’簡(jiǎn)單用戶列表’標(biāo)簽,并根據(jù)站點(diǎn)情況給予不同的排序參數(shù)

    模板調(diào)用標(biāo)簽并給定不同的排序參數(shù),從而決定顯示不同的排行,標(biāo)簽則可控制顯示不同的內(nèi)容。比如站長(zhǎng)根據(jù)站點(diǎn)情況不想顯示用戶的Email,可在標(biāo)簽中修改。后臺(tái)管理 >> 系統(tǒng)設(shè)置 >> 模板標(biāo)簽管理 >> 標(biāo)簽管理中搜索’ 簡(jiǎn)單用戶列表’再找到如下圖的地方

 

圖中紅色框部分去掉即可,顯示效果如下:

 

 分頁(yè)
 
通常一個(gè)站點(diǎn)的用戶量很多,這時(shí)候就要用到分頁(yè)了。
系統(tǒng)默認(rèn)的模板中需要改動(dòng)三個(gè)地方,首先需要把模板中這段JS去掉:
<script language="javascript" type="text/javascript">
    function ShowContent(div)
    {
        document.getElementById(div).style.display = "block";
        if(div =="PassedItems")
        {
            document.getElementById("JoinTime").style.display = "none";
            document.getElementById("UserPoint").style.display = "none";
        }
        else if(div =="UserPoint")
        {
            document.getElementById("JoinTime").style.display = "none";
            document.getElementById("PassedItems").style.display = "none";
        }
        else
        {
            document.getElementById("PassedItems").style.display = "none";
            document.getElementById("UserPoint").style.display = "none";
        }
    }
</script>
接著修改這個(gè)代碼:
<div id="JoinTime" style="display:block">
                  {PE.Label id="簡(jiǎn)單用戶列表" Sorting="JoinTime"/}
                </div>
                <div id="PassedItems" style="display:none">
                  {PE.Label id="簡(jiǎn)單用戶列表" Sorting="PassedItems"/}
                </div>
                <div id="UserPoint" style="display:none">
                   {PE.Label id="簡(jiǎn)單用戶列表" Sorting="UserPoint"/}
                </div>
              </div>
修改成:
<div id="JoinTime">
         {PE.Label id="簡(jiǎn)單用戶列表" Sorting="JoinTime" page="true" pagesize="1"/}
              </div>
最后修改這段代碼:
<td><label onclick="ShowContent('PassedItems');">按發(fā)表文章數(shù)排序</label></td><td>
<label onclick="ShowContent('JoinTime');">按注冊(cè)日期排序</label></td><td>
<label onclick="ShowContent('UserPoint');">按點(diǎn)卷排序</label></td>
修改成:
<td><td>按注冊(cè)日期排序</td></td>

分頁(yè)后的效果如圖:   

 這樣一個(gè)靈活多變的設(shè)計(jì)相信可為站長(zhǎng)更好的打造個(gè)性化的網(wǎng)站用戶排行。

【打印正文】 發(fā)布時(shí)間:2008-06-12 13:28:37 瀏覽次數(shù): 作者:吳卓 來(lái)源:本站原創(chuàng)
×

用戶登錄