供求信息网(22)

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 { }

    }

}

 

读书导航