溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Java如何實(shí)現(xiàn)搜索功能

發(fā)布時(shí)間:2021-04-26 12:29:02 來源:億速云 閱讀:617 作者:小新 欄目:編程語言

這篇文章主要介紹了Java如何實(shí)現(xiàn)搜索功能,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

Java有哪些集合類

Java中的集合主要分為四類:1、List列表:有序的,可重復(fù)的;2、Queue隊(duì)列:有序,可重復(fù)的;3、Set集合:不可重復(fù);4、Map映射:無序,鍵唯一,值不唯一。

首先,我們要清楚搜索框中根據(jù)關(guān)鍵字進(jìn)行條件搜索發(fā)送的是Get請(qǐng)求,并且是向當(dāng)前頁(yè)面發(fā)送Get請(qǐng)求

//示例代碼 請(qǐng)求路徑為當(dāng)前頁(yè)面路徑 "/product" 
<!-- 搜索框 get請(qǐng)求 根據(jù)商品名稱的關(guān)鍵字進(jìn)行搜索-->
<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>

當(dāng)我們要實(shí)現(xiàn)多條件搜索功能時(shí),可以將搜索條件封裝為一個(gè)Map集合,再根據(jù)Map集合進(jìn)行搜索

Java如何實(shí)現(xiàn)搜索功能

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<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";
  }

業(yè)務(wù)層代碼:

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:

<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>

這樣,就可以從前端到后端實(shí)現(xiàn)多條件搜索功能了。我們還會(huì)遇到這樣一種情況,在輸入搜索條件時(shí),顯示列表會(huì)不斷自動(dòng)刷新,這里其實(shí)用到了Ajax的相關(guān)內(nèi)容,在輸入的過程中,會(huì)不斷發(fā)出Ajax請(qǐng)求,然后刷新頁(yè)面。

<input type="text" name="productName" placeholder="商品名稱" class="form-control" value="${param.productName}">
value="${param.productName}"
是從請(qǐng)求url的參數(shù)中獲取值,實(shí)現(xiàn)在輸入關(guān)鍵字搜索后刷新頁(yè)面顯示關(guān)鍵字這一功能,直接上圖:

Java如何實(shí)現(xiàn)搜索功能

在輸入中文關(guān)鍵字進(jìn)行搜索時(shí),可以使用encodeURIComponent解決url路徑顯示中文亂碼問題:

//分頁(yè)
$('#pagination-demo').twbsPagination({
  totalPages: ${pageInfo.pages},
  visiblePages: 10,
  first:'首頁(yè)',
  last:'末頁(yè)',
  prev:'上一頁(yè)',
  next:'下一頁(yè)',
  href:"?productName="+encodeURIComponent('${param.productName}')+"&place="+encodeURIComponent('${param.place}')
  + "&typeId=${param.typeId}&minPrice=${param.minPrice}&maxPrice=${param.maxPrice}&p={{number}}"
});

Java如何實(shí)現(xiàn)搜索功能

點(diǎn)擊查看大圖

Java如何實(shí)現(xiàn)搜索功能

搜索結(jié)果

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Java如何實(shí)現(xiàn)搜索功能”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI