摘要：微信搜尋【三橋君】

一、問題

我們都知道，很多網頁軟體都有輸入關鍵詞然後模糊搜尋內容的功能。例如，商城的模糊搜尋是產品資訊。

三橋君今天要講的就是關於商城的關鍵詞模糊搜尋功能如何實現。
Axure互動效果預覽：https://taipsa.axshare.com

二、解決過程

首先，我們應該明白搜尋框輸入的關鍵詞是來自商品的標題搜尋的。

然後，我們在Axure中製作好中繼器，在搜尋按鈕上新增互動效果，能讓他實現根據輸入搜尋框的關鍵詞去模糊搜尋商品的標題。

說明：
新增篩選的目標是中繼器，這裡三橋君命名為商品列表；
規則是用特定的關鍵詞模糊搜尋函式；
GoodsName是商品名稱的命名，Item.GoodsName是用插入變數的；

Search是搜尋框的命名；
記得檢查括號裡的單引號要去掉。

關於關鍵詞的模糊搜尋函式就是這個。

按上述規則去操作，即可實現關鍵詞模糊搜尋功能。

三、升級功能

如何在搜尋框中輸入關鍵詞時自動模糊搜尋出商品資訊，而不用點搜尋按鈕？

我們只需要在搜尋框中新增文字改變時的互動，然後跟上面一樣新增相同的篩選互動即可。

文章整理不易，如有幫助請點贊關注支援，謝謝！微信搜尋【三橋君】，回覆【關注】有我準備的一份資源大禮包。後續持續更新~~~