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

简介:   有了WebPart开发的基础,再进行可视化WebPart开发,就容易多了。创建和开发过程,两者非常相似,下面,我们简单介绍下可视化WebPart的开发。 1、添加新项目,选择SharePoint 2013空项目 ,如下图:   当然,你也可以直接选择可视化web部件,这样会在项目里自动创建一个可视化WebPart(如下图),不过我不喜欢它默认的命名方式,还要重命名或删除重建,所以我就创建空项目,而后自己添加。

  有了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的入门介绍,基本就这么多,因为是开发入门文档,希望大神略过,勿喷,谢谢!希望给有需要的人,以参考。

目录
相关文章
|
24天前
|
Web App开发 前端开发 网络性能优化
Web网页端IM产品RainbowChat-Web的v7.2版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
33 1
|
5月前
|
缓存 前端开发 UED
Web网页端IM产品RainbowChat-Web的v7.0版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
75 1
|
6月前
|
机器学习/深度学习 前端开发 数据可视化
数据分析web可视化神器---streamlit框架,无需懂前端也能搭建出精美的web网站页面
数据分析web可视化神器---streamlit框架,无需懂前端也能搭建出精美的web网站页面
449 0
|
6月前
|
前端开发 安全 数据安全/隐私保护
Web网页端IM产品RainbowChat-Web的v6.0版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
68 0
|
SQL 前端开发 安全
Web网页端IM产品RainbowChat-Web的v5.0版已发布
Web网页端IM产品RainbowChat-Web的v5.0版已发布
118 0
|
Web App开发 SQL 编解码
Web网页端IM产品RainbowChat-Web的v4.1版已发布
Web网页端IM产品RainbowChat-Web的v4.1版已发布
260 0
Web网页端IM产品RainbowChat-Web的v4.1版已发布
|
Web App开发 缓存 监控
Web性能优化工具WebPageTest(一)——总览与配置
网站性能优化工具大致分为两类:综合类和RUM类(实时监控用户类),WebPageTest属于综合类。 WebPageTest通过布置一些特定的场景进行测试,例如不同的网速、浏览器、位置等。 测试完成后,能获得优化等级、性能参数、请求瀑布图、网页幻灯片快照等,更多信息可以参考《WebPageTest快速入门》。
Web性能优化工具WebPageTest(一)——总览与配置
|
Web App开发 缓存 .NET
在线文档预览方案-office web apps
原文:在线文档预览方案-office web apps   最近在做项目时,要在手机端实现在线文档预览的功能。于是百度了一下实现方案,大致是将文档转换成pdf,然后在通过插件实现预览。这些方案没有具体实现代码,也没有在线预览的地址,再加上项目时间紧迫。
2143 0