SharePoint佈局頁建立(實戰)

廣州華軟發表於2019-04-09

分享人:廣州華軟 極簡

一. 前言

SharePoint有母版頁及佈局頁,母版頁控制頁面頭部、底部,而佈局頁則控制頁面中間內容區域。通過佈局頁,可以快速修改頁面內容區域。

SharePoint的頁面佈局,由DIV+CSS以及SharePoint的web部件組成。編寫好佈局頁面後,使用到網站中,僅需要通過編輯頁面,把相應的功能部件新增或移動到佈局頁面中相應的web部件區即可實現無程式碼修改頁面。

本文適用於初學者。

二. 目錄

1. 前言

2. 目錄

3. 為何需要佈局頁

4. 建立佈局頁

5. 總結

三. 何需要佈局頁

在使用時,通過佈局頁,可以讓頁面選擇某個佈局頁,即可將佈局頁的內容新增進頁面,而不需要程式碼去控制,簡單快捷。

在開發、維護時,通過佈局頁,可以僅修改佈局頁,便可將所有使用佈局頁的頁面統一修改,而不需要修改多個頁面,大大降低了開發、維護時間。

四. 建立佈局

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

登入Sharepoint網站後,找到右上角齒輪,選擇“網站設定”

 

 

點選“母版頁和頁面佈局”

 

 

在型別那裡打個勾後左上角會出現檔案、庫等選項。然後按照圖中所示順序,依次點選“檔案”—>“新建文件”—>“頁面佈局”

 

 

這裡“內容型別組”為“頁面佈局內容型別”,“內容型別名稱”為“歡迎頁面”,然後在URL名稱填寫佈局頁面的名稱點選“確定”就可以了

 

 

儲存後,通過SPD(SharePointDesigner)在“頁面佈局”中找到剛剛建立的佈局頁,右鍵“在高階模式下編輯檔案”

 

 

將佈局頁內容新增進去,這裡之前不寫佈局頁內容,到這裡來寫也一樣,不過推薦先在寫html檔案的時候,把佈局頁也做完,等到這一步的時候直接貼上就可以了。這樣的好處在於方便之前的除錯。

 

 

在左上角有個插入的選項,如下圖,選擇好位置點選web部件區在想要新增web部件區的地方新增web部件區新增後儲存。

 

 

儲存後,記得簽入跟釋出,否則沒有許可權的人看不到最新版本。

未簽入的檔名前方會有綠色勾,選中需簽入的檔案,點選上方“簽入”

 

 

在彈出的視窗中,選擇“釋出主要版本”,點選“確定”即可

 

 

簽入併發布後,會在檔名前方有藍色歎號,如下圖

 

 

 

五. 總結

佈局頁是很有必要的,如果有多個頁面結構一致,可在後期維護時,只修改佈局頁即可,大大減少了工作量。希望上面的操作過程能夠幫你更清楚的知道如何建立佈局頁。

 

相關文章