使用SharePoint 2010 母版页

最新推荐文章于 2019-04-24 11:17:00 发布
最新推荐文章于 2019-04-24 11:17:00 发布
阅读量144 收藏
点赞数
文章标签： javascript ViewUI

SharePoint 2010母版页所用的还是ASP.NET 2.0中的技术。通过该功能，实现了页面框架布局与实际内容的分离。虽然在本质上自定义母版页的过程和以前版本的SharePoint大致相同，但是从2007到2010仍然有许多重要的值得我们关注的变化。本文将试图： 

  • 巩固和掌握SharePoint 2010里母版页相关的一些基本操作 
  • 突出描述新版本和以前的版本之间的一些变化 
  • 了解一些有用的或比较常见的自定义方式 

SharePoint 2010 母版页的类型

首先，让我们快速的看一下在SharePoint 2010中母版页的类型： 

v4.master  

默认的工作组站点的母版页。提供了功能区和其他用户界面上的改变。 

　　特征 

  • 网站操作在2010中更新。现在放在左侧。 
  • 功能区可用。 

default.master 

从SharePoint 2007升级的网站使用该母版页，除非我们手工改成v4版本。 

　　特征  

  • SharePoint 2007版本的 网站操作在右侧
  • 没有功能区。 

minimal.master 

母版页中几乎什么也没有。通常用于搜索中心和Office Web应用程序的页面。这个母版页不应该与2007里的开发人员自己修剪下来的最简单的自定义母版页混淆。 minimal.master现在是一个开箱即用的母版页。在SharePoint 2010里那些修剪完的自定义母版页通常是指Starter母版页。

　　特征 

  • 不包括导航 

Starter母版页 

SharePoint 2007里通常称为minimal母版页。这些母版页往往是由开发人员创建的，用于快速开始母版页的定制，基于其上扩充功能，做出实际需要的母版页。

simple.master 

这个母版页是用在登录和错误页面。要自定义该页面，必须替换存放在服务器_layouts目录下的相应页面文件。若要了解更多信息，请参考MSDN上的文章“SharePoint中的默认母版页”。 

　　使用simple.master 的网页

  • Login.aspx
  • SignOut.aspx 
  • Error.aspx
  • ReqAcc.aspx 
  • Confirmation.aspx 
  • WebDeleted.aspx 
  • AccessDenied.aspx 

其他母版页 

以下这些杂七杂八的母版页，在定制网站时一般不会去动。 

包括： 

  • application.master 
  • applicationv4.master 
  • dialog.master 
  • layouts.master 
  • layoutsv3.master 
  • pickerdialog.master 
  • rtedialog.master 
  • simple.master simple.master 
  • simplev4.master 
  • mwsdefault.master 
  • mwsdefaultv4.master 
  • admin.master 
  • popup.master 

升级至SharePoint 2010母版页 

详细内容请参考 这一篇MSDN文章 。 
许多以前在菜单和工具栏里面的命令现在存放在功能区里。因此，如果现有的母版页中不包含功能区，许多命令将不可用。 

功能区里的控件 

SharePoint 2010里的下列控件放置在功能区里： 
  • 发布控制台- <PublishingConsole:Console> 
  • 网站操作菜单- <PublishingSiteAction:SiteActionMenu> 
  • 登录和登录控制（如果使用自定义登录，被移到功能区里了）。 

所需内容占位符 


