首先，我们要清楚搜索框中根据关键字进行条件搜索发送的是get请求，并且是向当前页面发送get请求
|
1
2
3
4
5
6
|
//示例代码 请求路径为当前页面路径 "/product" <!-- 搜索框 get请求 根据商品名称的关键字进行搜索--><form action="/product" class="form-inline pull-left" > <input type="text" name="productname" placeholder="商品名称" class="form-control" value="${param.productname}"> <button class="btn btn-primary"><i class="fa fa-search"></i></button></form> |
当我们要实现多条件搜索功能时，可以将搜索条件封装为一个map集合，再根据map集合进行搜索
controller层代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
@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<string,object> searchparam = new hashmap<>(); searchparam.put("productname",productname); searchparam.put("place",place); searchparam.put("typeid",typeid); searchparam.put("minprice",minprice); searchparam.put("maxprice",maxprice); pageinfo<kaola> pageinfo = kaolaservice.findbypageno(pageno,searchparam); model.addattribute("pageinfo",pageinfo); return "product/list"; } |
业务层代码：
|
1
2
3
4
5
|
public pageinfo<kaola> findbypageno(integer pageno, map<string, object> searchparam) { pagehelper.startpage(pageno,10); list<kaola> kaolalist = kaolamapper.findbysearchparamwithtype(searchparam); return new pageinfo<>(kaolalist);} |
mybatis中的mapper.xml：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<select id="findbysearchparamwithtype" resulttype="com.kaishengit.entity.kaola"> 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 <where> <if test="productname != null and productname != ''"> kaola.product_name like concat('%',#{productname},'%') </if> <if test="place != null and place != ''"> and kaola.place = #{place} </if> <if test="typeid != null and typeid != ''"> and kaola.type_id = #{typeid} </if> <if test="minprice !=null and minprice != ''"> <![cdata[ and kaola.price >= #{minprice} ]]> </if> <if test="maxprice !=null and maxprice != ''"> <![cdata[ and kaola.price <= #{maxprice} ]]> </if> </where> order by kaola.id desc</select> |
这样，就可以从前端到后端实现多条件搜索功能了。我们还会遇到这样一种情况，在输入搜索条件时，显示列表会不断自动刷新，这里其实用到了ajax的相关内容，在输入的过程中，会不断发出ajax请求，然后刷新页面。
<input type="text" name="productname" placeholder="商品名称" class="form-control" value="${param.productname}">是从请求url的参数中获取值，实现在输入关键字搜索后刷新页面显示关键字这一功能，直接上图：
value="${param.productname}"
在输入中文关键字进行搜索时，可以使用encodeuricomponent解决url路径显示中文乱码问题：
|
1
2
3
4
5
6
7
8
9
10
11
|
//分页$('#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}}"}); |
点击查看大图
搜索结果
总结
以上所述是小编给大家介绍的java实现搜索功能代码详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持！
原文链接：http://www.jianshu.com/p/a1e3034e9e42?utm_source=tuicool&utm_medium=referral
