Logo

Logo

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

Pastore Antonio
Pastore Antonio 2022年05月09日
1049 阅读 0 评论 约 890 字 阅读约 2 分钟

  有了WebPart开发的基础,再进行可视化WebPart开发,就容易多了。创建和开发过程,两者非常相似,下面,我们简单介绍下可视化WebPart的开发。

1、添加新项目,选择SharePoint 2013空项目 ,如下图:

clip_image001

  当然,你也可以直接选择可视化web部件,这样会在项目里自动创建一个可视化WebPart(如下图),不过我不喜欢它默认的命名方式,还要重命名或删除重建,所以我就创建空项目,而后自己添加。

clip_image002

2、选择部署为场解决方案,如下图:

clip_image003

3、添加新项,选择可视化WebPart,如下图:

clip_image004

  如上图,我们可以看到有两个可视化WebPart,第一个可以使用沙盒部署方式,第二个仅能使用场解决方案。

4、修改Feature文件,如下图:

clip_image005

5、修改CustomVisualWebPart.webpart文件,如下图:

clip_image006

6、为可视化WebPart添加控件,如下图:

clip_image007

  如上图,一般选择拆分视图,直接在工具箱拖动控件即可;

7、为可视化WebPart编写代码,如下图:

clip_image008

  因为测试,所以没写太复杂的代码,当然,可视化WebPart可以添加复制的逻辑,但是更善于的是展示,方便我们对前台进行控制,仿佛写.net页面一样;

8、添加WebPart,如下图:

clip_image009

9、可视化WebPart效果,如下图:

clip_image010

  当然,服务器控件交互的友好性,并不在本文讨论范围,只是举个简单的例子。

10、同样,我们可以参考上一篇WebPart的方式,扩展右侧属性面板,如下图:

clip_image011

  扩展的方式,和普通WebPart是一样的,如下图:

clip_image012

  特别的,可视化WebPart同样可以使用和WebPart相同的配置文件,将配置文件写在相关应用程序下的web.config,然后使用.net方式调用即可。

  强烈建议把普通WebPart和可视化WebPart对比学习,测试开发,因为两者之间是息息相关的,只是前者更注重逻辑,后者更方便展示罢了。

  关于可视化WebPart的入门介绍,基本就这么多,因为是开发入门文档,希望大神略过,勿喷,谢谢!希望给有需要的人,以参考。

查看完整代码

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它

附件下载

共 12 个文件
clip_image001
PNG 117.5 KB
clip_image002
PNG 70.6 KB
clip_image003
PNG 114.9 KB
clip_image004
PNG 98.6 KB
clip_image005
PNG 65.1 KB
clip_image006
PNG 89.4 KB
clip_image007
PNG 125.2 KB
clip_image008
PNG 94.6 KB
clip_image009
PNG 54.5 KB
clip_image010
PNG 27.3 KB
clip_image011
PNG 41.4 KB
clip_image012
PNG 99.5 KB
部分文章可能存在转载,如果涉及到侵权,请联系删除文章。

探索AIGC相关的精彩内容,共 14 篇文章

MCP | 一文详解什么是 MCP以及 MCP 可以做什么

一、什么是 MCP MCP(Model Context Protocol)是一个专为大型语言模型(L ... SharePoint 2013 图文开发系列之可视化WebPart

2026-02-14 · Shen, Luke
你的工作流程,值得一个“全自动数字分身”:录制、截图、成文,一气呵成

一、一句话认识 TestFlow Recorder 在数字化工作环境中,如何准确记录操作步骤并生成清 ... SharePoint 2013 图文开发系列之可视化WebPart

2026-02-14 · Xzavier Aaron
Flowise 前端框架配置指南

用户需求 问题:有没有适合配置 Flowise 的前端框架? 目标:寻找类似 Open WebUI ... SharePoint 2013 图文开发系列之可视化WebPart

2026-02-14 · Xzavier Aaron
高效AI故障诊断实践:提升企业运维能力

规划阶段 在现代企业的故障诊断过程中,规划阶段是确保诊断工作顺利开展的关键环节。通过系统化的规划,不 ... SharePoint 2013 图文开发系列之可视化WebPart

2026-02-14 · Shen, Luke