SharePoint 2013 图文开发系列之可视化WebPart

hao0089

　　有了WebPart开发的基础，再进行可视化WebPart开发，就容易多了。创建和开发过程，两者非常相似，下面，我们简单介绍下可视化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对比学习，测试开发，因为两者之间是息息相关的，只是前者更注重逻辑，后者更方便展示罢了。
　　总 结
　　关于可视化WebPart的入门介绍，基本就这么多，因为是开发入门文档，希望大神略过，勿喷，谢谢！希望给有需要的人，以参考。