IT技术互动交流平台

SharePoint 2013 定制搜索显示模板

作者:霖雨  发布日期:2016-04-20 21:20:59

前言

  之前我们已经介绍了一些关于搜索的相关配置,当然,用户关于搜索的要求可能是各种各样。有时候,用户会说,你们的显示结果太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的东西,非常方便使用,慢慢摸索,其实还有很多东西可以灵活使用。

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

Tag标签: 模板  
  • 专题推荐

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规