关于界面的重用性设计

最新推荐文章于 2022-06-24 15:52:02 发布

cuizhanjun1981

最新推荐文章于 2022-06-24 15:52:02 发布

阅读量816

点赞数

分类专栏： .net 文章标签： dataset stylesheet asp.net string menu border

本文链接：https://blog.csdn.net/cuizhanjun1981/article/details/773931

版权

.net 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

主要做了一个基页:BasePage 在此基页上布局， default页继承它，并根据url参数，自动加载不同的处理用户控件。

1、BasePage 页：

------------------------------------------------------------------

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace PhsResManagerWebpro
{
/// <summary>
/// BasePage 的摘要说明。
/// </summary>
public class BasePage : System.Web.UI.Page
{
  //用户控件
  protected PhsResManagerWebpro.UserControls.headermenu headermenu1;
  protected PhsResManagerWebpro.UserControls.caption caption1;
  protected PhsResManagerWebpro.UserControls.menu menu1;
  protected PhsResManagerWebpro.UserControls.cauda cauda1;

private void Page_Load(object sender, System.EventArgs e)
{

LogionPage(); //也面加载
}

  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }

  /// <summary>
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {
   this.Load += new System.EventHandler(this.Page_Load);

}
#endregion

#region 页面加载

  private void LogionPage()
  {
   SetCssFile("defaultCss.css");  //设置Css样式
   SetLayout();      //页面布局
  }

#endregion

  #region 页面布局
  /// <summary>
  /// 页面布局
  /// </summary>
  private void SetLayout()
  {
   Control Form=this.Page.Controls[1];         //页表单form对象

   //标题Panel创建
   System.Web.UI.WebControls.Panel PnlCaption=new Panel();
   PnlCaption.ID="PanCaption";
   PnlCaption.Width=970;
   PnlCaption.Height=80;
   PnlCaption.CssClass="panel15";

   //主菜单Panel创建
   System.Web.UI.WebControls.Panel PnlMainmenu=new Panel();
   PnlMainmenu.ID="PnlMainmenu";
   PnlMainmenu.Width=970;
   PnlMainmenu.Height=10;
   PnlMainmenu.CssClass="panel10";

   //内容框架Panel创建
   System.Web.UI.WebControls.Panel PnlMain=new Panel();
   PnlMain.ID="PnlMain";
   PnlMain.Width=970;
   PnlMain.Height=1000;
   PnlMain.CssClass="panel0";

   //页尾Panel创建
   System.Web.UI.WebControls.Panel pnlEnd=new Panel();
   pnlEnd.ID="pnlEnd";
   pnlEnd.Width=970;
   pnlEnd.Height=90;
   pnlEnd.CssClass="panel15";

   //加载布局
   Form.Controls.Add(PnlCaption);
   Form.Controls.Add(PnlMainmenu);
   Form.Controls.Add(PnlMain);
   Form.Controls.Add(pnlEnd);

   //导航Panel创建
   System.Web.UI.WebControls.Panel pnlMenu=new Panel();
   pnlMenu.ID="pnlMenu";
   pnlMenu.Width=250;
   pnlMenu.Height=1000;
   pnlMenu.CssClass="panel15left";

   //内容Panel创建
   System.Web.UI.WebControls.Panel pnlContent=new Panel();
   pnlContent.ID="pnlContent";
   pnlContent.Width=718;
   pnlContent.Height=1000;
   pnlContent.CssClass="panel15right";

   //加载内容框架布局
   PnlMain.Controls.Add(pnlMenu);
   PnlMain.Controls.Add(pnlContent);

   //菜单用户控件
   headermenu1=(PhsResManagerWebpro.UserControls.headermenu)this.LoadControl("UserControls/headermenu.ascx");
   //标题头用户控件
   caption1=(PhsResManagerWebpro.UserControls.caption)this.LoadControl("UserControls/caption.ascx");
   //导航菜单用户控件
   menu1=(PhsResManagerWebpro.UserControls.menu)this.LoadControl("UserControls/menu.ascx");
   //页尾用户控件
   cauda1=(PhsResManagerWebpro.UserControls.cauda)this.LoadControl("UserControls/cauda.ascx");

   //加载自定义控件
   PnlCaption.Controls.Add(caption1);
   PnlMainmenu.Controls.Add(headermenu1);
   pnlMenu.Controls.Add(menu1);
   pnlEnd.Controls.Add(cauda1);

   //页面的处理控件加载
   SetContentUsercontrls(pnlContent);
  }
  #endregion

#region Css样式加载

  /// <summary>
  /// Css样式加载
  /// </summary>
  private void SetCssFile(string strCssFileName)
  {
   string strCssUrl=@"<link href=Css/"+strCssFileName+" rel=stylesheet type=text/css>"; //Css路径
   Response.Write(strCssUrl);   //Css路径引入

}
#endregion

#region 页面处理控件加载

  /// <summary>
  /// 页面的处理控件加载
  /// </summary>
  /// <param name="pnlMain"></param>
  public void SetContentUsercontrls(System.Web.UI.WebControls.Panel pnlMain)
  {
   if(Request.Params["PageName"]==null)
    return;

   string PageName=Request.Params["PageName"].ToString();  //得到请求的处理页面名称

   if(PageName==null || PageName=="")
    return;
   else
   {
    //根据连接串Key值，从XML里读取Value值
    DataSet ds=new DataSet();
    ds.ReadXml(MapPath("urlConfig.xml"));
    for(int i=0;i<ds.Tables[0].Rows.Count;i++)
    {
     if(ds.Tables[0].Rows[i]["key"].ToString()==PageName)
     {
      PageName=ds.Tables[0].Rows[i]["value"].ToString();
      break;
     }
    }
   }

   //加载用户控件
   Control cTemp=(Control)this.LoadControl(PageName);
   pnlMain.Controls.Add(cTemp);
  }

#endregion

}
}

