webpart开发基础可视化开发图文教程
我要评论1、添加新项目，选择SharePoint 2013空项目 ，如下图：
当然，你也可以直接选择可视化web部件，这样会在项目里自动创建一个可视化WebPart（如下图），不过我不喜欢它默认的命名方式，还要重命名或删除重建，所以我就创建空项目，而后自己添加。
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对比学习，测试开发，因为两者之间是息息相关的，只是前者更注重逻辑，后者更方便展示罢了。
相关文章
网络工程师必备的6款配置文件编辑神器:替代Notepad++!
本期文章介绍了六种网工必备工具，这些工具是网络工程师日常工作中必不可少的,也是那些立志成为网络工程师的人应该熟悉的2026-04-13
首个版本v1.111已上线! VS Code开启周更狂飙模式
026年3月10日，微软宣布将Visual Studio Code（VS Code）更新节奏从月更提速至周更，并发布首个周更版本v1.1112026-03-11- 还在手动打开浏览器、点击按钮、检查控制台报错？太累了！现在，最新的VS Code 1.110中AI可以直接调试浏览器2026-03-10
今天带大家来共同学习VC++6.0无法正常运行怎么办？下面就是详细完整的操作步骤,快跟小编一起来学习一下2026-02-27vscode调试c代码始终找不到exe可执行文件的详细及解决办法
在 VS Code 中调试 C++ 项目时，常见报错：“无法启动调试会话：找不到可执行文件”，这个问题问题通常是由于环境配置不当、缺少编译步骤、路径设置错误、或是launch.json2026-02-27vscode入门! 小白都能看懂的VS Code保姆级级使用教程
相对于其它前端工具来说，VSCode显得更加的流畅，今天就将我的学习经历和大家分享一下，希望可以帮助到有需要的人2026-02-27- 2026年真正值得装、用得上、不鸡肋的 VSCode 插件，其实没那么多——挑10个“神级”不难，但得是每天打开就用、关掉就难受的那种2026-02-10
VS Code 和 VSCodium怎么选? vscode 和 vscodium之间的区别
咱们今天就来聊聊 Visual Studio Code (VS Code) 和 VSCodium的相似与区别，详细请看下文介绍2026-01-10
如何启用.NET Framework3.5? 一键安装net3.5解决软件依赖问题
你是否曾在安装某些软件时遇到过“需要.NET Framework 3.5”的提示？实，只需要几步简单的操作，你就可以轻松解决这个问题2025-10-28- 在软件开发过程中，重构是一个非常重要的环节,重构可以提高代码的可读性、可维护性和可扩展性，使代码更加健壮和易于理解，本文将介绍如何使用 VSCode 进行 Java 代码重构2025-09-20
最新评论