主题简介 ASP .NET

由控件的外观、样式组成的集合,由一个文件组构成,存放在App_Themes文件夹下。

主题包括:皮肤文件(.Skin)、CSS文件(.CSS)、图片、其它资源等。

主题的作用:统一设置Web页面的外观。

主题与CSS的比较

相似点           允许定义一组作用于多个页面中的控件的样式特性。

不同点     主题基于控件而不是HTML  

   主题允许定义和重用几乎所有的控件属性

 CSS只是直接作用于HTML的样式特性

主题应用在服务器上

   主题作用到页面时,格式化后的最终页面被传送给用户。

   使用样式表时,浏览器同时接收到页面和样式信息并在客户端合并它们。

不同点     可以通过配置文件来应用主题 不必修改任何一个页面就可以对整个文件及或整个网站应用主题

   主题不会像CSS那样级联 CSS:内联样式优先采用

   主题:主题里定义的值会覆盖控件的属性。可以通过提高页面属性的优先级来改变,这样主题的行为将更像样式表。

分工协作

   CSS文件:HTML控件和页面的样式属性

   主题:服务器控件的样式属性          皮肤代码中只留样式代码其余都移除

 

控件皮肤类型       默认皮肤 应用于同一类型的所有控件 唯一                 已命名皮肤 包含SkinID属性 多个SkinID不重复

定义默认皮肤

<asp:TextBox runat="server" BackColor="#8080FF" BorderStyle=“Groove” ForeColor=“Red“ />        *该代码是写在皮肤文件中而不是页面文件中

这是命名皮肤 

<asp:TextBox runat="server" BackColor="#8080FF" BorderStyle=“Groove” ForeColor=“Red“  SkinID=“txt1" /> 

<asp:TextBox ID=“TextBox1" SkinID=“txt1" Runat="server" />   写在网页中

在页面级别应用主题

<%@Page   Theme="主题名"  >

在站点配置文件

<configuration>

  <system.web>

    <Pages  theme="主题名" />  

  </system.web>

</configuration>

主题冲突

  如果控件的属性和主题定义的属性冲突,总是优先使用主题定义的属性

改变优先级

  <%@Page   styleSheetTheme="主题名"  >

        styleSheetTheme<控件属性<Theme  

 

一个ASP.NET页面的生命周期为:  页面事件执行的顺序

客户端请求页面-->预初始化conPreInit-->初始化conInit-->完成初始化conInitComplete-->载入ViewState(LoadViewState)-->处理回送数据(IsPostBackDataHander)-->Page_OnPreLoad-->Page_OnLoad-->回发更改通知-->处理回发事件-->Page_OnLoadComplete-->预呈现-->完成预呈现-->保存-->保存ViewState-->呈现-->Page_UnLoad

  在第2步就可以进行定义站点主题(Theme)

动态加载主题:

      Button_Click事件

       Response.Redirect("Default.aspx?Theme=red")

   

    page_PreInit 事件,  这个事件需要自己手动写   //在加载事件前面完成

    if(Request.QueryString["Theme"]!=null)

      string theme=Request.QueryString["Theme"].ToString();

 

换主题:   用   DropDownList  控件做

  //确定由哪个控件引发页面回传,记录此控件的唯一标识符

     UniqueID  -->在网页中此控件的ID

        △生成网页时会有(_ _EVENTTARGET)生成       //_ _EVENTTARGET  页面隐藏字段中获取

        string ID=Request.Form["_ _EVENTTARGET"]            //谁引发页面回传就得到谁的ID

       Request.Form[id]               //获取列表值

 

自定义控件:封装小部分内容

母板页:封装大部分相同的内容

                      当有母版页,内容页,自定义控件事件发生顺序

                     内容  》》 母版页   》》 自定义控件

   preInit-->PageLoad-->PageLoad-->PageLoad

posted @ 2016-09-26 23:14  Sealee  阅读(373)  评论(0编辑  收藏  举报