主题简介 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
主题简介 ASP .NET的更多相关文章
- ASP.NET Core 简介 - ASP.NET Core 基础教程 - 简单教程,简单编程
原文:ASP.NET Core 简介 - ASP.NET Core 基础教程 - 简单教程,简单编程 ← ASP.NET Core 基础教程 ASP.NET Core Windows 环境配置 → A ...
- 简介 – ASP.NET MVC 4 系列
正所谓好记性不如烂笔头,尤其是技术类书籍在阅读后,时间久了一定会忘记.而重新翻阅整本书也较为低效,遂以博客记录阅读摘要以供日后查阅.本系列文章均摘要自 Wrox 红皮书[ASP.NET ...
- 【Android 应用开发】 ActionBar 样式详解 -- 样式 主题 简介 Actionbar 的 icon logo 标题 菜单样式修改
作者 : 万境绝尘 (octopus_truth@163.com) 转载请著名出处 : http://blog.csdn.net/shulianghan/article/details/3926916 ...
- 解读ASP.NET 5 & MVC6系列(1):ASP.NET 5简介
ASP.NET 5简介 ASP.NET 5是一个跨时代的改写,所有的功能和模块都进行了独立拆分,做到了彻底解耦.为了这些改写,微软也是蛮 拼的,几乎把.NET Framwrok全部改写了一遍,形成了一 ...
- 044. asp.net主题之三应用或禁用主题和动态加载主题
1.为单个页面指定主题可以将@Page指令的Theme或StyleSheetTheme属性设置为要使用的主题名称, 代码如下: <%@ Page Theme ="MyTheme&quo ...
- ASP.NET MVC Boilerplate简介
ASP.NET MVC Boilerplate简介 ASP.NET MVC Boilerplate是专业的ASP.NET MVC模版用来创建安全.快速.强壮和适应性强的Web应用或站点.它在微软默认M ...
- ASP.NET 5简介
ASP.NET 5简介 解读ASP.NET 5 & MVC6系列(1):ASP.NET 5简介 2015-05-13 09:14 by 汤姆大叔, 3379 阅读, 39 评论, 收藏, 编辑 ...
- ASP.NET Web Pages:简介
ylbtech-.Net-ASP.NET Web Pages:简介 ASP.NET 是一个使用 HTML.CSS.JavaScript 和服务器脚本创建网页和网站的开发框架. ASP.NET 支持三种 ...
- [转帖]2016年的文章: 解读ASP.NET 5 & MVC6系列教程(1):ASP.NET 5简介
解读ASP.NET 5 & MVC6系列教程(1):ASP.NET 5简介 更新时间:2016年06月23日 11:38:00 作者:汤姆大叔 我要评论 https://www.jb ...
随机推荐
- Fiddler 抓取eclipse中的请求
Fiddler 抓取eclipse中的请求 代码中添加 System.setProperty("http.proxySet", "true"); System. ...
- [原创作品] Express 4.x 接收表单数据
好久没有写博客,从现在开始,将介绍用nodejs进行web开发的介绍.欢迎加群讨论:164858883. 之前的express版本在接收表单数据时,可以统一用res.params['参数名'],但在4 ...
- Codeforces Round #311 (Div. 2) E - Ann and Half-Palindrome(字典树+dp)
E. Ann and Half-Palindrome time limit per test 1.5 seconds memory limit per test 512 megabytes input ...
- contenteditable 属性
定义和用法 contenteditable 属性规定是否可编辑元素的内容. 语法 <element contenteditable="value"> 属性值 值 描述 ...
- Action Result
操作返回的内容成为操作结果 大多数情况下返回ViewResult,基类ActionResult 6钟标准类型: ViewResult:视图结果,包含HTML标记等元素 EmptyResult:空结果 ...
- C++类中的静态成员变量与静态成员函数的使用
代码: #include <iostream> #include <string> #include <cstdio> using namespace std; c ...
- 初学QML之QML和C++混合方法
混合使用QML和C++的方法 1加载一个QML组件,然后从 C++对其进行操作: 2直接将一个C++对象及其属性嵌入到QML组件: 3定义一个新的QML元素(通过基于QOject的C++类)并在QML ...
- C#界面设计疑问2:panel摆放问题
1.问题1是这样的,网友意思让使用一个按键对应显示一个panel 即,http://zhidao.baidu.com/question/1924974374730559427.html 2.那么我在设 ...
- React/React Native的 ES5 ES6 写法对照
ES5 ES6 模块 var React = require("react-native); var { Image, Text, View } = React; import Re ...
- 锋利jQuery 学习整理之 第六章 jQuery 与Ajax 的应用
1.Ajax 的XMLHttpRequest 对象 XMLHttpRequest 是Ajax 的核心,它是Ajax 实现的关键---发送异步请求.接受响应及执行回调都是通过它来完成的.XMLHttpR ...