SharePoint 2013 定制搜索显示模板
前言
之前我们已经介绍了一些关于搜索的相关配置,当然,用户关于搜索的要求可能是各种各样。有时候,用户会说,你们的显示结果太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的东西,非常方便使用,慢慢摸索,其实还有很多东西可以灵活使用。
好了,今天就到这里,休息。。休息一下。。
附
SharePoint 2013 定制搜索显示模板(二)
博文推荐: |
SharePoint 2013 WebPart 管理工具分享[开源] |
基于SharePoint 2013的论坛解决方案[开源] |
SharePoint 2013 学习基础系列入门教程 |
SharePoint 2013 图文开发系列之门教程 |
SharePoint Designer 学习系列入门教程 |
特:如果有SharePoint项目,欢迎邮件联系我,Email:linyu_s@163.com |
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
· 全程使用 AI 从 0 到 1 写了个小工具
2015-04-20 SharePoint 2013 为用户组自定义EventReceiver