详细内容

在做后台管理的时候，当要管理的数据很多的时候，不可避免的就需要搜索查找功能。这样更简便，快捷，省时省力。因此，搜索也成了必不可少的部分！在搜索的时候有两种方式：

1、在数据库中实现，借用数据库的功能，可以轻松的实现搜索功能，然后后台要做的就是规格整理显示出来，方便客户的操作和查看！

2、是将所有的内容显示出来，利用业内搜索，挨个查找，知道找出令客户满意的那些条目为止！从网上找到了业内搜索的代码javaScript中实现：

代码如下：

在jsp业内代码：

javascript脚本中代码：var DOM = (document.getElementById) ? 1 : 0;

var NS4 = (document.layers) ? 1 : 0;

var IE4 = 0;

if (document.all)

{

IE4 = 1;

DOM = 0;

}

var win = window;

var n = 0;

function findIt() {

if (document.getElementById("searchstr").value != "")

findInPage(document.getElementById("searchstr").value);

}

function findInPage(str) {

var txt, i, found;

if (str == "")

return false;

if (DOM)

{

win.find(str, false, true);

return true;

}

if (NS4) {

if (!win.find(str))

while(win.find(str, false, true))

n++;

else

n++;

if (n == 0)

alert("未找到指定内容.");

}

if (IE4) {

txt = win.document.body.createTextRange();

for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {

txt.moveStart("character", 1);

txt.moveEnd("textedit");

}

if (found) {

txt.moveStart("character", -1);

txt.findText(str);

txt.select();

txt.scrollIntoView();

n++;

}

else {

if (n > 0) {

n = 0;

findInPage(str);

}

else

alert("未找到指定内容.");

}

}

return false;

}

这个看你想要搜索什么，如果是您数据库里面的数据，那么就很简单了，你写一个form，包含关键字输入框和提交按钮，提交到后台，然后由后台程序负责从数据库中提取数据，select * from tablename where *** like '%?%' ;

*** 是你数据库记录中的关键字列表，？是你从前台传过来的搜索关键字。最后把数据库返回的结果展示到前台页面就可以了

相比较而言，个人还是更倾向于第一种，虽然会给数据库带来一定压力！但是第一种更直观，形象，便于操作！而且从用户角度看，也是更倾向于第一种！

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

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

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

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的参数中获取值，实现在输入关键字搜索后刷新页面显示关键字这一功能，直接上图：

在输入中文关键字进行搜索时，可以使用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}}"

});

点击查看大图

搜索结果

总结

以上所述是小编给大家介绍的Java实现搜索功能代码详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！