本文閱讀對象：有一定Axure基礎(chǔ)的人員猴贰。enjoy~
本文分為輔助介紹和主題介紹(搜索介紹)
先把動畫效果呈上天貓商品列表頁+搜索+提示+歷史記錄+關(guān)鍵詞匹配
一麦轰、輔助介紹
1.1、拉取一個中繼器命名為product并設(shè)置成如下圖所示馏鹤。中繼器相當(dāng)于Axure的數(shù)據(jù)庫征椒，橫向是記錄，縱向是字段湃累；
1.2勃救、添加字段和記錄，并分別給它命名治力。（一般以通俗易懂為準(zhǔn)）
1.3蒙秒、設(shè)置中繼器樣式。標(biāo)簽①宵统、②晕讲、③分別命名為Names、Prices、Sale瓢省，圖片命名為Images弄息。并分別對應(yīng)中繼器中相應(yīng)的字段，當(dāng)頁面加載時顯示圖片及文字勤婚；
2.1摹量、按品牌名稱篩選，記得第三步要移除其他篩選馒胆；
2.2缨称、當(dāng)客戶點擊“全部品牌”時宴树，我們要展示的是所有品牌抢呆，所以我們要移除所有篩選。
2.3驯用、根據(jù)某項指標(biāo)排序液兽，以中繼器中的哪個字段為維度骂删，按照什么順序排序；（排序類型一般是數(shù)字number）四啰；
3.1、根據(jù)輸入的價格區(qū)間篩選粗恢。我們要將輸入的最高柑晒、最低價存放在變量中，若中繼器中價格在這個區(qū)間就顯示出來眷射；
3.2匙赞、“清除”按鈕與“全部品牌”的邏輯一致，都是移除篩選妖碉。然后再設(shè)置兩個輸入框為空即可涌庭；
4.1、上下頁交互欧宜，當(dāng)為第一頁時坐榆，禁用上一頁按鈕；當(dāng)不是最后一頁時冗茸，啟用下一頁按鈕的功能席镀。
當(dāng)翻到第二頁時，設(shè)置選中夏漱，效果如圖-10豪诲，告訴用戶所處的頁數(shù)。
4.2挂绰、使用pageindex函數(shù)屎篱，獲取中繼器項目列表當(dāng)前顯示內(nèi)容的頁碼；下一頁與上一頁類似，在此不做贅述交播；
4.3专肪、跳轉(zhuǎn)到輸入的頁面。在局部變量里堪侯，specify_page就是頁碼輸入框名稱嚎尤；
這樣除了搜索功能，別的差不多都簡單介紹完了伍宦；
二芽死、搜索介紹
搜索功能分為歷史記錄、根據(jù)輸入內(nèi)容匹配常用搜索熱詞（簡稱“搜索提示”）次洼，根據(jù)輸入關(guān)鍵詞搜索顯示內(nèi)容三部分关贵；
5、歷史記錄
step1：拉取一個動態(tài)面板（slider_歷史記錄）卖毁，內(nèi)嵌一個中繼器用于存儲搜索記錄揖曾；
step2：為了使模擬更加逼真，我們先添加三條記錄亥啦；
step3：設(shè)置中繼器中的文本框文字為中繼器的記錄
step4：當(dāng)點擊某一條歷史記錄時炭剪，自動匹配中繼器中的商品(思路與下面搜索提示一樣，是對的翔脱。但是結(jié)果與搜索提示卻不同奴拦，很奇怪）
6、搜索提示
與歷史記錄的原理差不多届吁，這里不多贅述错妖；
7、重頭戲來了疚沐，搜索暂氯！
7.1、當(dāng)搜索框的長度大于0時亮蛔，自動匹配搜索提示中的關(guān)鍵詞
TargetItem.Column0:這是由于我在搜索提示動態(tài)面板中的中繼器中的字段名稱為Column0痴施，所以才這樣顯示；
7.2尔邓、當(dāng)失去焦點時晾剖，在歷史記錄中自動添加一行；
7.3梯嗽、點擊“搜索”按鈕齿尽，其實也是實現(xiàn)篩選
7.4、在商品標(biāo)題中匹配搜索關(guān)鍵詞灯节，并用紅色顯示關(guān)鍵詞循头；
7.5绵估、效果圖如下
至此，搜索的原型設(shè)計就簡單介紹完畢卡骂；
三国裳、小結(jié)：
1、涉及到的功能有：
①按關(guān)鍵詞全跨、品牌缝左、價格搜索；
②按人氣浓若、銷量渺杉、價格等排序；
③支持上下翻頁挪钓、跳轉(zhuǎn)指定頁面是越；
④支持熱詞匹配(搜索提示）功能；
⑤支持記錄搜索記錄功能碌上；
2倚评、涉及到的Axure知識點：
動態(tài)面板+中繼器+函數(shù)+排序篩選+交互用例；
3馏予、Axure函數(shù)參照：https://www.axure.com.cn/5068/
