当前位置:主页 > Office办公 > WebPart

WebPart

SharePoint 图文开发系列之WebPart
SharePoint 图文开发系列之WebPart

这是我们介绍SharePoint开发入门的第一篇,在这一篇里,我们会介绍SharePoint开发的几个关键物理路径,一些开发技巧和最基础的WebPart开发。开发工具  在SharePoint 2013开发中,我们使用的是Visual Studio 2012/2013均可,但是VS2012要额外安装Microsoft Office Develop Tools for Visual Studio 2012,可以使用Microsoft Web PlatForm Install进行安装。几个关键位置  SharePoint开发中,不仅仅是WebPart,我们都经常会使用的几个关键位置,如下:GAC:  C:\Windows\assembly,也就是部署的位置;ISAPI位置,SharePoint API:  C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\ISAPI;CONTROLTEMPLATES位置,SharePoint控件/模板:

356 次浏览
SharePoint 图文开发系列之可视化WebPart
SharePoint 图文开发系列之可视化WebPart

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

281 次浏览
SharePoint 如何使用代码为页面添加WebPart
SharePoint 如何使用代码为页面添加WebPart

传统的SharePoint实施中,我们通常会创建SharePoint页面,然后添加webpartzone,而后在上面添加webpart;但是有些情况下,也要求我们使用代码,将webpart添加到相应webpartzone中,下面,简单介绍下如何操作。  操作其实很简单,大致原理是:用对象模型找到要添加webpart的页面,然后找到webpart,指定webpartzone的Id,配置一下WebPart,更新页面就可以了。在这里,我就简单粘贴一下代码和截图了。  1、 我是新建一个控制台程序,就不截图凑篇幅了;在里面添加两个方法;  方法一:public static void addWebpart(string SiteUrl, string PageUrl)  简介:根据页面地址和站点地址,找到这个需要添加webpart的页面,并把webpart加进去;  方法二:public static System.Web.UI.WebControls.WebParts.WebPart CreateWebPart(SPWeb web, SPLimitedWebPartManager webPartManager)  简介:去webpart库中,找到我们的webpart;  2、 简单截下图,大家看看,顺便看看引用的头文件;  3、 两个方法的源代码,如下:

SharePoint 如何自定义WebPart之间的连接
SharePoint 如何自定义WebPart之间的连接

1、创建SharePoint解决方案,添加两个WebPart分别用来发送和接收;  2、发送值的WebPart需要继承自IWebPartField(当然,根据需要还可以选择IWebPartField,IWebPartParameters,IWebPartRow,IWebPartTable,具体参见msdn),原理是将需要发送的值,放到一个接口实例里;  public class SendWebPart : WebPart, IWebPartField  详细代码: 1 private TextBox tb; 2 private Button btn; 3 4 protected override void CreateChildControls() 5 { 6 tb = new TextBox(); 7 Controls.Add(tb); 8 btn = new Button(); 9 btn.Text = "Send"; 10 Controls.Add(btn); 11 } 12 //创建一个接口实例 13 [ConnectionProvider("Send", AllowsMultipleConnections = true)] 14 public IWebPartField SendObject() 15 { 16 EnsureChildControls(); 17 return this; 18 } 19 20 //将数据callback到接口实例 21 public void GetFieldValue(FieldCallback callback) 22 { 23 EnsureChildControls(); 24 callback(tb.Text); 25 } 26 // Schema 属性返回 PropertyDescriptor 对象所封装的数据字段的架构信息 27 public System.ComponentModel.PropertyDescriptor Schema 28 { 29 get { return null; } 30 }   3、接受数据的WebPart,原理就是在render之前去共享的接口实例中获取值,然后使用; 1 private Label lbl; 2 private IWebPartField provider; 3 4 protected override void CreateChildControls() 5 { 6 lbl = new Label(); 7 Controls.Add(lbl); 8 } 9 //检索接口实例 10 [ConnectionConsumer("GetObject")] 11 public void RecvObject(IWebPartField prov) 12 { 13 provider = prov; 14 } 15 //获取接口实例中的数据 16 private void GetData(object fieldValue) 17 { 18 lbl.Text = Convert.ToString(fieldValue); 19 } 20 //在Render前去接口实例获取值 21 protected override void OnPreRender(EventArgs e) 22 { 23 if (provider != null) 24 provider.GetFieldValue(new FieldCallback(GetData)); 25 base.OnPreRender(e); 26 }   4、部署WebPart,然后连接,如下图:  5、查看效果  点击Send前,只能看到页面上的两个webpart,如下图:

SharePoint Online WebPart开发、部署教程
SharePoint Online WebPart开发、部署教程

1、打开Visual Studio,新建一个项目,选择SharePoint空项目,如下图:  2、选择调试站点和沙盒解决方案,如下图:  3、在项目中,添加一个WebPart,如下图:  4、添加完毕的项目结构,如下图:  5、添加输出Hello World的代码,如下图:

375 次浏览
SharePoint 如何在母版页中插入WebPart
SharePoint 如何在母版页中插入WebPart

如何在母版页里插入自己开发的WebPart。其实很简单,母版页中虽然不允许插入WebPartZone,但是Designer就可以插入WebPart;或者手动注册,然后插入WebPart也可以,不过Designer插入的时候,会自动在头部注册的。  首先我们开发一个测试用的WebPart,代码很简单,只是输入一段文字,然后部署到网站,如下图:  比如我想修改PageTitle这个为我们自定义的WebPart,如下图:  在下面的位置,插入我们的webpart(我是F12在上图页面上找到一个ID叫PageTitle,然后认定这个节点是上图位置),如下图:  不要删掉下面的节点(删掉ContentPlaceHolder节点会报错!),而是剪切到最下面,设置Visible为false,如下图:  鼠标光标放到要插入的位置,点击菜单上的WebPart,如下图:

SharePoint WebPart 管理工具使用图解教程
SharePoint WebPart 管理工具使用图解教程

经常要导入导出WebPart,非常的频繁,然后就需要一个个导出,然后一个个导入,非常繁琐;闲暇之际,就考虑能不能自动化一下,把这个功能写成一个工具,可以方便的管理WebPart。  工具的主要功能就是为页面添加、删除WebPart,对已经修改好的页面,可以导入导出页面上所有的WebPart。不过由于时间仓促,没有导出WebPart所在的WebPartZone,不过手动拖动还是很便捷的,呵呵。  下面,就进入WebPart管理工具的演示阶段吧,对了,忘了说了,如果有需要类似功能的朋友,可以去Github上下载工具,并且欢迎提意见,在时间方便的时候,也会对工具进行更新。如果您觉得工具还有点点帮助,欢迎对本文点赞,也欢迎对Github上的分享点赞,在此先谢过了。  1、打开一个SharePoint页面,如下图:  2、打开SharePoint WebPart Manager Tool,输入站点Url、Web Url、页面地址,然后点击Load,即可读取网站上所有的webpart,如下图:  3、选中一个webpart,点击Add to Page,即可添加到页面上,如下图:  4、通过SharePoint WebPart Manager Tool添加webpart的页面,如下图:

286 次浏览