引言

上一篇主要讲解的是:分页查询、数据排序显示、分页组合排序

本篇主要讲解的是:高亮显示、自定义高亮显示、通过html展示高亮效果

本篇文中所有操作,接着在上一篇的java项目代码里,进行改写即可。

高亮显示

简单引导

一般编辑器中关键字都可以设置高亮,比如大家非常熟悉的word文档,把你要重点突出的内容上个颜色,这样当别人看你文档内容时,直观就会发现有颜色的部分。

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_html

从上面这个word文档中,第一眼就是大飞哥大数据,因为这段文字和其它内容的样式不一样。在我们日常浏览网页内容时,也会有同样的需求,于是就有了高亮显示。

默认高亮显示

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_自定义高亮_02

运行当前测试类

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_高亮_03

测试类运行结果

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_springdata_04

从输出结果中能看出来,把匹配的内容分词,然后给每个词加上<em>斜体样式。我们从控制台上,并没有看到斜体样式,在后面我会使用html文件来演示。

自定义高亮显示

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_html_05

运行当前测试类

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_Elasticsearch_06

测试类运行结果

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_自定义高亮_07

html展示高亮效果

新建html文件

创建一个dafeige.txt文件,并改名为dafeige.html

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_自定义高亮_08

编辑html文件

把我们自定义的高亮内容写上,并保存,如下截图

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_Elasticsearch_09

打开html文件

双击html文件,操作系统中,默认使用浏览器打开html这种文件

Elasticsearch掰开揉碎第16篇SpringData操作ES高级篇之高亮显示_高亮_10

这下我们看到了,自定义的高亮效果了。关于html的知识点,我就不过多讲了,这不是我们的正餐。关于html的技术点网上分享的太多了,感兴趣的兄弟们自行学习即可。

结束语

至此,Elasticsearch掰开揉碎系列的第16篇就结束了,本篇主要讲解的是:高亮显示、自定义高亮显示、通过html展示高亮效果

由于页面显示图片大小有限,代码一多图片显示得就偏小。还有一些兄弟们,java的基础又不好,照着我的图片打代码,可能因为手误都会出错。为了不让任何一个兄弟夭折在学习的路上,有需要本篇文章中java源代码的,就给我留言点赞吧,Elasticsearch系列也写么这多篇了,算是对我的鼓励和支持吧!留下你的邮箱,我把源代码发给你!

从下一篇我给大家带来的是:SpringBoot集成Elasticsearch,我们依然掰开揉碎的方式去说。后续的内容更精彩,敬请期待,感谢兄弟们的关注!!