PlaceHolder控件 描述 新增
<asp:ContentPlaceHolder id="PlaceHolderQuickLaunchTop" runat="server">快速启动菜单顶部。 是
<asp:ContentPlaceHolder id="PlaceHolderQuickLaunchBottom" runat="server">快速启动菜单底部。 是
<asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server"/> 该网站的标题。 否
<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server"/>页面head部分的占位符，用于在页面对应的HTML的head标记中添加额外例如ECMAScript（JavaScript，JScript）和层叠样式表（CSS）。 否
<asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat="server"/>在body区域中的类。 否
<asp:ContentPlaceHolder ID="SPNavigation" runat="server"> 该控件用于放置页面编辑类的控件。 否
<asp:ContentPlaceHolder id="PlaceHolderSiteName" runat="server"> 当前页面所在站点的名称。 否
<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server" />出现在标题区域的当前页的标题。 否
<asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server"/>当前页的说明。 否
<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">页面中放置搜索控件的位置。 否
<asp:ContentPlaceHolder id="PlaceHolderGlobalNavigation" runat="server">页面上的面包屑控件。 否
<asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server">面包屑控件上的面包屑文本。 否
<asp:ContentPlaceHolder id="PlaceHolderGlobalNavigationSiteMap" runat="server"> 页面上子网站和兄弟网站的全局导航。 否
<asp:ContentPlaceHolder id="PlaceHolderTopNavBar" runat="server">用于放置顶部导航栏的容器。 否
<asp:ContentPlaceHolder id="PlaceHolderHorizontalNav" runat="server">顶部导航栏中的导航菜单。 否
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBarDataSource" runat="server" />放置填充左侧导航所需数据源的容器。 否
<asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat="server" />日期选择器，用于包含日历的页面。 否
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBarTop" runat="server"/>左侧导航栏顶部区域。 否
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server">快速启动栏。 否
<asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat="server">快速启动栏上的其他对象。 否
<asp:ContentPlaceHolder id="PlaceHolderMain" runat="server">页面的主要内容。 否
<asp:ContentPlaceHolder id="PlaceHolderFormDigest" runat="server">存储页面中 Form Digest控件的容器。 否
<asp:ContentPlaceHolder id="PlaceHolderUtilityContent" runat="server"/>附加在页面底部的内容在。从HTML角度来说，是Form标记以外的部分。 否
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaClass" runat="server"/>title部分的类（现在是在head标记里）。对其定制时如果添加一个WebPartZone到这个palceholder会报错。 否
<asp:ContentPlaceHolder id="PlaceHolderPageImage" runat="server"/>不属于用户界面的组成部分，是为了向后兼容。 否
<asp:ContentPlaceHolder id="PlaceHolderTitleLeftBorder" runat="server">不属于用户界面的组成部分，是为了向后兼容。 否
<asp:ContentPlaceHolder id="PlaceHolderMiniConsole" runat="server"/>不属于用户界面的组成部分，是为了向后兼容。 否
<asp:ContentPlaceHolder id="PlaceHolderTitleRightMargin" runat="server"/>不属于用户界面的组成部分，是为了向后兼容。 否
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaSeparator" runat="server"/>不属于用户界面的组成部分，是为了向后兼容。 否
<asp:ContentPlaceHolder id="PlaceHolderNavSpacer" runat="server">不属于用户界面的组成部分，是为了向后兼容。否
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBarBorder" runat="server">不属于用户界面的组成部分，是为了向后兼容。 否
<asp:ContentPlaceHolder id="PlaceHolderBodyLeftBorder" runat="server">不属于用户界面的组成部分，是为了向后兼容。否
<asp:ContentPlaceHolder id="PlaceHolderBodyRightMargin" runat="server">不属于用户界面的组成部分，是为了向后兼容。否

添加功能区

功能区是用户界面里一个新增加的特性。 SPRibbonPeripheralContent控件会显示在这一区域，但如果需要也可以将其移到功能区外面。 

步骤 

复制并粘贴下面的代码到你的母版页。 

