SharePoint 2013 图文开发系列之定义站点模板

  SharePoint站点模板是一个非常好的功能,方便我们开发一类网站,然后在此基础上做二次开发,对于SharePoint的使用,有着举足轻重的作用。

  因为篇幅比较长,所以加上目录,方便大家查看:

  一、为站点模板添加母版页

  二、为站点模板添加自定义列表

  三、为站点模板添加可视化WebPart

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

SharePoint 2013 图文开发系列之定义站点模板_第1张图片

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

SharePoint 2013 图文开发系列之定义站点模板_第2张图片

3、添加新项,选择网站定义,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第3张图片

4、查看onet.xml,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第4张图片

5、查看webtemp_CustomSiteDefinition.xml,Name要和步骤4 Name一致,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第5张图片

6、Xml简介,如下表格:

"1.0" encoding="utf-8"?>
"Microsoft SharePoint">
  

  如上面表格,ID一般要大于10000,我这里选择10005了,小于10000可能导致创建报错;Title为模板名称,Hidden为是否隐藏,DisplayCategory为模板分类。

"1.0" encoding="utf-8"?>
"CustomSiteDefinition" Revision="2" ListDir="" xmlns:ows="Microsoft SharePoint" xmlns="http://schemas.microsoft.com/sharepoint/">
  
  
  
    "0" Name="CustomSiteDefinition">
      
      
      
      
      
      
        "DefaultBlank" />
      
    
  
  
    "DefaultBlank" Url="" Path="">
      "default.aspx">
      
    
  

  如上面表格,这个可以说是站点的xml文件,包括定义的列表、Feature、字段等等,都需要在这里面声明。

7、部署站点模板,然后创建,可以看到分类、模板名称、描述等属性,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第6张图片

8、打开根据模板创建的站点,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第7张图片

9、查看站点内容,什么应用程序都没有,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第8张图片

  以上,是站点模板的创建过程,下面,我们还要为站点模板丰富功能,因为不可能仅仅一个站点模板,就足够我们使用了。

****************************这是华丽丽的分隔符********************************

为站点模板添加母版页[返回顶部]

10、添加新项,选择模块,命名为”MasterPageModule”,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第9张图片

11、修改MasterPageModule的Feature文件,方便以后识别,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第10张图片

11、添加文件夹结构,并创建母版页,我在body里面加背景色蓝色,方便以后识别是否引用的是这个母版页,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第11张图片

12、修改MasterPageModule的Xml文件,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第12张图片

13、修改default.aspx页面引用的母版页,改为custom.master,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第13张图片

14、修改onet.xml文件,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第14张图片

15、刷新首页,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第15张图片

  背景蓝色,说明已经引用我们创建的母版页了,设置成功!

****************************这是华丽丽的分隔符********************************

为站点模板添加自定义列表[返回顶部]

16、添加新项,选择列表,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第16张图片

17、填写列表名称,选择模板,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第17张图片

18、在母版页的Feature里,移除列表定义的Feature,我们单独为列表添加Feature:

SharePoint 2013 图文开发系列之定义站点模板_第18张图片

19、添加并修改列表定义的Feature,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第19张图片

20、为我的列表定义添加栏(建议先英文,后改为中文,防止内部字段编码),如下图:

SharePoint 2013 图文开发系列之定义站点模板_第20张图片

21、下面我们修改视图,当然也可以定义一个新的,这里我懒了,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第21张图片

22、列表属性,我们修改一下相对Url(中文看着别扭),其他看你的心情了,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第22张图片

23、因为有一个字段,类型是选项,没有设置选项的内容和默认值,我们修改下:

SharePoint 2013 图文开发系列之定义站点模板_第23张图片

24、修改自定义站点的onet.xml文件,添加如下(自定义列表Feature的Guid),如下图:

SharePoint 2013 图文开发系列之定义站点模板_第24张图片

25、根据站点模板,新建网站,发现创建好就自带我们定义的列表,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第25张图片

26、查看列表,视图里有我们创建的几个栏,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第26张图片

27、新建项目,选项类型也是正确的,我很欣慰,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第27张图片

  如上所示,就是为站点定义添加自定义列表的过程,其实就是添加一个列表定义,然后在站点模板的onet.xml文件里,添加一个Feature节点。

****************************这是华丽丽的分隔符********************************

为站点模板添加可视化WebPart[返回顶部]

28、添加新项,选择可视化web部件,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第28张图片

29、在可视化webpart前台文件上添加控件,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第29张图片

30、在可视化webpart后台文件上,添加方法代码,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第30张图片

31、在Default.aspx页面上添加用户控件的引用,并添加webpartzone和webpart:

  Assembly="$SharePoint.Project.AssemblyFullName$"

SharePoint 2013 图文开发系列之定义站点模板_第31张图片

32、部署解决方案,打开首页,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第32张图片

33、输入Url,点击显示图片,如下图:

SharePoint 2013 图文开发系列之定义站点模板_第33张图片

  以上,就是站点模板使用的简单介绍,这里,我只为站点模板添加了母版页、列表可视化WebPart,其实还可以添加网站栏、事件接收器等其他模块,有兴趣的可以尝试一下。

参考链接

http://msdn.microsoft.com/en-us/library/ms454677(v=office.14).aspx

http://msdn.microsoft.com/en-us/library/ms447717(v=office.14).aspx

http://msdn.microsoft.com/en-us/library/ms474369(v=office.14).aspx

你可能感兴趣的:(SharePoint 2013 图文开发系列之定义站点模板)