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对比学习，测试开发，因为两者之间是息息相关的，只是前者更注重逻辑，后者更方便展示罢了。
相关文章
vscode怎么检测工作区是否有问题? vscode调出问题指令的两种方法
vscode中可以检查是否有问题，如果有问题该怎么调出有问题的指令呢？下面我们就来看看详细的教程2024-09-28怎么在VScode中设置账号同步? Vscode账号同步的实现方法
VScode是一款免费开源的现代化轻量级代码编辑器，使用该软件时，可以设置账号同步，今天小编就来说明一下具体的操作步骤2024-09-28VSCode如何格式化XML? VSCode实现UltraEdit中XML格式化的方法
最近很喜欢使用 VS Code，所以会遇到很多 VS Code 的日常使用问题，比如，我想要在 VS Code 中实现 UltraEdit 中 XML 格式化的问题，该如何做呢？详细请看下文介绍2024-09-26VScode编译python画布闪现怎么办? 只加两行代码即可解决
vscode使用python画图时闪退，该怎么解决这个问题呢？我们只需要添加两行代码就可以了，详细请看下文介绍2024-09-26vscode怎么运行vue代码? vscode启动vue项目的教程
vscode可以运行vue项目，该怎么运行呢？下面我们就来看看新手第一次运行vue项目的方法，详细请看下文介绍2024-09-26Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧
Vscode编辑代码的时候，想要分屏，该怎么操作呢？我们可以拆分编辑器窗口，比如上下拆分，左右拆分等等，详细请看下文介绍2024-09-26怎么让vscode显示文件图标? vscode添加icon文件图标的教程
可以使VScode左侧的资源管理器根据文件类型显示图标，要在VSCode中显示文件夹图标，可以按照以下步骤进行操作2024-09-26助力开发者迅速上手! Visual Studio Code推出Office加载项开发工具预览
这一工具包旨在为开发者提供便捷的加载项开发平台，尤其是那些希望仅通过manifest文件来开发XML格式加载项的开发者，详细请看下文介绍2024-09-10
JDK是java软件开发包的简称，要想开发java程序就必须安装JDK,没有JDK的话，无法编译Java程序，很多朋友安装不会配置环境，这里就为大家提供了具体的安装与配置方法,需要的2024-07-04
TypeScript5.5更新! VS Code使用TypeScript的技巧
微软前两天昨日正式发布 TypeScript 5.5，开发者如果在 Visual Studio 和 VS Code 等编辑器中使用 TypeScript，还能实现自动完成、代码导航和重构等功能，通过一下命令可以2024-06-22
最新评论