webpart開(kāi)發(fā)基礎(chǔ)可視化開(kāi)發(fā)圖文教程
我要評(píng)論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編寫代碼，如下圖：
因?yàn)闇y(cè)試，所以沒(méi)寫太復(fù)雜的代碼，當(dāng)然，可視化WebPart可以添加復(fù)制的邏輯，但是更善于的是展示，方便我們對(duì)前臺(tái)進(jìn)行控制，仿佛寫.net頁(yè)面一樣；
8、添加WebPart，如下圖：
9、可視化WebPart效果，如下圖：
當(dāng)然，服務(wù)器控件交互的友好性，并不在本文討論范圍，只是舉個(gè)簡(jiǎn)單的例子。
10、同樣，我們可以參考上一篇WebPart的方式，擴(kuò)展右側(cè)屬性面板，如下圖：
擴(kuò)展的方式，和普通WebPart是一樣的，如下圖：
特別的，可視化WebPart同樣可以使用和WebPart相同的配置文件，將配置文件寫在相關(guān)應(yīng)用程序下的web.config，然后使用.net方式調(diào)用即可。
強(qiáng)烈建議把普通WebPart和可視化WebPart對(duì)比學(xué)習(xí)，測(cè)試開(kāi)發(fā)，因?yàn)閮烧咧g是息息相關(guān)的，只是前者更注重邏輯，后者更方便展示罷了。
相關(guān)文章
網(wǎng)絡(luò)工程師必備的6款配置文件編輯神器:替代Notepad++!
本期文章介紹了六種網(wǎng)工必備工具，這些工具是網(wǎng)絡(luò)工程師日常工作中必不可少的,也是那些立志成為網(wǎng)絡(luò)工程師的人應(yīng)該熟悉的2026-04-13
首個(gè)版本v1.111已上線! VS Code開(kāi)啟周更狂飆模式
026年3月10日，微軟宣布將Visual Studio Code（VS Code）更新節(jié)奏從月更提速至周更，并發(fā)布首個(gè)周更版本v1.1112026-03-11AI直接調(diào)試瀏覽器! VS Code重大更新發(fā)布
還在手動(dòng)打開(kāi)瀏覽器、點(diǎn)擊按鈕、檢查控制臺(tái)報(bào)錯(cuò)？太累了！現(xiàn)在，最新的VS Code 1.110中AI可以直接調(diào)試瀏覽器2026-03-10
vc 6.0代碼是正確編譯無(wú)法運(yùn)行怎么解決?
今天帶大家來(lái)共同學(xué)習(xí)VC++6.0無(wú)法正常運(yùn)行怎么辦？下面就是詳細(xì)完整的操作步驟,快跟小編一起來(lái)學(xué)習(xí)一下2026-02-27vscode調(diào)試c代碼始終找不到exe可執(zhí)行文件的詳細(xì)及解決辦法
在 VS Code 中調(diào)試 C++ 項(xiàng)目時(shí)，常見(jiàn)報(bào)錯(cuò)：“無(wú)法啟動(dòng)調(diào)試會(huì)話：找不到可執(zhí)行文件”，這個(gè)問(wèn)題問(wèn)題通常是由于環(huán)境配置不當(dāng)、缺少編譯步驟、路徑設(shè)置錯(cuò)誤、或是launch.json2026-02-27vscode入門! 小白都能看懂的VS Code保姆級(jí)級(jí)使用教程
相對(duì)于其它前端工具來(lái)說(shuō)，VSCode顯得更加的流暢，今天就將我的學(xué)習(xí)經(jīng)歷和大家分享一下，希望可以幫助到有需要的人2026-02-27- 2026年真正值得裝、用得上、不雞肋的 VSCode 插件，其實(shí)沒(méi)那么多——挑10個(gè)“神級(jí)”不難，但得是每天打開(kāi)就用、關(guān)掉就難受的那種2026-02-10
VS Code 和 VSCodium怎么選? vscode 和 vscodium之間的區(qū)別
咱們今天就來(lái)聊聊 Visual Studio Code (VS Code) 和 VSCodium的相似與區(qū)別，詳細(xì)請(qǐng)看下文介紹2026-01-10
如何啟用.NET Framework3.5? 一鍵安裝net3.5解決軟件依賴問(wèn)題
你是否曾在安裝某些軟件時(shí)遇到過(guò)“需要.NET Framework 3.5”的提示？實(shí)，只需要幾步簡(jiǎn)單的操作，你就可以輕松解決這個(gè)問(wèn)題2025-10-28VS Code中Java擴(kuò)展代碼重構(gòu)功能的使用詳解
在軟件開(kāi)發(fā)過(guò)程中，重構(gòu)是一個(gè)非常重要的環(huán)節(jié),重構(gòu)可以提高代碼的可讀性、可維護(hù)性和可擴(kuò)展性，使代碼更加健壯和易于理解，本文將介紹如何使用 VSCode 進(jìn)行 Java 代碼重構(gòu)2025-09-20
