1、添加新項目，選擇SharePoint 2013空項目 ，如下圖：

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

2、選擇部署為場解決方案，如下圖：

3、添加新項，選擇可視化WebPart，如下圖：

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

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

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

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

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

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

　　因為測試，所以沒寫太復(fù)雜的代碼，當(dāng)然，可視化WebPart可以添加復(fù)制的邏輯，但是更善于的是展示，方便我們對前臺進(jìn)行控制，仿佛寫.net頁面一樣；

8、添加WebPart，如下圖：

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

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

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

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

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

　　強烈建議把普通WebPart和可視化WebPart對比學(xué)習(xí)，測試開發(fā)，因為兩者之間是息息相關(guān)的，只是前者更注重邏輯，后者更方便展示罷了。