uni app搜尋功能前後端開發(頁面)

2022-09-15 08:33:11 字數 1166 閱讀 2165

部落格說明

借助的外掛程式位址

外掛程式位址

展示前端是使用vue,後端使用j**a的springboot開發

監控搜尋框

注意根據自己的需求來改

async getsearch(keyword) );

// 請求失敗處理

},//高亮關鍵字

drawcorrelativekeyword(keywords, keyword) ;

keywordarr.push(tmpobj)

} return keywordarr;

},

後端介面開發
/**

* 根據傳遞過來的值查詢商家

* @param name

* @return

*/@apioperation(value = "搜尋商家", notes = "首頁搜尋商家")

@apiimplicitparam(name="name", value="商家名字", required = true, datatype = "string")

public object search(@requestparam(defaultvalue = "") string name)

效果

根據自己的需求改一下vue繫結的值

後端

/**

* @return

*/@apioperation(value = "搜尋熱門列表", notes = "搜尋熱門列表")

public object searchlist()

其他的功能是用了外掛程式裡面的

感謝

以及勤勞的自己,個人部落格,github

前後端並行開發json server

前後端並行開發的痛點 前端需要等待後端開發完介面以後 再根據介面來完成前端的業務邏輯 解決方法 在本地模擬後端介面用來測試前端效果 這種做法稱之為構建前端mock json server 獲取乙個模擬的功能齊全的api介面 不需要敲 小於30s即可搞定 json server使用 全域性安裝json...

ABP開發框架前後端開發系列

伍華聰的部落格,對作者表示感謝。abp開發框架前後端開發系列 1 框架的總體介紹 abp開發框架前後端開發系列 2 框架的初步介紹 abp開發框架前後端開發系列 3 框架的分層和檔案組織 abp開發框架前後端開發系列 4 web api呼叫類的封裝和使用 abp開發框架前後端開發系列 5 web a...

前後端開發協同的思考

前後端需要定義一套完整的錯誤碼體系,每個錯誤碼都有其含義,正確響應結果會有乙個code,可以定義為200,跟標準http code對應,容易理解。有些api介面,會使用http標準code返回,告知使用者業務的狀態,例如easyar的介面http 1.1 404 not found 這裡使用了htt...