SpringBootVueES实现仿百度全文搜索

　　今天要聊的就是博客管理中全文搜索的实现，基于SpringBootVueES实现，先给大家看一下效果：
　　全文搜索关键字高亮，是不是和百度的效果差不多，话不多说，直接聊如何实现。
　　该网站前端是仿一个开源项目，本人主要是做后端，所以本教程涉及前端的部分会直接给代码，不做深入讲解数据准备
　　首先我们的数据是存放在Mysql的，建表语句如下，再利用MybatisPlus实现普通查询，比较简单，也不是本文重点，不做赘述。createtablecodenote（idbigintnotnullautoincrement，titlevarchar（128）notnulldefaultcomment标题，mdcontenttextcommentmd文本，htmlcontenttextcommenthtml文本，summaryvarchar（256）comment摘要，categoryvarchar（10）comment分类，typetinyintnotnulldefault0comment类型：0文字；1视频，createtimedatetimenotnullcomment创建时间，publishtimedatetimenotnullcomment发布时间，statustinyintDEFAULT0COMMENT0草稿箱；1已发表；2已删除，primarykey（id））；INSERTINTOyitiaoadmin。codenote（id，title，author，mdcontent，htmlcontent，summary，category，type，createtime，publishtime，status）VALUES（14，一条，yitiao，canal，pcanal，null，默认，null，2023013010：28：17，2023013010：28：17，1）；复制代码前端页面
　　前端是基于elementui来实现的，从文档找了半天，决定用table来实现，如果有更好的实现方式可以评论区留言。
　　其实就是只有的一列的无边框的表格，表格内又嵌入文本和按钮，再就是一些样式的调整，关键代码如下：eltable：datasearchTableDatavifsearchShoweltablecolumnlabelwidth800bordertemplatedefaultscopeelbuttontypetextsizemediumstyleborder：none；fontsize：largeclickdetails（scope。row）spanvhtmlscope。row。esTitlespanelbuttonspan｛｛scope。row。author｝｝spanspanstylemarginleft：10px｛｛scope。row。createTime｝｝spantemplateeltablecolumneltable复制代码
　　查询和全文搜索按钮的切换使用的vifsearchShow，向后端发请求的部分如下：fullSearch（）｛this。searchShowtrue；this。pageShowfalse；if（this。searchthis。searchnull）｛this。searchspring｝request。get（esnotegetByContent，｛params：｛pageNum：this。currentPage，pageSize：this。pageSize，content：this。search｝｝）。then（res｛console。log（res）this。searchTableDatares。data｝）｝复制代码Docker安装ES
　　终于要到正题啦，因为ES非常的耗内存，我的服务器剩余内存只有不到2G，所以选择用Docker部署单机版的ES。sudodockerpullelasticsearch：7。12。0创建挂载目录config、data、plugins，开启全部权限chmodR777dataoptes创建配置文件cdconfigvimelasticsearch。ymlhttp。host：0。0。0。0启动容器sudodockerrunnameelasticsearchp9200：9200p9300：9300ediscovery。typesinglenodeeESJAVAOPTSXms84mXmx512mvdataoptesconfigelasticsearch。yml：usrshareelasticsearchconfigelasticsearch。ymlvdataoptesdata：usrshareelasticsearchdatavdataoptesplugins：usrshareelasticsearchpluginsdelasticsearch：7。12。0查看ahrefhttps：www。bs178。comrizhitargetblankclassinfotextkey日志adockerlogselasticsearch复制代码
　　测试正常启动页面：http：101。43。138。173：9200
　　插件使用
　　集群黄色解决
　　我们的elasticsearch是单节点的，只有一个主服务没有从服务，也就是说所以最简单的办法就是在创建索引的时候将备份数改为0。
　　如果我们已经创建了索引，那么我们可以直接更改索引的备份数方法举例如下：请求方式为puturl地址解释：IP地址：端口索引名称settings（settings是接口的固定用法）curlXPUTHContentType：applicationjsond｛numberofreplicas：0｝http：101。43。138。173：9200codenotesettingsusername：password返回｛acknowledged：true｝复制代码
　　刷新插件，集群变成绿色。
　　设置用户名密码vimelasticsearch。ymlhttp。cors。enabled：truehttp。cors。alloworigin：http。cors。allowheaders：Authorizationxpack。security。enabled：truexpack。security。transport。ssl。enabled：true复制代码dockerexecitfa41ca453d06binbash。binelasticsearchsetuppasswordsinteractive输入密码复制代码
　　设置成功后，用户名为elastic，密码为设置的值，同时es里多了一个索引：。security7
　　安装分词器
　　下载，版本一定要和es的对应，安装时注意，并不是一解压就好了。
　　首先查看插件的名字，解压后打开plugindescriptor。properties文件，查看插件的名字，然后在挂载的plugins文件夹下新建文件夹，以插件的名字命名。
　　再将解压出来文件全部移动到插件名文件夹下才可以。
　　重启ES，查看日志dockerrestartfa41ca453d06dockerlogsfa41ca453d06复制代码
　　至此，ES服务端部署完成，接下来就是基于SpringBoot操作ES。Java客户端
　　springbootstarterdataelasticsearch是比较好用的一个elasticsearch客户端，它内部会引入springdataelasticsearch。
　　版本对应关系
　　如果使用springbootstarterdataelasticsearch，需要调整springboot的版本才起作用。
　　有下边这几种方法操作ElasticSearch：ElasticsearchRepository（传统的方法，可以使用）ElasticsearchRestTemplate（推荐使用。基于RestHighLevelClient）ElasticsearchTemplate（ES7中废弃，不建议使用。基于TransportClient）RestHighLevelClient（推荐度低于ElasticsearchRestTemplate，因为API不够高级）TransportClient（ES7中废弃，不建议使用）
　　案例代码
　　配置dependencygroupIdorg。springframework。bootgroupIdspringbootstarterdataelasticsearchartifactIdversion2。7。7versiondependency复制代码spring：elasticsearch：rest：uris：101。43。138。173：9200多个用逗号隔开username：用户名password：密码connectiontimeout：1000连接超时时间readtimeout：1000读取超时时间复制代码
　　索引类省略部分字段DataDocument（indexNamecodenote）Setting（replicas0）副本为0，单机模式NoArgsConstructorAllArgsConstructorBuilderpublicclassEsCodeNote｛IdprivateLongid；md文本Field（typeFieldType。Text，analyzerikmaxword）privateStringmdContent；分类Field（typeFieldType。Keyword）privateStringcategory；创建时间Field（typeFieldType。Date，formatDateFormat。custom，patternyyyyMMddHH：mm：ssyyyyMMddepochmillis）privateDatecreateTime；｝复制代码
　　mapper类RepositorypublicinterfaceCodeNoteRepositoryextendsElasticsearchRepositoryEsCodeNote，String｛｝复制代码
　　service层ServiceSlf4jRequiredArgsConstructorpublicclassCodeNoteService｛privatefinalElasticsearchRestTemplateesRestTemplate；privatefinalCodeNoteRepositorycodeNoteRepository；privatefinalCodeNoteMappernoteMapper；publicObjectsaveNoteToEs（EsCodeNotecodeNote）｛returncodeNoteRepository。save（codeNote）；｝publicvoidsaveNotesToEs（ListEsCodeNotecodeNotes）｛codeNoteRepository。saveAll（codeNotes）；｝publicListEsCodeNotegetFromEsByContent（Stringcontent）｛高亮StringpreTagfontcolorred；StringpostTagfont；BoolQueryBuilderboolQueryBuildernewBoolQueryBuilder（）。should（newMatchQueryBuilder（mdContent，content））；QueryquerynewNativeSearchQueryBuilder（）。withQuery（boolQueryBuilder）。withHighlightFields（newHighlightBuilder。Field（mdContent）。preTags（preTag）。postTags（postTag））。build（）；Queryquery1newNativeSearchQueryBuilder（）。withQuery（QueryBuilders。multiMatchQuery（content，content，content。inner））。build（）；。withQuery（QueryBuilders。queryStringQuery（content））。build（）；SearchHitsEsCodeNotesearchesRestTemplate。search（query，EsCodeNote。class）；returnsearch。stream（）。map（SearchHit：：getContent）。collect（Collectors。toList（））；｝publicvoidinit（）｛ListCodeNotecodeNotesnoteMapper。selectList（Wrappers。lambdaQuery（CodeNote。class））；ListEsCodeNoteesCodeNotesBeanUtil。copyToList（codeNotes，EsCodeNote。class）；this。saveNotesToEs（esCodeNotes）；｝｝复制代码
　　controllerRestControllerRequestMapping（es）Slf4jRequiredArgsConstructorpublicclassEsRestController｛privatefinalCodeNoteServicenoteService；PostMapping（init）publicResultObjectcreateIndex（）｛noteService。init（）；returnResult。success（initallnotessuccess）；｝GetMapping（notegetByContent）publicResultListEsCodeNotegetByContent（RequestParam（content）Stringcontent）｛returnResult。success（noteService。getFromEsByContent（content））；｝｝复制代码
　　测试
　　先初始化全部数据
　　根据mdContent分词查询
　　至此后端的高亮查询已经实现，如果与前端结合，还需要对查询结果做进一步封装和处理。前后端联调
　　后端构建返回VOpublicclassEsCodeNoteRes｛privateLongid；题目privateStringesTitle；privateStringauthor；md文本privateStringesContent；html文本privateStringhtmlContent；省略部分发布时间JsonFormat（patternyyyyMMdd，timezoneGMT8）privateDatepublishTime；｝复制代码
　　对返回的结果封装SearchHitsEsCodeNotesearchHitsesRestTemplate。search（query，EsCodeNote。class）；returnsearchHits。stream（）。map（search｛EsCodeNoteesCodeNotesearch。getContent（）；search。getHighlightFields（）。forEach（（k，v）｛log。info（highlightkeyis〔｛｝〕，contentis〔｛｝〕，k，v。get（0））；分别处理标题和正文if（k。equals（title））｛esCodeNote。setTitle（v。get（0））；｝if（k。equals（mdContent））｛esCodeNote。setMdContent（v。get（0））；｝｝）；如果正文里没有关键字，取前100字符if（！esCodeNote。getMdContent（）。contains（postTag））｛esCodeNote。setMdContent（esCodeNote。getMdContent（）。substring（0，100））；｝returnEsCodeNoteRes。builder（）。id（esCodeNote。getId（））。esTitle（esCodeNote。getTitle（））。author（esCodeNote。getAuthor（））。esContent（esCodeNote。getMdContent（））。htmlContent（esCodeNote。getHtmlContent（））。summary（esCodeNote。getSummary（））。category（esCodeNote。getCategory（））。createTime（esCodeNote。getCreateTime（））。publishTime（esCodeNote。getPublishTime（））。build（）；｝）。collect（Collectors。toList（））；复制代码
　　结果展示
　　道阻且长，行则将至。2023，扬帆起航。
　　原文链接：https：juejin。cnpost7194734486327099429