urlConfig.xml文件：

-----------------------------------------

<?xml version="1.0" encoding="UTF-8"?>
<urlConfig>
<urlItem>
  <key>WGinfoUserControl</key>
  <value>BLLUserContrls/WGinfoUserControl.ascx</value>
</urlItem>

<urlItem>
  <key></key>
  <value></value>
</urlItem>

defaultCss.css文件:

-----------------------------------------------------

body
{
FONT-SIZE: 14px;
COLOR: darkslategray;
background-color:White;
text-align:center;
}

.panel15
{
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonshadow 1px solid;
BORDER-LEFT: buttonshadow 1px solid;
BORDER-BOTTOM: buttonshadow 1px solid;
background-color: #f5f5f5;

PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;

MARGIN: 2px 0px 1px;

text-align:left;
}

.panel0
{
BORDER-RIGHT: buttonshadow 0px solid;
BORDER-TOP: buttonshadow 0px solid;
BORDER-LEFT: buttonshadow 0px solid;
BORDER-BOTTOM: buttonshadow 0px solid;
background-color: #f5f5f5;

PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;

MARGIN: 2px 0px 1px;
text-align:left;
}

.panel10
{
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonshadow 0px solid;
BORDER-LEFT: buttonshadow 1px solid;
BORDER-BOTTOM: buttonshadow 0px solid;
background-color: #f5f5f5;

PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;

MARGIN: 2px 0px 1px;
text-align:left;
}

.panel5
{
BORDER-RIGHT: buttonshadow 0px solid;
BORDER-TOP: buttonshadow 1px solid;
BORDER-LEFT: buttonshadow 0px solid;
BORDER-BOTTOM: buttonshadow 1px solid;
background-color: #f5f5f5;

PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;

MARGIN: 2px 0px 1px;
text-align:left;
}

.panel15right
{
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonshadow 1px solid;
BORDER-LEFT: buttonshadow 1px solid;
BORDER-BOTTOM: buttonshadow 1px solid;
background-color: #f5f5f5;

PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;

MARGIN: 2px 0px 1px;
text-align:left;
}

.panel15left
{
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonshadow 1px solid;
BORDER-LEFT: buttonshadow 1px solid;
BORDER-BOTTOM: buttonshadow 1px solid;
background-color: #f5f5f5;
float:left;

PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;

MARGIN: 2px 0px 1px;
text-align:left;
}

.panel15right
{
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonshadow 1px solid;
BORDER-LEFT: buttonshadow 1px solid;
BORDER-BOTTOM: buttonshadow 1px solid;
background-color: #f5f5f5;
float:right;

PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;

MARGIN: 2px 0px 1px;
text-align:left;
}

.ButtonCss {
    font-family: "Tahoma", "宋体";
    font-size: 9pt; color: #003399;
    border: 1px #003399 solid;
    color:006699;
    BORDER-BOTTOM: #93bee2 1px solid;
    BORDER-LEFT: #93bee2 1px solid;
    BORDER-RIGHT: #93bee2 1px solid;
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/bluebuttonbg.gif);
    background-color: #e8f4ff;
    CURSOR: hand;
    font-style: normal ;
}

.TextBoxCss
{
font-family: "Tahoma", "宋体";
    font-size: 9pt;
    color: #003399;
}

.InputCss {
    font-size: 9pt;
    color: #003399;
    font-family: "宋体";
    font-style: normal;
    border-color: #93BEE2 #93BEE2 #93BEE2 #93BEE2 ;
    border: 1px #93BEE2 solid;
}

DefaultIndex.aspx.cs

-------------------------------------------

namespace PhsResManagerWebpro
{
/// <summary>
/// DefaultIndex 的摘要说明。
/// </summary>
public class DefaultIndex :BasePage
{
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
  }