SharePoint 開發篇：淺談Web Part和Page

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

Design Manager 幫助很多開發者在SharePoint中創建自己的網站設計。通常我們根據站點設計進行定制母版頁，因為它定義了貫穿站點所有頁面的公共元素，你可以通過“站點設置”下的“Design Manager”并映射你的網絡驅動器，使用任何HTML編輯器編輯母版頁。

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

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

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

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

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