【微服务】169：搜索页面的请求与响应

男娘i 2022-12-11 09:26 59阅读 0赞

今天是刘小爱自学Java的第169天。

感谢你的观看，谢谢你。

![d48b43f451176d984b872833c5029f2e.png][]

学习计划安排如下：

*  昨天分析并编写了一部分搜索页面的代码。
 *  今天补全发送请求的代码，并完成后台响应。

## 一、搜索页面发送请求 ##

使用axios发送请求，当然为了后续方便，axios被封装到了自定义的common组件中。

所以后续需要发送请求时，直接使用ly.http即能发送请求，就等价于使用axios一样。

![a106d27575d003a528a2d2b4b253f81e.png][]

自定义组件中配置了axios的基础请求路径baseURL，所以请求的完整路径是baseURL加上post方法中编写的请求路径。

其中存在有一个**跨域问题**，目前来说我们一共定义了4个域名：

*  网关对应的域名：也就是请求的入口。
 *  后台管理系统对应的域名。
 *  关于图片存储对应的域名。
 *  前台门户系统对应的域名

当然这些域名目前都是假的，但是真实的开发中会使用到真的域名。

无论是后台管理系统还是前台门户系统，它们发送请求时都要跨域到网关，所以需要解决跨域问题。

![396cbd50771c609608a8604821bba3ba.png][]

在**第144天学习笔记中**有解决跨域问题的完整方案，我做一个简单的说明：

本来是要使用cors调用api给各个相关属性设定值，但是在springBoot中可以使用yam配置文件说明。

上述就是给各个属性设定了对于的值，核心属性就是allowedOrigins，意味着允许跨域的域名。

因为都是要跨域到网关，所以需要在网关微服务中做好配置。

## 二、Java后台代码 ##

**1请求相关说明**

![af14b7ceb309f9db1663624c67f46a95.png][]

**①请求参数**

因为请求参数为json数据，所以创建一个实体类SearchRequest和其对应。

在controller层中使用注解@RequestBody将请求参数转换成SearchRequest对象。

**其中要注意的是**：

在后台管理系统中管理人员可以自行设定分页大小，但是在前台门户系统中一般分页大小都会设定好一个固定的值，不会让用户自行决定。

**②请求方式和请求路径**

Post请求，真实路径为page。

**③返回值**

为商品分页数据，关于分页实体类很早的时候就配置在了common微服务中。

但凡是需要分页的，直接调用该实体类即可。

**2service层代码**

![83640f9f260adade58af8770d112e03f.png][]

**①获取请求参数并校验**

我们昨天就以京东为例说明过，搜索参数不能为空，如果为空会查不到数据。

key字段虽然在前端也有校验不能为空，但是前端校验只能防君子不能防小人，所以后台最好也要加一个校验。

**②原生的查询**

queryBuilder这个对象可以链式编程，说明查询相关，api都是以with开头：

*  withPageable()对应分页，PageRequest调用静态方法of()说明分页数据。
 *  withQuery()对应搜索条件，QueryBuiders调用静态方法matchQuery说明match匹配。

**③搜索查询结果**

通过goodsRepository调用search查询，参数即为queryBuilder调用build()方法。

反正这种以Builder为后缀的类，最后要用build()方法结尾。

**3关于Repository**

![f24d64f69942808cecc9e131a8c7281b.png][]

Repository本身就是仓库、资源库的意思，其就相当于以前一直接触的mapper层。

只不过在索引库搜索中是使用Repository，继承ElasticsearchRepository接口即可使用了。

上述代码中索引库的原生查询在**第162天学习笔记**中就详细学过，如果忘记了可以做一个回顾。

至于前端拿到响应的数据后，如何完成页面的渲染就不说明，暂且没时间学完这些。

## 最后 ##

行有不得反求诸己，我是@刘小爱

一个白天上班晚上学习的95后沪漂，不为其它，只为学会自律做好自己，也愿我的每日打卡能给你带来勇气，欢迎点赞关注和评论。

[d48b43f451176d984b872833c5029f2e.png]: /images/20221123/7af02d6ebb4843d9b33d0fb6ad23d251.png
[a106d27575d003a528a2d2b4b253f81e.png]: /images/20221123/ec382852c9364e03b38b45649010e7d0.png
[396cbd50771c609608a8604821bba3ba.png]: /images/20221123/9a3b6efed64d4a5589f3305a318e4bb4.png
[af14b7ceb309f9db1663624c67f46a95.png]: /images/20221123/233daab75de441619f764cf457ace6cb.png
[83640f9f260adade58af8770d112e03f.png]: /images/20221123/a476b8ddc31f484f8e8d8c88bd3a5bce.png
[f24d64f69942808cecc9e131a8c7281b.png]: /images/20221123/6c146df41d624be09a5eb28dbb855505.png