使用 LayUI+SpringBoot+Solr 模仿百度、做站内搜索引擎

最新推荐文章于 2024-08-09 01:44:25 发布

IT小村

最新推荐文章于 2024-08-09 01:44:25 发布

阅读量4.1k

点赞数 1

文章标签： solr 搜索全文检索前端框架 jquery

本文链接：https://blog.csdn.net/larger5/article/details/79946353

版权

一、前言

这里写图片描述
全文检索于 sql 模糊查询，最大的区别，在于
① 前者能将要查询的关键字符串先进行灵活分词，再进行匹配，
② 后者只会直接死板匹配。
③ 很多网站都有站内搜索，每个后台的应该会，故做了个 demo 分享
还有很多优点，相信大家都已经了解

前后端分离
① 前端框架：jQuery、LayUI
② 后台框架：SpringBoot、Solr

模仿百度搜索，麻雀虽小，五脏俱全

本文很多基础都来自笔者之前的文章
① Solr 基础：[增删改查] SpringBoot 整合 Solr 之 SolrClient 实现 CRUD、分页接口、高亮显示
② 前后端分离之跨域问题解决：在 SpringBoot 中设置允许跨域请求
③ LayUI 基础：使用新、热、轻量、简单、强大、优美的 LayUI框架构建前端页面

二、效果

gif 图解读：

① 搜索 Java爬虫技术
② 搜索 SpringBoot整合Solr
③ 随便点击搜索结果的一个链接

这里写图片描述

思考：
若不是使用了 Solr全文检索，则搜索词 Java学习，因首字母大写、后面还有中文，无法匹配 java爬虫 等。

四、前端代码

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>ITAEM 搜索</title>
        <link rel="stylesheet" href="layui/css/layui.css" />
        <script src="js/jquery-1.7.2.js"></script>
        <script src="layui/layui.js"></script>
        <script type="text/javascript">
        </script>
    </head>

    <body>
        <br />
        <div class="layui-row layui-col-space3">
            <div class=

最低0.47元/天解锁文章

IT小村

关注

1
点赞
踩
20

收藏

觉得还不错? 一键收藏
打赏
0
评论
使用 LayUI+SpringBoot+Solr 模仿百度、做站内搜索引擎

前言全文检索于 sql 模糊查询，最大的区别，在于 ① 前者能将要查询的关键字符串先进行灵活分词，再进行匹配， ② 后者只会直接死板匹配。 ③ 很多网站都有站内搜索，每个后台的应该会，故做了个 demo 分享还有很多优点，相信大家都已经了解摘要前后端分离① 前端框架：jQuery、LayUI② 后台框架：SpringBoot、Solr模仿百度搜索，麻雀虽小，五脏俱全本文很多基础都来自笔者
复制链接

扫一扫