SharePoint佈局頁建立（實戰）

分享人：廣州華軟 極簡

一. 前言

SharePoint有母版頁及佈局頁，母版頁控制頁面頭部、底部，而佈局頁則控制頁面中間內容區域。經過佈局頁，能夠快速修改頁面內容區域。

SharePoint的頁面佈局，由DIV+CSS以及SharePoint的web部件組成。編寫好佈局頁面後，使用到網站中，僅須要經過編輯頁面，把相應的功能部件添加或移動到佈局頁面中相應的web部件區便可實現無代碼修改頁面。

本文適用於初學者。

二. 目錄

1. 前言

2. 目錄

3. 爲什麼須要佈局頁

4. 建立佈局頁

5. 總結

三. 爲何須要佈局頁

在使用時，經過佈局頁，可讓頁面選擇某個佈局頁，便可將佈局頁的內容添加進頁面，而不須要代碼去控制，簡單快捷。

在開發、維護時，經過佈局頁，能夠僅修改佈局頁，即可將全部使用佈局頁的頁面統一修改，而不須要修改多個頁面，大大下降了開發、維護時間。

四. 建立佈局頁

下面以某網站爲例，描述一下建立佈局頁過程。

登陸Sharepoint網站後，找到右上角齒輪，選擇「網站設置」

 

 

點擊「母版頁和頁面佈局」

 

 

在類型那裏打個勾後左上角會出現文件、庫等選項。而後按照圖中所示順序，依次點擊「文件」—>「新建文檔」—>「頁面佈局」

 

 

這裏「內容類型組」爲「頁面佈局內容類型」，「內容類型名稱」爲「歡迎頁面」，而後在URL名稱填寫佈局頁面的名稱點擊「肯定」就能夠了

 

 

保存後，經過SPD（SharePointDesigner）在「頁面佈局」中找到剛剛建立的佈局頁，右鍵「在高級模式下編輯文件」

 

 

將佈局頁內容添加進去，這裏以前不寫佈局頁內容，到這裏來寫也同樣，不過推薦先在寫html文件的時候，把佈局頁也作完，等到這一步的時候直接粘貼就能夠了。這樣的好處在於方便以前的調試。

 

 

在左上角有個插入的選項，以下圖，選擇好位置點擊web部件區在想要添加web部件區的地方添加web部件區添加後保存。

 

 

保存後，記得簽入跟發佈，不然沒有權限的人看不到最新版本。

未簽入的文件名前方會有綠色勾，選中需簽入的文件，點擊上方「簽入」

 

 

在彈出的窗口中，選擇「發佈主要版本」，點擊「肯定」便可

 

 

簽入併發布後，會在文件名前方有藍色歎號，以下圖

 

 

 

五. 總結

佈局頁是頗有必要的，若是有多個頁面結構一致，可在後期維護時，只修改佈局頁便可，大大減小了工做量。但願上面的操做過程可以幫你更清楚的知道如何建立佈局頁。