Axure knowledge points: How to make a fuzzy search function for input keywords?

Summary: WeChat search [ Sanqiao Jun ]

One, the problem

We all know that many web softwares have the function of inputting keywords and then fuzzy searching for content. For example, the fuzzy search of a mall is product information.
Insert picture description here
What Mr. Mihashi wants to talk about today is how to implement the fuzzy search function of keywords in the mall.
Axure interactive effect preview: https://taipsa.axshare.com

2. Resolution process

First of all, we should understand that the keywords entered in the search box are from the title search of the product.
Insert picture description here
Then, we made a repeater in Axure and added an interactive effect to the search button, allowing him to fuzzy search the title of the product based on the keywords entered in the search box.

Note:
The target of adding filtering is the repeater, here Mihashi is named the product list; the
rule is to use a specific keyword fuzzy search function ;
GoodsName is the name of the product name, Item.GoodsName is an insert variable;
Search is a search Name the box;
remember to check the single quotes in parentheses to remove them.

Insert picture description here
This is the fuzzy search function for keywords .
Insert picture description here
Operate according to the above rules, you can realize the keyword fuzzy search function.
Insert picture description here

Three, upgrade function

How to automatically fuzzy search out product information when entering keywords in the search box without clicking the search button?
Insert picture description here

We only need to add the interaction when the text changes in the search box, and then add the same filtering interaction as above.
Insert picture description here


It is not easy to organize articles. If you have any help, please like and follow your support, thank you! Wechat search for [ Sanqiao Jun ], and reply [Follow] with a resource package prepared by me. Follow-up continuous update~~~

Guess you like

Origin blog.csdn.net/weixin_46218781/article/details/108988155