8 小程式 詳情頁(三)

2022-10-09 05:18:12 字數 1091 閱讀 2853

現在來開始搜尋頁的製作!

首先還是要來建立頁面咯!(之前已經建立了detail-search)

1.基本頁面結構搭建

2.資料請求

3.資料展示

現在大概可以實現這個效果,但是輸入東西不會出結果:

4.搜尋功能

我覺得這裡不要偏了!我們不需要知道怎麼聯想搜尋的,我只需要根據介面文件去操作,由輸入然後得到輸出,具體根據我什麼樣的輸入得到什麼樣的輸出是伺服器後端人員完成的。

所以第一步又是封裝網路請求!

看介面文件啊!別看我!

然後就是在對應的js檔案中呼叫這個網路請求傳入關鍵字,拿到資料,但是怎麼拿到使用者輸入的內容呢?

去vant官網上找找啊!

小程式 跳轉詳情頁

注 凡是data 自定義值 的為自定義屬性值 必須是data開頭 例 data postd event.currenttarget.dataset 所有自定義屬性的集合 注意 data postad和後台定義的postid不能重名,否則得到undefind a post.wxml 定義跳轉事件 on...

新聞詳情頁

一,業務流程分析 1,功能 1,新聞詳情 二 新聞詳情頁 1,業務流程分析 業務流程 1,判斷前端傳遞新聞id是否為空,是否為整數,是否存在 二,介面設計 1 介面說明 類目 說明 請求方式 get 路徑 news 引數格式 url路徑引數 2 引數說明 引數名 型別 是否必須 描述 news id...

3 3 商品詳情頁

1 對應的goodsdao中的核心 為 select select g.mg.stock count,mg.miaosha price,mg.start date,mg.end date from miaosha goods mg left join goods g on mg.goods id g...