天天看點

SharePoint 2013 圖文開發系列之可視化WebPart

  有了WebPart開發的基礎,再進行可視化WebPart開發,就容易多了。建立和開發過程,兩者非常相似,下面,我們簡單介紹下可視化WebPart的開發。

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

SharePoint 2013 圖文開發系列之可視化WebPart

  當然,你也可以直接選擇可視化web部件,這樣會在項目裡自動建立一個可視化WebPart(如下圖),不過我不喜歡它預設的命名方式,還要重命名或删除重建,是以我就建立空項目,而後自己添加。

SharePoint 2013 圖文開發系列之可視化WebPart

2、選擇部署為場解決方案,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

3、添加新項,選擇可視化WebPart,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

  如上圖,我們可以看到有兩個可視化WebPart,第一個可以使用沙盒部署方式,第二個僅能使用場解決方案。

4、修改Feature檔案,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

5、修改CustomVisualWebPart.webpart檔案,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

6、為可視化WebPart添加控件,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

  如上圖,一般選擇拆分視圖,直接在工具箱拖動控件即可;

7、為可視化WebPart編寫代碼,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

  因為測試,是以沒寫太複雜的代碼,當然,可視化WebPart可以添加複制的邏輯,但是更善于的是展示,友善我們對前台進行控制,仿佛寫.net頁面一樣;

8、添加WebPart,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

9、可視化WebPart效果,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

  當然,伺服器控件互動的友好性,并不在本文讨論範圍,隻是舉個簡單的例子。

10、同樣,我們可以參考上一篇WebPart的方式,擴充右側屬性面闆,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

  擴充的方式,和普通WebPart是一樣的,如下圖:

SharePoint 2013 圖文開發系列之可視化WebPart

  特别的,可視化WebPart同樣可以使用和WebPart相同的配置檔案,将配置檔案寫在相關應用程式下的web.config,然後使用.net方式調用即可。

  強烈建議把普通WebPart和可視化WebPart對比學習,測試開發,因為兩者之間是息息相關的,隻是前者更注重邏輯,後者更友善展示罷了。

總 結

  關于可視化WebPart的入門介紹,基本就這麼多,因為是開發入門文檔,希望大神略過,勿噴,謝謝!希望給有需要的人,以參考。

繼續閱讀