温故知新ASP.NET 2.0(C#)(2) - Themes(主题)

简介:
[索引页]
[源码下载]



温故知新ASP.NET 2.0(C#)(2) - Themes(主题)


作者: webabcd


介绍
使用 ASP.NET 2.0 的“主题”功能,可以将样式和布局信息分解为单独的文件组,统称为“主题”。然后,主题可应用于任何站点,影响站点中页和控件的外观。这样,通过更改主题即可轻松地维护对站点的样式更改,而无需对站点各页进行编辑。还可与其他开发人员共享主题。


关键
1、在web site中添加App_Themes文件夹,可以在每个主题文件加内添加.skin文件、.css文件(指定主题后会自动加载主题下所有.css文件)或者图片文件

2、在web.config的<system.web>元素下的<pages>元素下设置theme或者styleSheetTheme属性(针对全局);在页的@Page指令里设置Theme或者StylesheetTheme属性(针对当前页)

3、Theme定义的样式不可以覆盖;StylesheetTheme定义的样式可以覆盖

4、.skin文件里不设置SkinId则就是默认的,设置了SkinId后则对应控件的SkinId属性

5、动态修改Page的Theme要在Page_PreInit方法中实现


示例
Blue主题
<asp:Label runat="server" BackColor="blue" ForeColor="white" /> 
<asp:Label runat="server" BackColor="DarkBlue" ForeColor="white" SkinId="Dark" /> 

<%--ImageUrl如下设置则解析到该主题下的Images文件夹的pic.jpg文件--%> 
<asp:Image runat="server" ImageUrl="Images/pic.jpg" />
 
Red主题
<asp:Label runat="server" BackColor="red" ForeColor="white" /> 
<asp:Label runat="server" BackColor="DarkRed" ForeColor="white" SkinId="Dark" /> 

<%--ImageUrl如下设置则解析到该主题下的Images文件夹的pic.jpg文件--%> 
<asp:Image runat="server" ImageUrl="Images/pic.jpg" />
 
 
主题测试-Theme
Themes/Theme.aspx
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Theme.aspx.cs" 
        Inherits="Themes_Theme" Title="主题测试-Theme" Theme="Blue" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
        <p> 
                在页头部分指定Theme="Blue"</p> 
        <p> 
                相关主题文件,我觉得最好把样式写在css里然后设置控件的CssClass属性 
                <br /> 
                <asp:Label ID="Label1" runat="server" BackColor="blue" ForeColor="white" /> 
                <br /> 
                <asp:Label ID="Label2" runat="server" BackColor="DarkBlue" ForeColor="white" 
                SkinId="Dark" /> 
        </p> 
        <p> 
                <asp:Label ID="lbl" runat="Server" Text="不做任何设置(使用主题中的没设置SkinId的样式)" /> 
        </p> 
        <p> 
                <asp:Label ID="lbl2" runat="Server" Text="设置BackColor为black(因为设置的是页的Theme属性,所以无法覆盖原有样式)" BackColor="black" /> 
        </p> 
        <p> 
                <asp:Label ID="lbl3" runat="Server" Text="主题测试设置SkinID为dark(指定SkinId)" SkinID="dark" /> 
        </p> 
</asp:Content>
 
 
主题测试-StylesheetTheme
Themes/StylesheetTheme.aspx
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="StylesheetTheme.aspx.cs" 
        Inherits="Themes_StylesheetTheme" Title="主题测试-StylesheetTheme" StylesheetTheme="Red" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
        <p> 
                在页头部分指定StylesheetTheme="Red"</p> 
        <p> 
                相关主题文件,我觉得最好把样式写在css里然后设置控件的CssClass属性 
                <br /> 
                <asp:Label ID="Label1" runat="server" BackColor="red" ForeColor="white" /> 
                <br /> 
                <asp:Label ID="Label2" runat="server" BackColor="DarkRed" ForeColor="white" SkinId="Dark" 
                /> 
        </p> 
        <p> 
                <asp:Label ID="lbl" runat="Server" Text="不做任何设置(使用主题中的没设置SkinId的样式)" /> 
        </p> 
        <p> 
                <asp:Label ID="lbl2" runat="Server" Text="设置BackColor为black(因为设置的是页的StylesheetTheme属性,所以可以覆盖原有样式)" BackColor="black" /> 
        </p> 
        <p> 
                <asp:Label ID="lbl3" runat="Server" Text="主题测试设置SkinID为dark(指定SkinId)" SkinID="dark" /> 
        </p> 
</asp:Content>
 
 
主题测试-动态加载主题
Themes/Dynamic.aspx
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Dynamic.aspx.cs" 
        Inherits="Themes_Dynamic" Title="主题测试-动态加载主题" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
        <p> 
                相关.skin文件内容如下:<asp:Image runat="server" ImageUrl="Images/pic.jpg" /> 
        </p> 
        <p> 
                <a href="?theme=blue">蓝色主题</a>  <a href="?theme=red">红色主题</a> 
        </p> 
        <p> 
                该Image控件应用主题中的样式,包括ImageUrl 
                <br /> 
                <asp:Image ID="img" runat="server" /> 
        </p> 
</asp:Content>
 
Themes/Dynamic.aspx.cs
using System; 
using System.Data; 
using System.Configuration; 
using System.Collections; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
 
public partial  class Themes_Dynamic : System.Web.UI.Page 

         protected  void Page_Load( object sender, EventArgs e) 
        { 
 
        } 
 
         protected  void Page_PreInit( object sender, System.EventArgs e) 
        { 
                 // 动态修改Page的Theme要在Page_PreInit方法中实现 
                 if (!String.IsNullOrEmpty(Request.QueryString[ "theme"])) 
                { 
                        Page.Theme = Request.QueryString[ "theme"]; 
                } 
                 else 
                { 
                        Page.Theme =  "blue"
                } 
        } 
}
 
 
 




     本文转自webabcd 51CTO博客,原文链接:http://blog.51cto.com/webabcd/344836,如需转载请自行联系原作者






相关文章
|
10月前
|
Java 物联网 C#
C#/.NET/.NET Core学习路线集合,学习不迷路!
C#/.NET/.NET Core学习路线集合,学习不迷路!
392 0
|
5月前
|
SQL 小程序 API
如何运用C#.NET技术快速开发一套掌上医院系统?
本方案基于C#.NET技术快速构建掌上医院系统,结合模块化开发理念与医院信息化需求。核心功能涵盖用户端的预约挂号、在线问诊、报告查询等,以及管理端的排班管理和数据统计。采用.NET Core Web API与uni-app实现前后端分离,支持跨平台小程序开发。数据库选用SQL Server 2012,并通过读写分离与索引优化提升性能。部署方案包括Windows Server与负载均衡设计,确保高可用性。同时针对API差异、数据库老化及高并发等问题制定应对措施,保障系统稳定运行。推荐使用Postman、Redgate等工具辅助开发,提升效率与质量。
177 0
|
9月前
|
开发框架 搜索推荐 算法
一个包含了 50+ C#/.NET编程技巧实战练习教程
一个包含了 50+ C#/.NET编程技巧实战练习教程
249 18
|
9月前
|
缓存 算法 安全
精选10款C#/.NET开发必备类库(含使用教程),工作效率提升利器!
精选10款C#/.NET开发必备类库(含使用教程),工作效率提升利器!
252 12
|
9月前
|
开发框架 人工智能 .NET
C#/.NET/.NET Core拾遗补漏合集(24年12月更新)
C#/.NET/.NET Core拾遗补漏合集(24年12月更新)
124 6
|
9月前
|
开发框架 算法 .NET
C#/.NET/.NET Core技术前沿周刊 | 第 15 期(2024年11.25-11.30)
C#/.NET/.NET Core技术前沿周刊 | 第 15 期(2024年11.25-11.30)
119 6
|
9月前
|
开发框架 Cloud Native .NET
C#/.NET/.NET Core技术前沿周刊 | 第 16 期(2024年12.01-12.08)
C#/.NET/.NET Core技术前沿周刊 | 第 16 期(2024年12.01-12.08)
119 6
|
9月前
|
开发框架 监控 .NET
C#进阶-ASP.NET WebForms调用ASMX的WebService接口
通过本文的介绍,希望您能深入理解并掌握ASP.NET WebForms中调用ASMX WebService接口的方法和技巧,并在实际项目中灵活运用这些技术,提高开发效率和应用性能。
500 5
|
9月前
|
算法 Java 测试技术
Benchmark.NET:让 C# 测试程序性能变得既酷又简单
Benchmark.NET是一款专为 .NET 平台设计的性能基准测试框架,它可以帮助你测量代码的执行时间、内存使用情况等性能指标。它就像是你代码的 "健身教练",帮助你找到瓶颈,优化性能,让你的应用跑得更快、更稳!希望这个小教程能让你在追求高性能的路上越走越远,享受编程带来的无限乐趣!
397 13
|
10月前
|
Java 物联网 编译器
C#一分钟浅谈:.NET Core 与 .NET 5 区别
本文对比了 .NET Core 和 .NET 5,从历史背景、主要区别、常见问题及易错点等方面进行了详细分析。.NET Core 侧重跨平台支持和高性能,而 .NET 5 在此基础上统一了 .NET 生态系统,增加了更多新特性和优化。开发者可根据具体需求选择合适的版本。
341 7