小程序可以根據(jù)管理后臺(tái)配置動(dòng)態(tài)更新展示內(nèi)容,如實(shí)現(xiàn)下面新鮮事欄目圖片的來源的可配置,點(diǎn)擊跳轉(zhuǎn)url的可配置。
創(chuàng)新互聯(lián)建站主營天峻網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件定制開發(fā),天峻h5微信平臺(tái)小程序開發(fā)搭建,天峻網(wǎng)站營銷推廣歡迎天峻等地區(qū)企業(yè)咨詢實(shí)現(xiàn)方案
1后端創(chuàng)建一個(gè)map結(jié)構(gòu)的數(shù)據(jù)表,表結(jié)構(gòu)如下:
2 管理后臺(tái)根據(jù)不同業(yè)務(wù)設(shè)定不同的key和value,更新數(shù)據(jù)庫
如key:ad1url value:a.png
如果需要更新頁面圖片,只需更新ad1url對應(yīng)的value
3 小程序根據(jù)對應(yīng)業(yè)務(wù)key獲取對應(yīng)的配置項(xiàng),更新頁面顯示
技術(shù)棧
后端接口服務(wù):SpringBoot Mybatis MySql
管理后臺(tái):vue
前端:小程序
代碼實(shí)現(xiàn)
后端接口
為了保證key的唯一性,key在數(shù)據(jù)庫設(shè)置為unique屬性,新增和更新功能通過以下sql語句實(shí)現(xiàn),主要通過replace into實(shí)現(xiàn)配置項(xiàng)的唯一
@Insert("") @Options(useGeneratedKeys = true, keyProperty = "configId", keyColumn = "configId")