|
SharePoint發行版本有SharePoint2003、SharePoint2007、Sharepoint 2010、SharePoint2013和SharePoint2016。SharePoint提供了功能強大的團隊協作環境，使得組織能夠在整個組織內部實現整合、組織、查找和提供 SharePoint站點。 一直以來所接觸的SharePoint開發，都是Designer配合Visual Studio，前者設計頁面，后者開發功能，相互合作，完成SharePoint網站開發。直到SharePoint 2013接觸站點模板，才發現站點也可以直接通過VS來進行開發，創建母版頁、頁面、WebPart、列表、列表項、網站欄等等，完成一個站點的開發。 或許是自己認識過于淺薄，但是在瀏覽眾多博客當中，暫時還未曾發現類似的博客，所以，寫一篇博客分享給大家。也因為是一個開發示例，所以功能比較簡單，我自己簡單寫了一個發布站點模板，用來演示博客。 不得不說的是，模板的主題是環境保護，當日漸嚴重的霧霾天氣，已經嚴重影響我們的生活和出行，我想，節能環保是每個人的義務。廢話不多說了，進入我們的主題。 首先，介紹一下演示的網站模板包括哪些內容： 1、一個母版頁； 2、一個網站首頁； 3、兩個列表：圖片新聞、文字新聞； 4、3個WebPart，包括：圖片輪播、文字新聞列表展示、文字新聞二級頁面； 其次，介紹下網站具體結構： 1、母版頁通過Module將頁面發布到SharePoint站點母版頁庫中； 2、兩個WebPart通過Feature部署到網站中； 3、自定義列表通過Feature部署到網站中，并在列表實例中添加欄和數據； 4、使用列表模板定義列表項展示頁面（DispForm.aspx）； 5、使用WebPart定義列表More頁； Visual Studio解決方案結構圖，如下圖： 如下圖所示，詳細描述了每個文件的作用。 
站點模板的結構，主要由三個文件組成，如上圖Visual Studio結構圖，我們可以看到這三個文件分別是： 1、default.aspx -- 站點模板的首頁； 2、Onet.xml -- 可以說站點模板結構的Xml描述文件； 3、webtemp_PublishSiteTemplate.xml -- 站點模板的Xml描述文件。 一、母版頁開發 開發站點模板，首先要創建一個母版頁，也就是在創建SharePoint空解決方案之后，添加一個新項，項目為模塊，如下圖： 
如下圖，添加母版頁目錄結構，修改模塊的Xml內容，Path也就是文件路徑，是解決方案中文件的路徑，Url是鏈接地址，是將來發布到SharePoint站點的地址，通常，我們都會復制一個SharePoint已存在的母版頁，來修改成我們需要的樣子： 
如下圖，是Div+CSS布局的母版頁，主要包括頭部、中間內容、尾部版權信息三個部分。而頭部還包括網站名稱、導航、用戶、網站設置幾個控件。 標題、用戶、網站設置幾個部分，就是做好母版頁布局，留著相應位置，將SharePoint自帶的控件剪切過來即可。建議在之前位置，留下類似這樣的注釋，方便我們修改后還原。 導航一般不經常變動，可以寫死成JS腳本的動態導航；當然，也可以使用SharePoint自帶的托管導航，支持三級導航，效果可以使用CSS樣式，重寫默認樣式，修改比較難弄，有興趣了解，可以參考我的另一篇關于托管導航介紹的博客。 
母版頁制作完成以后，可以添加到站點模板結構描述的Xml文件（onet.xml）里，添加到如下位置即可。因為站點模板的Feature基本是Web，所以添加到WebFeatures即可；如果是Site范圍的，需要添加到SiteFeatures里面。 建議如我這樣的添加，添加Feature后，在上方寫下注釋，方便以后修改和閱讀。
站點的母版頁功能添加到站點模板以后，還需要為default.aspx頁面也就是站點模板首頁引用。 首先，需要修改站點模板的結構描述文件（onet.xml）的config節點，添加如下代碼： MasterUrl="_catalogs/masterpage/seattle.master"CustomMasterUrl="_catalogs/masterpage/Index.master" 截圖如下： 
最后，修改default.aspx文件的母版頁引用，改為自定義模板頁，即可，如下修改MasterPageFile節點： <%@ Page Language="C#" MasterPageFile="~masterurl/custom.master" 二、創建自定義列表（以圖片新聞為例） 在項目里添加新建項，選擇列表，如下圖： 
創建列表比較簡單，添加字段可以在可視化界面，直接添加即可。只是，建議先添加英文字段名稱，而后修改成中文，這樣內部字段容易識別。 
而后，為列表添加測試數據，雙擊列表實例的xml文件（本例為PictureNewsInstance中xml），添加相應數據，如下圖 
創建列表完畢后，我們還需要定制一下列表的More頁和展示頁，因為Allitems頁面不僅僅是展示頁，而且還是數據維護頁面，所以不要去修改AllItems頁面，新添加一個More頁用來做二級頁面。同事，列表項的展示頁，直接修改DispForm也即可。 不知道你是否了解，SharePoint列表模板，如果不了解，聽我科普一下。SharePoint所有的列表，都會繼承一個模板，存在物理目錄TEMPLATE\CONTROLTEMPLATES下，名字叫做DefaultTemplates.ascx。當然，很多SharePoint的控件也都存在這里，由于這些控件都是全局的，強烈建議不要修改，即使修改，必須備份。 Sharepoint的列表，不僅僅繼承一個模板，還單獨繼承一個頁面，默認位置為物理路徑TEMPLATE\Pages下，名字叫做form.aspx。下面，我們通過這個頁面和模板，來定制列表的展示頁。 首先，我們映射上面介紹的兩個SharePoint文件夾（別說不知道如何映射SharePoint文件夾，如若不知道，請參考我之前的博客，SharePoint 2013圖文開發系列）。 在Pages映射的文件夾中，添加兩個頁面分別用來定制DispForm和More頁，添加一個模板的ascx控件，用來展示DispForm頁面。由于More頁和SharePoint原來頁面相差很大，所以我選擇開發一個可視化webpart，并不需要修改模板，只要隱藏掉之前的模板即可。 然后，修改一下More也的引用頁面（PublishSiteMoreForm.aspx），主要修改引用的母版頁為自定義母版頁（上面那個不算太好看的），添加More頁的可視化WebPart（如何創建后面介紹）。 1、在頭部注冊控件，如下： <%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 2、在頁面添加webpartzone，并添加webpart，如下：
3、隱藏默認自帶的部件區域，如下： |
4、如下圖，即修改后的頁面，同時，我們修改DispForm繼承的Page頁（PublishSiteDispForm.aspx），這個頁面，我們只需要修改母版頁引用為自定義母版頁即可，因為展示需要繼承自帶的模板，而非可視化webpart： 
接下來，修改DispForm頁繼承的模板，如下圖，展示的只有標題和新聞內容兩個字段，中間有一段點化線作為分隔： 
展示效果，如下圖，還不算太難看吧，我不是美工，大家不要吐槽： 
三、創建可視化webpart 相比之前介紹的內容，可視化webpart就非常簡單了，創建三個可視化webpart，分別用作圖片輪播、文字新聞列表展示、文字新聞More頁。 圖片新聞是一段JS，讀取標題、圖片鏈接，拼好腳本前臺輸出即可；文字新聞更簡單，拼成HTML前臺數據，就可以了；More頁也非常簡單，讀取列表數據，綁定前臺GridView，自帶分頁。功能就不多言了，看看展示效果吧。 圖片新聞和文字新聞的首頁 
More頁的顯示效果 
詳細頁之前已經截圖了，在這里就不碼圖了。添加完這三個WebPart以后，要做的就是把這三個WebPart添加到一個Feature里，然后加到站點模板的SiteFeatures里去，就可以了。 特別要說的是，之前添加的列表，也需要加載這里，但是為了省事兒，我加到母版頁的Feature里了，所以這里沒有單獨列出來，希望不要引起誤會。 
以上，便是SharePoint模板開發過程的簡單描述，開發完成后，使用Visual Studio自帶的打包功能，部署到服務器上，即可。在添加網站集的時候，就會看到相應的站點模板，如下圖。 站點模板的屬性，在其描述文件中（webtemp_PublishSiteTemplate.xml）修改： 
站點模板描述文件，分別有站點模板的標題、描述、所示分組等，如下圖： 
總 結 SharePoint站點模板的開發，基本如上所示，當然，時間和精力所限，自己用很短的時間，寫了上面的東西作為演示，如果需要，可以開發更加復雜的站點模板，以滿足對于客戶的需求。
Sharepoint 可以幫助企業用戶輕松完成日常工作。
| 
