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对比学习，测试开发，因为两者之间是息息相关的，只是前者更注重逻辑，后者更方便展示罢了。
相关文章
WebStorm如何调试Vue项目? webstorm配置vue开发环境指南
WebStorm 支持多种调试工具，包括浏览器的开发者工具，但本文主要讲解的是使用 WebStorm 自带的调试功能2025-04-15
VSCode和webstorm怎么设置绿色护眼背景? 绿豆沙背景色的设置方法
护眼色一定程度能保护眼睛，缓解疲劳，VSCode和webstorm这两款常用的软件怎么设置护眼色呢？详细请看下文介绍2025-04-15- WebStorm本身已经足够强大，但一些优秀的插件能锦上添花，显著提升开发效率，详细请看下文介绍2025-04-15
如何安装配置WebStorm? WebStorm安装与使用全方位指南
WebStorm软件在前端和后端开发领域都备受青睐，很多朋友不知道该怎么下载安装，下面我们就来看看详细的安装配置教程2025-04-15Webstorm怎么配置? Webstorm入门之软件配置教程
WebStorm是一款功能强大的集成开发环境（IDE），支持各种前端开发技术，今天我们就来看看Webstorm的配置教程2025-04-15- WebStorm 允许您自定义界面颜色，以创建更个性化和美观的工作空间，今天我们就来看看Webstorm改变字体大小、背景颜色、设置背景图片的方法2025-04-15
VScode上安装PlatformIO插件能成功安装，尝试卸载VScode并删除插件，这些错误仍然存在，下面我们就来看看这个问题的解决办法2025-04-03
提升代码搜索效率! VSCode里DeepSeek插件安装与配置指南
今天我们将向大家介绍如何在Visual Studio Code中安装并配置 DeepSeek 插件，帮助你更高效地进行代码搜索2025-04-07- VSCode是一款免费且开源的代码编辑器，因其强大的功能和良好的用户体验而广受欢迎，本文将详细介绍 VSCode 的基本使用方法，并通过插图帮助你更好地理解2025-04-03
- 今天我们来聊聊如何安装和配置VS Code，让它成为你编程路上的得力助手，这个过程其实很简单，只要跟着我的步骤走，你绝对能搞定2025-04-03
最新评论