<div id="s4-ribbonrow" class="s4-pr s4-ribbonrowhidetitle">
    <div id="s4-ribboncont">
        <SharePoint:SPRibbon runat="server" PlaceholderElementId="RibbonContainer" CssFile=""> 
            <SharePoint:SPRibbonPeripheralContent runat="server" Location="TabRowLeft" CssClass="ms-siteactionscontainer s4-notdlg"> 
                <%-- 在这里插入网站操作菜单 --%> 
            </SharePoint:SPRibbonPeripheralContent> 
            <%-- 在这里插入全局导航 --%> 
            <SharePoint:SPRibbonPeripheralContent runat="server" Location="TabRowRight" ID="RibbonTabRowRight" CssClass="s4-trc-container s4-notdlg"> 
                <%-- 在这里插入右上角的控件 --%> 
            </SharePoint:SPRibbonPeripheralContent> 
        </SharePoint:SPRibbon>
    </div>
    <div id="notificationArea" class="s4-noti">
        <%-- 通知内容将出现在这个div里 --%>
    </div>
    <asp:ContentPlaceHolder ID="SPNavigation" runat="server"> 
    <SharePoint:DelegateControl runat="server" ControlId="PublishingConsole"> 
    </SharePoint:DelegateControl> 
    </asp:ContentPlaceHolder>
        <div id="WebPartAdderUpdatePanelContainer">
            <asp:UpdatePanel ID="WebPartAdderUpdatePanel" UpdateMode="Conditional" ChildrenAsTriggers="false” runat="server"> 
                <ContentTemplate> 
                    <WebPartPages:WebPartAdder ID="WebPartAdder" runat="server" /> 
                </ContentTemplate> 
                <Triggers> 
                    <asp:PostBackTrigger ControlID="WebPartAdder" /> 
                </Triggers> 
            </asp:UpdatePanel>
        </div>
</div>

页面滚动时固定功能区

在母版页上进行以下更改，以保证页面内容滚动时不会影响功能区的使用。 

  1. 将页面内容部分移动到下面的div内
    <div id="s4-workspace">
    <div id="s4-bodyContainer">
        内容 
    </div>
</div>
    如果您的页面是固定宽度的，添加 s4-nosetwidth类到s4-workspace div里。
    <div ID="s4-workspace" class="s4-nosetwidth">
  2. 将标题区域移动到如下id的div里。 
    <div id="s4-titlerow">标题区</div>
  3. 更新body标记和CSS规则，使其不滚动。 Body标记和规则将类似于下面这样：
    <body scroll="no" ...>主体内容</body>

将控件添加到母版页 

有一组控件是SharePont功能必须的，包括：SPPageManager, ScriptManager和 ScriptLink。 

将这些控件添加到您的母版页 
  1. 打开您的母版页文件。
  2. 复制并粘贴以下代码，以便添加ScriptManager控件。必须放在form标记内，并且在功能区前面。
    <asp:ScriptManager id="ScriptManager" runat="server" EnablePageMethods="false" EnablePartialRendering="true" EnableScriptGlobalization="false" EnableScriptLocalization="true" />
  3. 复制并粘贴以下代码，以便添加SPPageManager控件。 必须放在head标记内。
    <SharePoint:SPPageManager runat="server" />
  4. 复制并粘贴以下代码，以便添加ScriptLink控件。必须放在head标记内。
    <SharePoint:ScriptLink defer= "true" runat="server"/>
  5. 保存您的母版页文件。 

防止某些区域在模式窗口中显示 

为了防止您的母版页中的某些div块或其他定义好的块显示在模式窗口（也就是那些弹出窗口，往往出现在添加文件，查看文件属性时）中，可以添加类“s4-notdlg”。 
这个问题应该只发生在下列情况下： 
  1. 网站使用了自定义的系统母版页（通常与发布页面用的母版页相同）。 
  2. 自定义母版页中在模式窗口中应隐藏的区域对应的标记遗漏了s4-notdlg类。
比如，以下区域将出现在模式窗口中： 
<div class=”cccontent”> 
    你的内容 
</div>
添加s4-notdlg至该类将阻止这种情况的发生  
<div class=”cccontent s4-notdlg”> 
    你的内容 
</div>

添加一个Placeholder以便在母版页中使用Web部件 

