SharePoint 2013 定制搜索显示模板

来源:互联网 发布:网络优化的目的 编辑:程序博客网 时间:2024/06/03 20:29
前言

  之前我们已经介绍了一些关于搜索的相关配置,当然,用户关于搜索的要求可能是各种各样。有时候,用户会说,你们的显示结果太Low了,确实是;不过,在SharePoint中,我们可以很容易的定制搜索结果的显示模板,下面让我们一起来看一下如何简单的定制 – 搜索显示模板。

  1、我们首先创建一个搜索页面,搜索的主题是图片(我定义了搜索的路径),下图是默认的显示结果,如下图:

clip_image002

  2、进入网站设置,找到Master pages点击进入,如下图:

clip_image004

  3、进入显示模板,点击进入,如下图:

clip_image006

  4、可以看到下图有关于搜索的显示模板,我们可以点击进入,然后进行定制,如下图:

  注:其他几个文件夹,也是显示模板,但是功能各有不同;比如Content Web Parts,顾名思义,就是为了这个WebPart定义的。

clip_image008

  5、找到如下html模板,下载一个副本到本地进行修改即可,如下图:

  注:可能会遇到文件夹下只有JavaScript,没有html的问题,记得开启发布基础架构的网站集功能。

clip_image010

  6、红框标注的地方,是我们要修改的部分,title就是我们将来选择模板时的名字,下面的红框就是显示模板的内容;我这里做了个简单的修改,注释了默认的,然后,只显示了Title(艾玛,本来就很Low,这下更Low了,还能再Low点么;好吧,只是测试一下,别骂我)。

  注:重点强调一下ManagedPropertyMapping这个属性,如果你有特别的托管属性,需要先加入(在搜索中心创建托管属性,在这里加入)才能使用;

clip_image012

  7、修改好的显示模板,然后上传回去,点击新建文档,选对内容类型,如下图:

clip_image014

  8、选中我们的模板,然后点击OK,如下图:

clip_image016

  9、查看一下内容类型、标题、还有Target Control Type是不是对,一般不会错,如下图:

clip_image018

  10、然后看到上传上来的模板,JavaScript文件是自动生成的,如下图:

clip_image020

  11、然后回到搜索页面,编辑页面,编辑搜索核心结果部件,选择WebPart 属性里面的显示模板(中间步骤过简单,容我略去若干步),如下图:

clip_image022

  12、查看最后的结果,实在很Low,原谅我吧,只是一个测试用的示例,我也没有很好地美工技术。

clip_image024

总结

  以上,便是定制搜索显示结果的全过程,示例很简单,主要还是介绍过程,希望大家勿喷。这就是SharePoint相比自己开发的优势,很多OOB的东西,非常方便使用,慢慢摸索,其实还有很多东西可以灵活使用。

  好了,今天就到这里,休息。。休息一下。。

SharePoint 2013 定制搜索显示模板(二)

0 0
原创粉丝点击