博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
[索引页]
[源码下载]


步步为营VS 2008 + .NET 3.5(1) - VS 2008新特性之Multi Targeting(多定向)、Web Designer and CSS(集成了CSS的web设计器)和Nested Master Page(嵌套母版页)


作者:webabcd


介绍
    ·Multi Targeting(多定向):发人员就可以明确地指定.NET Framework 2.0或者3.0或者3.5版本,VS会自动地过滤Intellisense、工具箱控件、模板等诸如此类的东西
    ·Web Designer and CSS(集成了CSS的web设计器):增加了“拆分”设计视图,增加了“管理样式”、“应用样式”和“CSS属性”,“视图”菜单中增加了“标尺和网格”、“可视辅助”和“格式标记”
    ·Nested Master Page(嵌套母版页):支持母版页的多层嵌套


示例
MultiTargeting.aspx(解释“多定向”)
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="MultiTargeting.aspx.cs"
    Inherits
="Feature_MultiTargeting" Title="Multi Targeting(多定向)" 
%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    
<div style="text-indent: 24px; width: 600px">
        VS 2008允许开发人员针对多个.NET Framework版本开发。 新建项目的时候可以在弹出的“新建项目”对话框的右上角选择目标框架。 这样,开发人员就可以明确地指定.NET
        Framework 2.0或者3.0或者3.5版本,VS会自动地过滤Intellisense、工具箱控件、模板等诸如此类的东西。之所以能实现此功能,是因为.NET 3.0和3.5实际上只是构建于CLR
        2.0上的类库。
    
</div>
</asp:Content>

Feature.css(为了演示“集成了CSS的web设计器”而写的CSS)
.cssBox
{
    font-size
: 14px;
    background-color
: #99CCFF;
    padding
: 20px;
}

.cssTitle
{
    font-size
: 18px;
    background-color
: #FFFFCC;
}

.cssList
{
    list-style
: none;
    margin
: 0px;
    width
: 350px;
    background-color
: #CCC;
}

.cssList li
{
    float
: left;
    width
: 100px;
    line-height
: 30px;
    padding
: 5px;
}


CSS.aspx(演示“集成了CSS的web设计器”)

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="CSS.aspx.cs"
    Inherits
="Feature_CSS" Title="Web Designer and CSS(集成了CSS的web设计器)" 
%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    
<link href="../CSS/Feature.css" rel="stylesheet" type="text/css" />
    
<style type="text/css">
        ul
        
{
            background-color
: Red;
            margin
: 500px;
            width
: 5000px;
        
}

        ul.cssExplain
        
{
            background-color
: White;
            margin
: 0px;
            width
: 600px;
            text-indent
: 24px;
        
}

        ul.cssExplain li
        
{
            line-height
: 20px;
        
}

    
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    
<div class="cssBox">
        
<h3 class="cssTitle">
            Web Designer and CSS(集成了CSS的web设计器)
</h3>
        
<ul class="cssList">
            
<li>abc</li>
            
<li>abc</li>
            
<li>abc</li>
            
<li>abc</li>
            
<li>abc</li>
            
<li>abc</li>
        
</ul>
    
</div>
    
<div>
        
&nbsp;</div>
    
<div>
        
<ul class="cssExplain">
            
<li>有3个设计视图,分别是“设计”、“拆分”和“源”。“拆分”是新增的一个设计视图,它可以将“设计”和“源”同时显示,并且支持设计上的同步 </li>
            
<li>管理样式:可新建CSS或附加一个已有的CSS;列出页内的CSS和被页附加的CSS,并且可以预览CSS;红色 - 元素ID,绿色 - 类,蓝色 - 元素</li>
            
<li>应用样式:列出可应用的CSS(有预览效果),单击相应的规则后,则在你选中之处或你光标所在之处应用相应的CSS</li>
            
<li>CSS属性:列出当前选中之处或当前光标所在之处被应用的CSS;蓝色 - 当前CSS规则的属性,蓝色加红色删除线 - 被覆盖的父级CSS规则的属性;单击“摘要”则列出当前CSS规则所使用的属性</li>
            
<li>“视图”菜单中增加了“标尺和网格”、“可视辅助”和“格式标记”</li>
        
</ul>
    
</div>
</asp:Content>

NestedMasterPage.master(嵌套母版页)
<%@ Master Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="NestedMasterPage.master.cs"
    Inherits
="Feature_NestedMasterPage" 
%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    
<p>
        我是一个嵌套母版页(注:“ContentPlaceHolder”控件可以从工具箱中拖拽进来)(支持母版页的多层嵌套)
    
</p>
    
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
    
</asp:ContentPlaceHolder>
</asp:Content>

NestedMasterPage.aspx(使用了嵌套母版页的内容页)
<%@ Page Language="C#" MasterPageFile="~/Feature/NestedMasterPage.master" AutoEventWireup="true"
    CodeFile
="NestedMasterPage.aspx.cs" Inherits="Feature_NestedMasterPage" Title="Nested Master Page(嵌套母版页)" 
%>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    
<p>
        我是内容页,使用了嵌套母版页
    
</p>
</asp:Content>


OK
[源码下载]