虽然我们无法直接在母版页中插入一个WebPart，但是可以通过在母版页中创建一个自定义的（空的）ContentPlaceholderId，由页面布局使用该Id，从而实现在指定位置插入WebPart。 
在SharePoint Designer 2010中的步骤 
  1. 在你的自定义母版页中添加一个唯一命名的内容占位符。例如：
    <asp:ContentPlaceHolder id="PlaceHolderCopyright" runat="server"/>
  2. 在页面布局中的为该占位符插入自定义内容
    <asp:Content ContentPlaceholderID="PlaceHolderCopyright" runat="server"></asp:Content>
  3. 使用SharePoint Designer在新建的区域中插入一个WebPart。如果希望所有继承自该页面布局的页面上都显示该WebPart，不要把WebPart放在WebPartZone里，直接放在该区域内即可。 

参考资料

Working with SharePoint 2010 Foundation Master Pages 

Quick Overview of Master Pages in SharePoint 2010 

Starter Master Pages for SharePoint 2010

Randy Drisgill SharePoint Branding Blog

Default Master Pages in SharePoint Foundation 

Upgrading a Master Page to a SharePoint 2010 Foundation Master Page 

Branding SharePoint 

Heather Solomon 

SharePoint Branding & Design Blog

Guide to SharePoint 2010 Base CSS Classes 

Customizing the ribbon

weixin_34117211
关注
SharePoint_2013_中将HTML文件转换为母版页
10-31
5. **应用母版页**：虽然在某些情况下，您可能无法直接从 SharePoint 设置页面中选择新转换的母版页，但可以通过 SharePoint Designer 手动设置。 - 使用 SharePoint Designer 打开您的 SharePoint 网站。 - 在...
SharePoint 2013 母版页取消和HTML关联
07-08
#### 知识点一：SharePoint 2013 母版页基础概念 - **定义**：在SharePoint 2013中，母版页（Master Page）是一种用于定义网站外观和布局的HTML文件。它包含了页面的所有公共元素，如头部、底部、导航栏等，通过这些...
SharePoint 2010 母版页制作的简单介绍
weixin_34337381的博客
01-11 147
1、  首先打开SharePoint Designer 2010，找到母版页，复制一份V4.master，用来做我们剪裁用，不建议修改之前的母版页，错了的话，不容易找回来。同时新建一个页面布局，引用自定义这个母版页，用来看效果。引用后预览下未修改的母版页，如图1所示： 2、  编辑我们复制出来的母版页，我们要做的就是要一个网站的Head将来放Flash，要网站的Foot放版权信息，还有中间的...
无废话SharePoint入门教程四[创建SharePoint母版页]
weixin_33885253的博客
07-23 358
一、前言 文章成体系，如果有不明白的地方请查看前面的文章。 二、目录 1.创建HTML页面 2.将HTML文件转换为SharePoint母版页 3.在 SPD中修改母版页“PlaceHolderMain代码段”位置 4.发布母板页 5.使用母版页 6.最终效果 7.母版页转换中的重要知识点介绍 1.创建HTML页面 在电脑的任意位置（此处示例放到D盘的根目录下）创建Tes...
SharePoint Online 创建门户网站系列之母版页
天下第一间
02-14 2819
前 言　　虽然SharePoint中母版页看起来只是头部Banner和底部版权信息这两个部分，但是实质在SharePoint Online中的页面模型中占有重要地位，而且SPO对母版页有着完善的签入签出机制和版本控制，方便使用。　　同时，除了保持网站所有页面的一致性，还方便所有页面中使用的脚本、样式表引用，可以同时影响所有页面。一、 SharePoint Online母版页的签入签出和版本控制
SharePoint 2010 母版页定制小思路介绍
weixin_34233421的博客
06-11 119
      介绍：我们使用SharePoint2010做门户网站，经常需要定制母版页，但是2010提供的Ribbon的方式，定制干掉了他以后，使用起来会发生不便，很多功能接口都需要从Ribbon里面进入，编辑也会无法编辑等出现各种问题，或者弹出脚本异常等。所以，我们要考虑下其他的方式，更加合理的使用Ribbon和左侧导航。      方法一 使用JS脚步的方式      所以就想用JS隐藏的方...
