[發(fā)明專利]一種基于微信小程序平臺智能搜索的實現(xiàn)方法

在審

• 申請?zhí)枺?/td>: 201810327088.6
• 申請日: 2018-04-12
• 公開（公告）號: CN108491198A
• 公開（公告）日: 2018-09-04
• 發(fā)明（設(shè)計）人: 陳林;張來卿;龐嚴(yán)冬
• 申請（專利權(quán)）人: 珠海橫琴盛達兆業(yè)科技投資有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30;G06F8/38;H04L12/58
• 代理公司: 暫無信息
• 代理人: 暫無信息

本發(fā)明涉及微信小程序平臺技術(shù)領(lǐng)域，特別涉及一種基于微信小程序平臺智能搜索的實現(xiàn)方法。本發(fā)明的方法是用戶進入搜索頁面時，上部分顯示搜索輸入框等內(nèi)容，下部分顯示常用標(biāo)簽及歷史標(biāo)簽內(nèi)容，點擊常用標(biāo)簽或歷史標(biāo)簽可自動進行搜索，點擊搜索框輸入關(guān)鍵詞時會自動保存，下次進入時會自動展示，搜索時不需要單獨創(chuàng)建按鈕觸發(fā)事件，使用輸入法自帶的搜索便能完成，搜索完畢隱藏標(biāo)簽內(nèi)容并顯示產(chǎn)品信息。本發(fā)明解決了在微信小程序里搜索時不能自動記錄搜索數(shù)據(jù)及需要創(chuàng)建搜索按鈕才能進行搜索的問題。

技術(shù)領(lǐng)域

本發(fā)明涉及微信小程序平臺技術(shù)領(lǐng)域，特別涉及一種基于微信小程序平臺智能搜索的實現(xiàn)方法。

背景技術(shù)

在微信小程序平臺上搜索時不能自動記錄搜索數(shù)據(jù)，沒有提供常用的搜索關(guān)鍵詞，搜索完后經(jīng)常切換界面影響瀏覽，輸入完需要滾動到上面點擊搜索按鈕才能搜索的問題；為了解決這些問題，需要實現(xiàn)一種簡潔的、智能的搜索方法。

發(fā)明內(nèi)容

本發(fā)明解決的技術(shù)問題在于提供一種能在小程序上簡潔的、智能的搜索方法；解決了不能自動記錄及需要創(chuàng)建搜索按鈕才能搜索的問題。

本發(fā)明解決上述技術(shù)問題的技術(shù)方案是：

用戶進入搜索頁面時，上面展示搜索輸入框，下面顯示常用標(biāo)簽及歷史標(biāo)簽內(nèi)容，點擊常用標(biāo)簽或歷史標(biāo)簽可自動進行搜索，點擊搜索框輸入關(guān)鍵詞時會自動保存，下次進入時會自動展示，搜索時不需要單獨創(chuàng)建按鈕觸發(fā)事件，使用輸入法自帶的搜索便能完成，搜索完畢隱藏標(biāo)簽內(nèi)容并顯示產(chǎn)品信息。從而解決了在微信小程序里搜索時不能自動記錄搜索數(shù)據(jù)及需要創(chuàng)建搜索按鈕才能進行搜索的問題。

所述的方法具體包括如下步驟：

步驟一、在項目里創(chuàng)建一個search包及4個文件，分別為search.js、search.json、search.wxml、search.wxss；

步驟二、在search.wxml文件里繪制出搜索的界面，為上下結(jié)構(gòu)，上邊view為搜索框，不需要搜索按鈕，下邊view為搜索標(biāo)簽及歷史標(biāo)簽區(qū)域，搜索后變?yōu)楫a(chǎn)品展示區(qū)域，在search.wxss文件里調(diào)節(jié)樣式；

步驟三、在search.js中的data里定義搜索需要的相關(guān)變量；

步驟四、在search.js文件中的從搜索框、標(biāo)簽或掃描條碼獲得搜索關(guān)鍵詞，通過輸入法中的搜索按鈕觸發(fā)搜索事件，搜索成功時把返回的結(jié)果設(shè)值到data里的list變量中，并把搜索關(guān)鍵詞保存到歷史記錄中；

步驟五、把list變量的值綁定到search.wxml文件中的列表view上，對其進行遍歷，如果不為空展示產(chǎn)品信息，為空則展示沒有數(shù)據(jù)的提示圖案。

本發(fā)明的有益效果：當(dāng)用戶進入搜索頁面時，下面顯示常用標(biāo)簽及歷史標(biāo)簽內(nèi)容，點擊常用標(biāo)簽或歷史標(biāo)簽可自動進行搜索，點擊搜索框輸入關(guān)鍵詞時會自動保存，下次進入時會自動展示，搜索時不需要單獨創(chuàng)建按鈕觸發(fā)事件，使用輸入法自帶的搜索便能完成，搜索完畢隱藏標(biāo)簽內(nèi)容并顯示產(chǎn)品信息，從而達到智能、友好及簡潔地搜索的目的。有效解決了在微信小程序里搜索時不能自動記錄搜索數(shù)據(jù)及需要創(chuàng)建搜索按鈕才能進行搜索的問題。

附圖說明

下面結(jié)合附圖對本發(fā)明進一步說明：

圖1為本發(fā)明的流程圖。

圖2為本發(fā)明的效果圖。

具體實施方式

如圖1所示，本發(fā)明采用如下步驟：

步驟一、在項目里創(chuàng)建一個search包及4個文件，分別為search.js、search.json、search.wxml、search.wxss；