webpart開發(fā)基礎可視化開發(fā)圖文教程
1、添加新項目,選擇SharePoint 2013空項目 ,如下圖:
當然,你也可以直接選擇可視化web部件,這樣會在項目里自動創(chuàng)建一個可視化WebPart(如下圖),不過我不喜歡它默認的命名方式,還要重命名或刪除重建,所以我就創(chuàng)建空項目,而后自己添加。
2、選擇部署為場解決方案,如下圖:
3、添加新項,選擇可視化WebPart,如下圖:
如上圖,我們可以看到有兩個可視化WebPart,第一個可以使用沙盒部署方式,第二個僅能使用場解決方案。
4、修改Feature文件,如下圖:
5、修改CustomVisualWebPart.webpart文件,如下圖:
6、為可視化WebPart添加控件,如下圖:
如上圖,一般選擇拆分視圖,直接在工具箱拖動控件即可;
7、為可視化WebPart編寫代碼,如下圖:
因為測試,所以沒寫太復雜的代碼,當然,可視化WebPart可以添加復制的邏輯,但是更善于的是展示,方便我們對前臺進行控制,仿佛寫.net頁面一樣;
8、添加WebPart,如下圖:
9、可視化WebPart效果,如下圖:
當然,服務器控件交互的友好性,并不在本文討論范圍,只是舉個簡單的例子。
10、同樣,我們可以參考上一篇WebPart的方式,擴展右側屬性面板,如下圖:
擴展的方式,和普通WebPart是一樣的,如下圖:
特別的,可視化WebPart同樣可以使用和WebPart相同的配置文件,將配置文件寫在相關應用程序下的web.config,然后使用.net方式調用即可。
強烈建議把普通WebPart和可視化WebPart對比學習,測試開發(fā),因為兩者之間是息息相關的,只是前者更注重邏輯,后者更方便展示罷了。
相關文章

網絡工程師必備的6款配置文件編輯神器:替代Notepad++!
本期文章介紹了六種網工必備工具,這些工具是網絡工程師日常工作中必不可少的,也是那些立志成為網絡工程師的人應該熟悉的2026-04-13
首個版本v1.111已上線! VS Code開啟周更狂飆模式
026年3月10日,微軟宣布將Visual Studio Code(VS Code)更新節(jié)奏從月更提速至周更,并發(fā)布首個周更版本v1.1112026-03-11
還在手動打開瀏覽器、點擊按鈕、檢查控制臺報錯?太累了!現(xiàn)在,最新的VS Code 1.110中AI可以直接調試瀏覽器2026-03-10
今天帶大家來共同學習VC++6.0無法正常運行怎么辦?下面就是詳細完整的操作步驟,快跟小編一起來學習一下2026-02-27
vscode調試c代碼始終找不到exe可執(zhí)行文件的詳細及解決辦法
在 VS Code 中調試 C++ 項目時,常見報錯:“無法啟動調試會話:找不到可執(zhí)行文件”,這個問題問題通常是由于環(huán)境配置不當、缺少編譯步驟、路徑設置錯誤、或是launch.json2026-02-27
vscode入門! 小白都能看懂的VS Code保姆級級使用教程
相對于其它前端工具來說,VSCode顯得更加的流暢,今天就將我的學習經歷和大家分享一下,希望可以幫助到有需要的人2026-02-27
2026年真正值得裝、用得上、不雞肋的 VSCode 插件,其實沒那么多——挑10個“神級”不難,但得是每天打開就用、關掉就難受的那種2026-02-10
VS Code 和 VSCodium怎么選? vscode 和 vscodium之間的區(qū)別
咱們今天就來聊聊 Visual Studio Code (VS Code) 和 VSCodium的相似與區(qū)別,詳細請看下文介紹2026-01-10
如何啟用.NET Framework3.5? 一鍵安裝net3.5解決軟件依賴問題
你是否曾在安裝某些軟件時遇到過“需要.NET Framework 3.5”的提示?實,只需要幾步簡單的操作,你就可以輕松解決這個問題2025-10-28
在軟件開發(fā)過程中,重構是一個非常重要的環(huán)節(jié),重構可以提高代碼的可讀性、可維護性和可擴展性,使代碼更加健壯和易于理解,本文將介紹如何使用 VSCode 進行 Java 代碼重構2025-09-20

















