SharePoint 如何定制搜索显示模板

【SharePoint 如何定制搜索显示模板】分享给互联网技能从业者学习和参考。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结

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

这一次,我们介绍一下如何定制搜索显示时,弹出来的那个页面,相信这个大家也都会遇到的。

  1、第一部分就是搜索显示模板的部分,第二部分就是搜索项目详情的部分,如下图:

  2、按照之前一篇博客介绍的过程,找到下面红框的html,下载一份副本到本地修改,如下图:

  3、改个名字上传回去,之后也会自动生成一个JavaScript文件,具体信息对比一下,不要选择错了(一般默认就是对的,如果有问题了记得校对一下),如下图:

  4、首先修改一下上一篇介绍的显示模板定义,里面有关联的详细信息模板定义,如下图:

  注:可能有人会问,我们下载的副本是html的,为嘛关联一个js的呢?!这个我在做的时候也有点疑惑,不过JavaScript会在上传html模板的时候自动生成,也就不迷惑了;

  5、尝试在spd里修改详情显示模板,加一个标题带上样式测试一下,如下图:

  6、测试结果,说明我们改的地方是对的,虽然很少这么改,如下图:

  7、简单介绍一下搜索详细显示模板的结构,主要是Header、Body、Footer三个部分,具体每个部分是干什么的,相信大家一看便知,如下图:

  8、我们尝试在中间的缩略图(画外音:什么缩略图,明明就是一个iframe在模板里,你当我傻啊!确实是这样的,呵呵)后面,加上一个描述字段,算是一个“大改”吧,看看情况,如下图:

  9、可以看到我们的描述字段,显示在了我们想要让他出现的地方,里面的内容也是我们想要显示的内容,如下图:

  注:修改任何搜索项目的属性,都要爬网才生效,别傻傻的修改了属性,怎么改模板都不管用。。你不增量爬网一下,搜索项目属性的修改是不生效的。

总结

  以上,便是搜索详细显示模板的定义,其实很简单,只要找对了需要修改的位置,修改起来非常容易的。其实一开始我也这么认为的,但是如果你想大概,还是需要花费一番心思的,比如修改Footer里面的操作


SharePoint 如何定制搜索显示模板