1.8 網(wǎng)站后臺(tái)主頁(yè)設(shè)計(jì)(后臺(tái))
1.8.1 網(wǎng)站后臺(tái)主頁(yè)概述
程序開(kāi)發(fā)人員在設(shè)計(jì)網(wǎng)站后臺(tái)主頁(yè)時(shí),主要是從后臺(tái)管理人員對(duì)功能的易操作性、實(shí)用性、網(wǎng)站的易維護(hù)性考慮,與網(wǎng)站的前臺(tái)相比美觀性并不是很重要。供求信息網(wǎng)站后臺(tái)主頁(yè)運(yùn)行效果如圖1.37所示。
1.8.2 網(wǎng)站后臺(tái)主頁(yè)技術(shù)分析
在開(kāi)發(fā)網(wǎng)站后臺(tái)主頁(yè)時(shí),經(jīng)常會(huì)用到iframe內(nèi)嵌框架。通過(guò)此框架將網(wǎng)站中各部分獨(dú)立的網(wǎng)頁(yè)重新組成一個(gè)完整的網(wǎng)頁(yè),即在網(wǎng)站的左邊選擇相關(guān)功能,而在右邊顯示功能頁(yè),如圖1.38所示。
1.iframe框架概述
iframe框架,又稱(chēng)內(nèi)嵌框架。frame框架與iframe框架兩者可以實(shí)現(xiàn)的功能基本相同,不過(guò)iframe框架比f(wàn)rame框架具有更多的靈活性。
iframe框架的標(biāo)記為<iframe>(又叫浮動(dòng)幀標(biāo)記),可以用它將一個(gè)HTML文檔嵌入在一個(gè)HTML中顯示。它和<frame>標(biāo)記的最大區(qū)別是在網(wǎng)頁(yè)中嵌入的<iframe></iframe>所包含的內(nèi)容與整個(gè)頁(yè)面是一個(gè)整體,而<frame></frame>所包含的內(nèi)容是一個(gè)獨(dú)立的個(gè)體,是可以獨(dú)立顯示的。
設(shè)置iframe框架的iframe參數(shù)的代碼如下:
<iframe id="iframe1" name="mainFrame" style="width: 802px; height: 596px" frameborder="0"> </iframe>
% 注意:name屬性的設(shè)置是很重要的,在后期需要使用name屬性將子頁(yè)顯示到iframe框架中。
2.iframe框架的應(yīng)用
本網(wǎng)站后臺(tái)頁(yè)面布局規(guī)劃中,左邊使用TreeView控件作為菜單導(dǎo)航功能,右邊放置iframe框架,顯示功能子頁(yè)。那么在相應(yīng)的位置編寫(xiě)iframe框架的代碼,并且設(shè)置其ID、name等屬性。
主要代碼如下:
<iframe id="iframe1" name="mainFrame" style="width: 802px; height: 596px" frameborder="0"> </iframe>
iframe框架的代碼編寫(xiě)完后,就可以設(shè)置TreeView控件的相關(guān)屬性,將功能子頁(yè)顯示在iframe框架中,主要設(shè)置TreeView控件節(jié)點(diǎn)的NavigateUrl屬性(節(jié)點(diǎn)被選中時(shí)定位的鏈接)和Target屬性(節(jié)點(diǎn)被選中時(shí)定位的目標(biāo))實(shí)現(xiàn),屬性的設(shè)置如圖1.39所示。
1.8.3 網(wǎng)站后臺(tái)主頁(yè)實(shí)現(xiàn)過(guò)程
1.設(shè)計(jì)步驟
(1)新建一個(gè)Web窗體,默認(rèn)名稱(chēng)為Default.aspx,主要用于網(wǎng)站后臺(tái)首頁(yè)的設(shè)計(jì)。
(2)在Web窗體中添加一個(gè)Table表格,用于頁(yè)面的布局。
(3)在Table中添加一個(gè)TreeView服務(wù)器控件,在節(jié)點(diǎn)編輯器中添加相應(yīng)的節(jié)點(diǎn)和子節(jié)點(diǎn),并且設(shè)置子節(jié)點(diǎn)的NavigateUrl屬性,主要用于后臺(tái)功能菜單的導(dǎo)航。
(4)在頁(yè)面的源視圖中的相關(guān)位置,添加iframe框架代碼,用于顯示功能子頁(yè)。代碼如下:
<iframe id="iframe1" name="mainFrame" style="width: 802px; height: 596px" frameborder="0"> </iframe>
2.實(shí)現(xiàn)過(guò)程
在頁(yè)面的加載事件中,主要實(shí)現(xiàn)驗(yàn)證用戶(hù)是否通過(guò)合理的程序登錄,非法用戶(hù)不能進(jìn)入網(wǎng)站后臺(tái)。代碼如下:
例程26 代碼位置:光盤(pán)\TM\01\SIS\ BackGround\ Default.aspx.cs
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
try
{
if (Session["UserName"].ToString().ToLower() != "TSOFT".ToLower())
WebMessageBox.Show("請(qǐng)登錄后方可進(jìn)入網(wǎng)站后臺(tái)!", "../Logon.aspx");
}
catch { }
}
}