天天看點

SharePoint 2013 圖文開發系列之定義站點模闆

  SharePoint站點模闆是一個非常好的功能,友善我們開發一類網站,然後在此基礎上做二次開發,對于SharePoint的使用,有着舉足輕重的作用。

  因為篇幅比較長,是以加上目錄,友善大家檢視:

  一、為站點模闆添加母版頁

  二、為站點模闆添加自定義清單

  三、為站點模闆添加可視化WebPart

1、添加新項目,選擇SharePoint 2013 空項目,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆
2、選擇調試站點,部署為場解決方案,如下圖:
SharePoint 2013 圖文開發系列之定義站點模闆
3、添加新項,選擇網站定義,如下圖:
SharePoint 2013 圖文開發系列之定義站點模闆
4、檢視onet.xml,如下圖:
SharePoint 2013 圖文開發系列之定義站點模闆
5、檢視webtemp_CustomSiteDefinition.xml,Name要和步驟4 Name一緻,如下圖:
SharePoint 2013 圖文開發系列之定義站點模闆
6、Xml簡介,如下表格:

<?xml version="1.0" encoding="utf-8"?>
<Templates xmlns:ows="Microsoft SharePoint">
  <Template Name="CustomSiteDefinition" ID="10005">
    <Configuration
      ID="0"
      Title="自定義站點"
      Hidden="FALSE"
      ImageUrl="/_layouts/images/CPVW.gif"
      Description="這是我的測試自定義站點"
      DisplayCategory="SP自定義">
    </Configuration>
  </Template>
</Templates>      

  如上面表格,ID一般要大于10000,我這裡選擇10005了,小于10000可能導緻建立報錯;Title為模闆名稱,Hidden為是否隐藏,DisplayCategory為模闆分類。

<?xml version="1.0" encoding="utf-8"?>
<Project Title="CustomSiteDefinition" Revision="2" ListDir="" xmlns:ows="Microsoft SharePoint" xmlns="http://schemas.microsoft.com/sharepoint/">
  <NavBars>
  </NavBars>
  <Configurations>
    <Configuration ID="0" Name="CustomSiteDefinition">
      <Lists/>
      <SiteFeatures>
      </SiteFeatures>
      <WebFeatures>
      </WebFeatures>
      <Modules>
        <Module Name="DefaultBlank" />
      </Modules>
    </Configuration>
  </Configurations>
  <Modules>
    <Module Name="DefaultBlank" Url="" Path="">
      <File Url="default.aspx">
      </File>
    </Module>
  </Modules>
</Project>      

  如上面表格,這個可以說是站點的xml檔案,包括定義的清單、Feature、字段等等,都需要在這裡面聲明。

7、部署站點模闆,然後建立,可以看到分類、模闆名稱、描述等屬性,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

8、打開根據模闆建立的站點,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

9、檢視站點内容,什麼應用程式都沒有,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

說 明

  以上,是站點模闆的建立過程,下面,我們還要為站點模闆豐富功能,因為不可能僅僅一個站點模闆,就足夠我們使用了。

****************************這是華麗麗的分隔符********************************

為站點模闆添加母版頁[傳回頂部]

10、添加新項,選擇子產品,命名為”MasterPageModule”,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

11、修改MasterPageModule的Feature檔案,友善以後識别,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

11、添加檔案夾結構,并建立母版頁,我在body裡面加背景色藍色,友善以後識别是否引用的是這個母版頁,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

12、修改MasterPageModule的Xml檔案,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

13、修改default.aspx頁面引用的母版頁,改為custom.master,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

14、修改onet.xml檔案,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

15、重新整理首頁,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

  背景藍色,說明已經引用我們建立的母版頁了,設定成功!

為站點模闆添加自定義清單[傳回頂部]

16、添加新項,選擇清單,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

17、填寫清單名稱,選擇模闆,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

18、在母版頁的Feature裡,移除清單定義的Feature,我們單獨為清單添加Feature:

SharePoint 2013 圖文開發系列之定義站點模闆

19、添加并修改清單定義的Feature,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

20、為我的清單定義添加欄(建議先英文,後改為中文,防止内部字段編碼),如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

21、下面我們修改視圖,當然也可以定義一個新的,這裡我懶了,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

22、清單屬性,我們修改一下相對Url(中文看着别扭),其他看你的心情了,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

23、因為有一個字段,類型是選項,沒有設定選項的内容和預設值,我們修改下:

SharePoint 2013 圖文開發系列之定義站點模闆

24、修改自定義站點的onet.xml檔案,添加如下(自定義清單Feature的Guid),如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

25、根據站點模闆,建立網站,發現建立好就自帶我們定義的清單,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

26、檢視清單,視圖裡有我們建立的幾個欄,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

27、建立項目,選項類型也是正确的,我很欣慰,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

  如上所示,就是為站點定義添加自定義清單的過程,其實就是添加一個清單定義,然後在站點模闆的onet.xml檔案裡,添加一個Feature節點。

為站點模闆添加可視化WebPart[傳回頂部]

28、添加新項,選擇可視化web部件,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

29、在可視化webpart前台檔案上添加控件,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

30、在可視化webpart背景檔案上,添加方法代碼,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

31、在Default.aspx頁面上添加使用者控件的引用,并添加webpartzone和webpart:

  Assembly="$SharePoint.Project.AssemblyFullName$"

SharePoint 2013 圖文開發系列之定義站點模闆

32、部署解決方案,打開首頁,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

33、輸入Url,點選顯示圖檔,如下圖:

SharePoint 2013 圖文開發系列之定義站點模闆

總 結

  以上,就是站點模闆使用的簡單介紹,這裡,我隻為站點模闆添加了母版頁、清單可視化WebPart,其實還可以添加網站欄、事件接收器等其他子產品,有興趣的可以嘗試一下。

參考連結

http://msdn.microsoft.com/en-us/library/ms454677(v=office.14).aspx

http://msdn.microsoft.com/en-us/library/ms447717(v=office.14).aspx

http://msdn.microsoft.com/en-us/library/ms474369(v=office.14).aspx

博文推薦:
    SharePoint 2013 WebPart 管理工具分享[開源]
    基于SharePoint 2013的論壇解決方案[開源]
    SharePoint 2013 學習基礎系列入門教程
    SharePoint 2013 圖文開發系列之門教程
    SharePoint Designer 學習系列入門教程
特:如果有SharePoint項目,歡迎郵件聯系我,Email:[email protected]

繼續閱讀