有了WebPart開(kāi)發(fā)的基礎(chǔ)，再進(jìn)行可視化WebPart開(kāi)發(fā)，就容易多了。創(chuàng)建和開(kāi)發(fā)過(guò)程，兩者非常相似，下面，我們簡(jiǎn)單介紹下可視化WebPart的開(kāi)發(fā)。

1、添加新項(xiàng)目，選擇SharePoint 2013空項(xiàng)目 ，如下圖：

　　當(dāng)然，你也可以直接選擇可視化web部件，這樣會(huì)在項(xiàng)目里自動(dòng)創(chuàng)建一個(gè)可視化WebPart（如下圖），不過(guò)我不喜歡它默認(rèn)的命名方式，還要重命名或刪除重建，所以我就創(chuàng)建空項(xiàng)目，而后自己添加。

2、選擇部署為場(chǎng)解決方案，如下圖：

3、添加新項(xiàng)，選擇可視化WebPart，如下圖：

　　如上圖，我們可以看到有兩個(gè)可視化WebPart，第一個(gè)可以使用沙盒部署方式，第二個(gè)僅能使用場(chǎng)解決方案。

4、修改Feature文件，如下圖：

5、修改CustomVisualWebPart.webpart文件，如下圖：

6、為可視化WebPart添加控件，如下圖：

　　如上圖，一般選擇拆分視圖，直接在工具箱拖動(dòng)控件即可；

7、為可視化WebPart編寫(xiě)代碼，如下圖：

　　因?yàn)闇y(cè)試，所以沒(méi)寫(xiě)太復(fù)雜的代碼，當(dāng)然，可視化WebPart可以添加復(fù)制的邏輯，但是更善于的是展示，方便我們對(duì)前臺(tái)進(jìn)行控制，仿佛寫(xiě).net頁(yè)面一樣；

8、添加WebPart，如下圖：

9、可視化WebPart效果，如下圖：

　　當(dāng)然，服務(wù)器控件交互的友好性，并不在本文討論范圍，只是舉個(gè)簡(jiǎn)單的例子。

10、同樣，我們可以參考上一篇WebPart的方式，擴(kuò)展右側(cè)屬性面板，如下圖：

　　擴(kuò)展的方式，和普通WebPart是一樣的，如下圖：

　　特別的，可視化WebPart同樣可以使用和WebPart相同的配置文件，將配置文件寫(xiě)在相關(guān)應(yīng)用程序下的web.config，然后使用.net方式調(diào)用即可。

　　強(qiáng)烈建議把普通WebPart和可視化WebPart對(duì)比學(xué)習(xí)，測(cè)試開(kāi)發(fā)，因?yàn)閮烧咧�間是息息相關(guān)的，只是前者更注重邏輯，后者更方便展示罷了。

總 結(jié)

　　關(guān)于可視化WebPart的入門介紹，基本就這么多，因?yàn)槭情_(kāi)發(fā)入門文檔，希望大神略過(guò)，勿噴，謝謝！希望給有需要的人，以參考。