SharePoint 開發(fā)篇：淺談Web Part和Page

Blog鏈接：https://blog.51cto.com/13969817

Design Manager 幫助很多開發(fā)者在SharePoint中創(chuàng)建自己的網(wǎng)站設(shè)計。通常我們根據(jù)站點設(shè)計進(jìn)行定制母版頁，因為它定義了貫穿站點所有頁面的公共元素，你可以通過“站點設(shè)置”下的“Design Manager”并映射你的網(wǎng)絡(luò)驅(qū)動器，使用任何HTML編輯器編輯母版頁。

比如，主頁上的搜索框可以幫助用戶在網(wǎng)站上找到視頻，在配置搜索設(shè)置之后，從gallery中插入一個搜索框，然后從Design Manager導(dǎo)航到搜索設(shè)置，并添加搜索中心URL，更新搜索片段并復(fù)制HTML。

示例代碼：<div id="s4-bodyContainer">

而Page Layout是通過在母版頁的公共元素中設(shè)置頁面字段和Web部件區(qū)域的樣式來定義一組頁面的外觀，前面映射的網(wǎng)絡(luò)驅(qū)動器可用于使用任何HTML編輯器編輯頁面布局。

開發(fā)Page layout的時候使用Design Manager來開發(fā)，這種開發(fā)方式是直接寫html文件，對于頁面需要用到的元素(e.g. webpart zone)，可以通過snippet的方式添加，這種方式得好處是開發(fā)比較快。
比如我想為Media Web Part添加Web Part Zone snippet。

示例參考代碼：

<!--CS: Start Web Part Zone Snippet-->
<!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
<div xmlns:ie="ie">
<!--MS:<WebPartPages:WebPartZone runat="server" AllowPersonalization="false" ID="x337a5a8d939248d49e9c39d87693bef0" FrameType="TitleBarOnly" Orientation="Vertical">-->
<!--MS:<ZoneTemplate>-->
<!--DC: Replace this comment with default web parts for new pages. -->
<!--ME:</ZoneTemplate>-->
<!--ME:</WebPartPages:WebPartZone>-->
</div>
<!--CE: End Web Part Zone Snippet-->

其他相關(guān)文章：Build your first SharePoint client-side web part (Hello World part 1)