1.8 網(wǎng)站后臺主頁設計（后臺）

1.8.1 網(wǎng)站后臺主頁概述

程序開發(fā)人員在設計網(wǎng)站后臺主頁時，主要是從后臺管理人員對功能的易操作性、實用性、網(wǎng)站的易維護性考慮，與網(wǎng)站的前臺相比美觀性并不是很重要。供求信息網(wǎng)站后臺主頁運行效果如圖1.37所示。

1.8.2  網(wǎng)站后臺主頁技術分析

在開發(fā)網(wǎng)站后臺主頁時，經(jīng)常會用到iframe內(nèi)嵌框架。通過此框架將網(wǎng)站中各部分獨立的網(wǎng)頁重新組成一個完整的網(wǎng)頁，即在網(wǎng)站的左邊選擇相關功能，而在右邊顯示功能頁，如圖1.38所示。

1．iframe框架概述

iframe框架，又稱內(nèi)嵌框架。frame框架與iframe框架兩者可以實現(xiàn)的功能基本相同，不過iframe框架比frame框架具有更多的靈活性。

iframe框架的標記為<iframe>（又叫浮動幀標記），可以用它將一個HTML文檔嵌入在一個HTML中顯示。它和<frame>標記的最大區(qū)別是在網(wǎng)頁中嵌入的<iframe></iframe>所包含的內(nèi)容與整個頁面是一個整體，而<frame></frame>所包含的內(nèi)容是一個獨立的個體，是可以獨立顯示的。

設置iframe框架的iframe參數(shù)的代碼如下：

<iframe id="iframe1" name="mainFrame" style="width: 802px; height: 596px" frameborder="0">    </iframe>

% 注意：name屬性的設置是很重要的，在后期需要使用name屬性將子頁顯示到iframe框架中。

2．iframe框架的應用

本網(wǎng)站后臺頁面布局規(guī)劃中，左邊使用TreeView控件作為菜單導航功能，右邊放置iframe框架，顯示功能子頁。那么在相應的位置編寫iframe框架的代碼，并且設置其ID、name等屬性。

主要代碼如下：

<iframe id="iframe1" name="mainFrame" style="width: 802px; height: 596px" frameborder="0">    </iframe>

iframe框架的代碼編寫完后，就可以設置TreeView控件的相關屬性，將功能子頁顯示在iframe框架中，主要設置TreeView控件節(jié)點的NavigateUrl屬性（節(jié)點被選中時定位的鏈接）和Target屬性（節(jié)點被選中時定位的目標）實現(xiàn)，屬性的設置如圖1.39所示。

1.8.3  網(wǎng)站后臺主頁實現(xiàn)過程

1．設計步驟

（1）新建一個Web窗體，默認名稱為Default.aspx，主要用于網(wǎng)站后臺首頁的設計。

（2）在Web窗體中添加一個Table表格，用于頁面的布局。

（3）在Table中添加一個TreeView服務器控件，在節(jié)點編輯器中添加相應的節(jié)點和子節(jié)點，并且設置子節(jié)點的NavigateUrl屬性，主要用于后臺功能菜單的導航。

（4）在頁面的源視圖中的相關位置，添加iframe框架代碼，用于顯示功能子頁。代碼如下：

<iframe id="iframe1" name="mainFrame" style="width: 802px; height: 596px" frameborder="0">    </iframe>

2．實現(xiàn)過程

在頁面的加載事件中，主要實現(xiàn)驗證用戶是否通過合理的程序登錄，非法用戶不能進入網(wǎng)站后臺。代碼如下：

例程26  代碼位置：光盤\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("請登錄后方可進入網(wǎng)站后臺！", "../Logon.aspx");

        }

        catch { }

    }

}