java查找_用Java如何实现搜索功能?

本文介绍了如何在Spring MVC框架下,利用Ajax实现前端动态搜索,后端通过MyBatis进行多条件查询。通过封装Map集合传递搜索参数,结合PageHelper分页插件,完成对商品信息的条件筛选。同时,针对输入中文关键字时可能出现的乱码问题,文章给出了使用encodeURIComponent的解决方案。
摘要由CSDN通过智能技术生成

首先,我们要清楚搜索框中根据关键字进行条件搜索发送的是Get请求,并且是向当前页面发送Get请求

//示例代码 请求路径为当前页面路径 "/product"

当我们要实现多条件搜索功能时,可以将搜索条件封装为一个Map集合,再根据Map集合进行搜索

a1e3034e9e42

image.png

Controller层代码:

@GetMapping("/product")

public String list(@RequestParam(required = false,defaultValue = "1",name = "p")Integer pageNo,

@RequestParam(required = false,defaultValue = "")String productName,

@RequestParam(required = false,defaultValue = "")String place,

@RequestParam(required = false,defaultValue = "")Integer typeId,

@RequestParam(required = false,defaultValue = "")BigDecimal minPrice,

@RequestParam(required = false,defaultValue = "")BigDecimal maxPrice,

Model model) {

Map searchParam = new HashMap<>();

searchParam.put("productName",productName);

searchParam.put("place",place);

searchParam.put("typeId",typeId);

searchParam.put("minPrice",minPrice);

searchParam.put("maxPrice",maxPrice);

PageInfo pageInfo = kaolaService.findByPageNo(pageNo,searchParam);

model.addAttribute("pageInfo",pageInfo);

return "product/list";

}

业务层代码:

public PageInfo findByPageNo(Integer pageNo, Map searchParam) {

PageHelper.startPage(pageNo,10);

List kaolaList = kaolaMapper.findBySearchParamWithType(searchParam);

return new PageInfo<>(kaolaList);

}

MyBatis中的mapper.xml:

SELECT

kaola.*, kaola_type.id AS 'kaolaType.id',

kaola_type.type_name AS 'kaolaType.typeName',

parent_id AS 'kaolaType.parentId'

FROM

kaola

INNER JOIN kaola_type ON kaola.type_id = kaola_type.id

kaola.product_name LIKE concat('%',#{productName},'%')

and kaola.place = #{place}

and kaola.type_id = #{typeId}

= #{minPrice} ]]>

ORDER BY kaola.id DESC

这样,就可以从前端到后端实现多条件搜索功能了。我们还会遇到这样一种情况,在输入搜索条件时,显示列表会不断自动刷新,这里其实用到了Ajax的相关内容,在输入的过程中,会不断发出Ajax请求,然后刷新页面。

value="${param.productName}"是从请求url的参数中获取值,实现在输入关键字搜索后刷新页面显示关键字这一功能,直接上图:

a1e3034e9e42

image.png

在输入中文关键字进行搜索时,可以使用encodeURIComponent解决url路径显示中文乱码问题:

//分页

$('#pagination-demo').twbsPagination({

totalPages: ${pageInfo.pages},

visiblePages: 10,

first:'首页',

last:'末页',

prev:'上一页',

next:'下一页',

href:"?productName="+encodeURIComponent('${param.productName}')+"&place="+encodeURIComponent('${param.place}')

+ "&typeId=${param.typeId}&minPrice=${param.minPrice}&maxPrice=${param.maxPrice}&p={{number}}"

});

a1e3034e9e42

点击查看大图

a1e3034e9e42

搜索结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值