SiteFactory_新功能快遞
在我熟悉的SiteWeaver中一直存在一個(gè)會(huì)員列表頁,而SiteFactory由于忙于主要功能的開發(fā)而沒有顧及到這些邊緣的功能,在SiteFactory走到1.1之時(shí),主要功能基本完成之時(shí),在論壇也有不少用戶提及到這個(gè)會(huì)員列表的功能什么時(shí)候能夠推出,以便激勵(lì)用戶多發(fā)表文章、多交流。這里就讓我們先來了解會(huì)員列表的功能吧,下個(gè)SiteFactory版本就能用在站點(diǎn)上了。
用戶列表模板
系統(tǒng)默認(rèn)用戶列表頁模板擁有三排行方式:按注冊(cè)日期排序、按發(fā)表文章數(shù)排序、按積分排序。
按注冊(cè)日期排序是默認(rèn)的排序方式,這種排序的作用也就為方便用戶之間查看信息與交流。按發(fā)表文章數(shù)排序和按積分排序都是用于激勵(lì)用戶多發(fā)表文章,獲得更多積分。
那么怎么連接到這個(gè)頁面查看呢?和SiteWeaver同樣,在默認(rèn)網(wǎng)站首頁中的用戶列表中增加了一個(gè)連接:
點(diǎn)擊圖片中的紅色框?qū)?huì)連接到:虛擬路徑+Common/UsersList.aspx。如要更換模板,則在后臺(tái)管理 >> 系統(tǒng)設(shè)置 >> 模板標(biāo)簽管理 >> 動(dòng)態(tài)頁模板配置
模板與標(biāo)簽設(shè)計(jì)
為什么采用模板與標(biāo)簽結(jié)合的設(shè)計(jì)用戶信息列表頁呢?模板可以更方便站長根據(jù)自己站點(diǎn)的實(shí)際情況來顯示什么用戶信息和作怎樣的排行,而不是由我們開發(fā)者由一個(gè)ASPX頁把它定死,充分考慮到站長的可擴(kuò)展性。在模板里站長只需要在<div class="c_content">……</div>之間調(diào)用一個(gè)’簡單用戶列表’標(biāo)簽,并根據(jù)站點(diǎn)情況給予不同的排序參數(shù)
模板調(diào)用標(biāo)簽并給定不同的排序參數(shù),從而決定顯示不同的排行,標(biāo)簽則可控制顯示不同的內(nèi)容。比如站長根據(jù)站點(diǎn)情況不想顯示用戶的Email,可在標(biāo)簽中修改。后臺(tái)管理 >> 系統(tǒng)設(shè)置 >> 模板標(biāo)簽管理 >> 標(biāo)簽管理中搜索’ 簡單用戶列表’再找到如下圖的地方
圖中紅色框部分去掉即可,顯示效果如下:
分頁
通常一個(gè)站點(diǎn)的用戶量很多,這時(shí)候就要用到分頁了。
系統(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="簡單用戶列表" Sorting="JoinTime"/}
</div>
<div id="PassedItems" style="display:none">
{PE.Label id="簡單用戶列表" Sorting="PassedItems"/}
</div>
<div id="UserPoint" style="display:none">
{PE.Label id="簡單用戶列表" Sorting="UserPoint"/}
</div>
</div>
修改成:
<div id="JoinTime">
{PE.Label id="簡單用戶列表" 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>
分頁后的效果如圖:
這樣一個(gè)靈活多變的設(shè)計(jì)相信可為站長更好的打造個(gè)性化的網(wǎng)站用戶排行。
用戶登錄
還沒有賬號(hào)?
立即注冊(cè)