搜索引擎项目（四）

SearchEngine · 王宇璇/submit - 码云 - 开源中国 (gitee.com)

基于Servlet完成前后端交互

@WebServlet("/searcher")
public class DocSearcherServlet extends HttpServlet {private static DocSearcher docSearcher = new DocSearcher();private ObjectMapper objectMapper = new ObjectMapper();protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1.先解析请求，拿到用户提交的查询词String query = request.getParameter("query");if(query==null||query.equals("")){String msg = "非法输入，没有获取query的值。";System.out.println(msg);response.sendError(404 , msg);return;}//2.打印记录query的值System.out.println("query:"+query);//3.调用搜索模块进行搜索List<Result> results = docSearcher.search(query);//4.把当前的搜索结果进行打包response.setContentType("application/json; charset=utf-8");objectMapper.writeValue(response.getWriter(), results);}
}

总体思路就是接收前端用户输入的query传入后端，将后端的搜索结果返回给前端展示，不要忘记引用Servlet依赖。

前端代码

先创建一个web文件夹因为我们之后是要部署到服务器上的。

创建一个js文件夹保存js文件可以简化我们前端代码的构建。

前端代码就是对数据的接收以及页面设置。这里挑一些重要的属性介绍给大家。

 html,body{height: 100%;background-image: url(preview.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}

这个jpg文件就是浏览器的背景图，大家可以根据自己的喜好进行修改。

因为图片和前端页面在同一路径下（直接将图片粘贴到WebApp下），所以直接用相对路径表示。

Smart TomCat配置与使用（本地测试）

1.首先先在官网下载tomcat。

2.打开idea，找到插件商城搜索SmartTomcat下载。

3.右上角最近配置，点击编辑当前配置。

4.点击右上角+号，添加SmartTomcat配置

配置内容，名称随便填

TomcatServer从文件中查找，打开刚才下载好的Tomcat的文件路径即可。

有一点值得注意的是Deployment Directory最终子目录一定是webapp。

完成之后启动tomcat就可以本地访问此网站了。http://localhost:8080/SearchEngine/

如果没有问题的话就可以向服务器上部署了。

部署到云服务器：

更改代码引用路径：

我们可以用FileZilla Client来传输本地与云服务器的文件。

将DocSearcher中的停用词文档传输到云服务器上，包括正排索引和倒排索引的两个文件

此时将STOP_WORD_PATH和INDEX_PATH改为云服务器上的路径即可。

打包

首先在pom.xml文件进行配置 ，主要就是配置打war包并且包的名称

 <packaging>war</packaging><build><finalName>SearchEngine</finalName></build>

此时进行打包，云服务器大家可以选择腾讯或者阿里云，终端选择Xshell 7

连接云服务器，在云服务器中下载jdk以及tomcat，jdk的版本一定要与代码运行时jdk版本一致

这里说我遇到的一个bug：

我电脑上jdk版本是22，但是云服务器上是17

在我们的代码中有一处地方是去掉重复的文件，

 while (!queue.isEmpty()){Pos minPos = queue.poll();Weight curWeight = source.get(minPos.row).get(minPos.col);//2.4看看取到的Weight中的DocId和上一个是否相同//相同就合并if(!target.isEmpty()){Weight lastWeight = target.get(target.size() - 1);if(lastWeight.getDocId() == curWeight.getDocId()){//合并WeightlastWeight.setWeight(lastWeight.getWeight() + curWeight.getWeight());}else{target.add(curWeight);}

target.get(target.size() - 1);这个方法之前是getLast（）也就是jdk22对取数组最后一个元素的方法进行了封装，但是jdk17没有这个方法，就导致了bug的出现。

此时我们打开项目的文件所在位置，其目录下有一个target文件，我们打的war包就在此目录下，我们将此文件传输到云服务器的Tomcat，Webapps目录下，就会自动解压。此时在浏览器上访问云服务器http://47.94.142.181:8080/SearchEngine/就可以访问到我们的项目了。