微信頁面模板中的文章搜尋功能是怎樣實現的?

2021-10-04 05:48:06 字數 659 閱讀 8046

一、文章分類

我們先來回顧一下關於文章分類的知識。因為我們的文章數量龐大,所以需要按照文章的內容或者是其他的一些條件來將所有文章進行乙個大致的分類。

在給文章新增分類的時候,我們一定要注意數量不宜過多,且分類的設定一定要淺顯易懂,讓使用者一目了然知道自己所需的內容在哪個分類。比如我們是賣茶葉的,就可以將分類分為散裝的,袋裝的以及禮盒裝的。也可以根據茶葉的種類來分為紅茶,綠茶,山茶等等,可以從多個不同的維度來進行劃分,但是一定要以使用者的體驗感為主。

二、文章搜尋

三、操作步驟

3.在彈出的模板功能設定對話方塊裡面,第乙個選項就是文章搜尋,它的預設狀態是關閉的,我們需要將它切換到開啟狀態,這個時候頁面模板裡就會出現乙個搜尋框,我們的頁面模板就具有了搜尋功能。

微信小程式搜尋框以及簡單的頁面內容搜尋的實現

先來看一下效果 2.1 顯示效果的設計 在切換到第二種輸入框時,把我們所有的資料都放在乙個scroll view中顯示。當輸入內容時,觸發輸入事件,為輸入框新增bindinput屬性,在事件處理函式中查詢是否有資料項與輸入的內容匹配。如果有,則只顯示匹配的資料項。2.2 文字搜尋的實現 如果我們的資...

微信小程式頁面內搜尋查詢(無後台)

先上圖,這是我要實現的效果!當我們沒有頁面內沒有分頁又需要搜尋時,我們可以直接在前端寫搜尋功能,這樣也極大的減輕了後台查詢壓力。當我們進入頁面的時候肯定要進行後台查詢,這裡我直接模擬後台返回的json資料,先在data裡定義兩條一樣的json data,這是頁面需要的json list2 這是查詢需...

微信小程式 頁面資料的更新

關於前端資料載入咱們都會做同一件事,就是理所當然的將載入資料放在onload中,因為onload是生命週期函式 監聽頁面載入。有時候這樣做並沒有錯,包括我在之前開發也沒有遇到什麼不妥的地方。下面是我寫myroom動態頁面的 旅途 myroom是檢視自己建立的所有課程的頁面 1 初始的簡易寫法。onl...