1.8 网站后台主页设计（后台）

1.8.1 网站后台主页概述

程序开发人员在设计网站后台主页时，主要是从后台管理人员对功能的易操作性、实用性、网站的易维护性考虑，与网站的前台相比美观性并不是很重要。供求信息网站后台主页运行效果如图1.37所示。

1.8.2  网站后台主页技术分析

在开发网站后台主页时，经常会用到iframe内嵌框架。通过此框架将网站中各部分独立的网页重新组成一个完整的网页，即在网站的左边选择相关功能，而在右边显示功能页，如图1.38所示。

1．iframe框架概述

iframe框架，又称内嵌框架。frame框架与iframe框架两者可以实现的功能基本相同，不过iframe框架比frame框架具有更多的灵活性。

iframe框架的标记为<iframe>（又叫浮动帧标记），可以用它将一个HTML文档嵌入在一个HTML中显示。它和<frame>标记的最大区别是在网页中嵌入的<iframe></iframe>所包含的内容与整个页面是一个整体，而<frame></frame>所包含的内容是一个独立的个体，是可以独立显示的。

设置iframe框架的iframe参数的代码如下：

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

% 注意：name属性的设置是很重要的，在后期需要使用name属性将子页显示到iframe框架中。

2．iframe框架的应用

本网站后台页面布局规划中，左边使用TreeView控件作为菜单导航功能，右边放置iframe框架，显示功能子页。那么在相应的位置编写iframe框架的代码，并且设置其ID、name等属性。

主要代码如下：

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

iframe框架的代码编写完后，就可以设置TreeView控件的相关属性，将功能子页显示在iframe框架中，主要设置TreeView控件节点的NavigateUrl属性（节点被选中时定位的链接）和Target属性（节点被选中时定位的目标）实现，属性的设置如图1.39所示。

1.8.3  网站后台主页实现过程

1．设计步骤

（1）新建一个Web窗体，默认名称为Default.aspx，主要用于网站后台首页的设计。

（2）在Web窗体中添加一个Table表格，用于页面的布局。

（3）在Table中添加一个TreeView服务器控件，在节点编辑器中添加相应的节点和子节点，并且设置子节点的NavigateUrl属性，主要用于后台功能菜单的导航。

（4）在页面的源视图中的相关位置，添加iframe框架代码，用于显示功能子页。代码如下：

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

2．实现过程

在页面的加载事件中，主要实现验证用户是否通过合理的程序登录，非法用户不能进入网站后台。代码如下：

例程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("请登录后方可进入网站后台！", "../Logon.aspx");

        }

        catch { }

    }

}