我的SharePoint 母版页
weixin_33739541的博客
07-16 121
<%@ Master language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@ Import Namespace="Microsoft.SharePoint" %><%@ ...
SharePoint 2010母版页开发全面解析
"SharePoint_2010母版页开发指南" SharePoint 2010 是微软发布的一款企业级协作平台，它提供了强大的文档管理、团队协作和网站构建功能。在开发SharePoint 2010的过程中，母版页（Master Page）扮演着至关重要的...
定制SharePoint 2013母版页教程：从入门到高级
首先，为了使用母版页功能，你需要确保SharePoint 2013的发布功能已启用。在网站集功能和网站功能中找到相应的发布特性并激活。接着，通过SharePoint Designer 2013（SPD）工具，你可以导入并修改默认的master页面，...
SharePoint二次开发：母版页详解与制作流程
"本文主要探讨了SharePoint的二次开发，特别是关于母版页、内容页和WebPart的开发。母版页在SharePoint中的作用是为网站提供统一的外观和行为，通过与内容页结合，形成具有布局和内容的完整页面。SharePoint中的母版...
SharePoint 2013 创建及修改母版页
12-07
图文并茂的详细介绍了SharePoint2013创建及修改母版页，很适合初学者。
如何在母版页的菜单栏中编写CSS
04-04
我正在开发一个母版页，如何使用Html和Css开发菜单栏。我不知道设计。请帮助我吗？
[翻译]No.9353 SharePoint Pages（2）之SharePoint母版页
weixin_30289831的博客
08-02 156
定制和开发SharePoint Pages　　这本书是关于在Visual Studio 2010如何进行SharePoint 2010开发的，我们将主要集中讲述如果创建应用程序页。这是唯一一种在Visual Studio 提供的外部模板的页面类型。但是，我们将首先会简要的介绍一下母版页，以及怎么创建这个页面类型。 自定义和创建母版页　　母版页是用来定义通用操作的SharePoint页面。Shar...
SharePoint2010母版页制作的简单介绍
maxingge89的专栏
04-10 1044
[置顶]SharePoint2007文档库中的文档添加评论功能 摘要: 背景：接到一个项目，要求文档管理，当然文档库就可以了，但是要求文档需要大家去读，读完以后还可以发表评论，这Moss貌似就有点困难了。和同事一起合计，想来想去也没有太好的办法，后来想到传统开发，两个表的级联，就想到了文档库和列表库通过一个字段进行级联，废话不多说了，进入正题。1、首先，新建一个文档库，这不是废话么；然后，再
SharePoint 2019 入门实战教程
11-15
介绍SharePoint Server 2019的环境搭建和基本功能使用。
原创分享！SharePoint母版页修改（实战）
weixin_30338497的博客
04-24 508
分享人：广州华软极简 一.前言 SharePoint网站创建时，便自带一份母版页，可由开发人员重新自定义一份母版页，关于如何转换成母版页，由于之前已经讲述过，此篇便不再赘述了。 若自定义母版页，你需要知道网页头部、底部含有哪些内容，在查看SharePoint自带页面后，清楚哪些是已有，哪些是需要添加的，针对性的进行修改。 本文适用于初学者。 二.目录 1. 前言 2. 目录...
SharePoint 2013 图文开发系列之Visual Studio 创建母版页
weixin_34370347的博客
12-07 140
　　一直以来，对于SharePoint母版页的创建，都是使用SharePoint Designer来创建和修改的，而后接触了SharePoint 2013，发现可以使用Html文件，通过设计管理器导入，然后生成Master页面使用，但是效果不是很好。 　　其实，SharePoint还可以通过代码方式创建和部署母版页，创建的过程比较简单，篇幅很短，也不需要很详细的解说，相信了解开发的人，很容易就能...
sharepoint 添加用户组，获取用户组集合中的用户组
lingpaoershiyishiji的专栏
10-18 1945
//添加用户组  private static void DtToXml(SPWeb web, string guanliGroup)         {              if (web.SiteGroups.GetCollection(new String[] {name}).Count                     {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值