文章底部有個人公眾號：小兔教你學(xué)編程。主要目的是方便閱讀。主要分享一些前后端初中級知識、開發(fā)實戰(zhàn)案例、問題解決等知識。
前言
???????前兩天開發(fā)了一個微信小程序項目，只不過接口數(shù)據(jù)是自己設(shè)置的假數(shù)據(jù)。然后我就想將這些假數(shù)據(jù)替換掉。這些數(shù)據(jù)來自接口，之前做過前后端分離的項目，我就想能不能直接調(diào)用那些后端數(shù)據(jù)接口。結(jié)果是可以的。以下是自己編寫的部分方法
步驟
1、后端的接口
2、微信小程序獲取這些接口數(shù)據(jù)
3、數(shù)據(jù)展示在微信小程序中
一、后端項目（提供接口）
???????后端項目就寫接口，編寫業(yè)務(wù)邏輯之類的。這個是之前寫的一個項目。這里使用mybatis-plus寫了一個查詢數(shù)據(jù)的方法。僅供測試小程序是否可以調(diào)通該接口
1.1 項目結(jié)構(gòu)
1.2 啟動效果
???????也可以將后端項目打包發(fā)布到服務(wù)器，小程序直接訪問服務(wù)器中的接口地址。開發(fā)階段，還是老老實實這種啟動方式。
1.3 代碼
等下小程序就調(diào)用這個接口
/**
* 查詢所有的商品信息
* @return
*/
@RequestMapping(value = "/goodsInfo/searchAllGoodInfo",method = RequestMethod.GET)
public Result searchAllGoodInfo(){
try{
List<GoodsInfo> goodsInfoList = goodsInfoMapper.selectList(null);
if(goodsInfoList != null){
return Result.ok().data("goodsInfoList",goodsInfoList);
}
}catch (Exception e){
e.printStackTrace();
}
return Result.error();
}
1.4 數(shù)據(jù)庫數(shù)據(jù)
等下這些數(shù)據(jù)可以展示在微信小程序頁面
二、微信小程序項目
1.1 項目結(jié)構(gòu)
???????這個是頁面設(shè)置，在點擊按鈕后。發(fā)送接口數(shù)據(jù)請求，然后將請求的數(shù)據(jù)展示出來。
1.2 代碼
??????? 這里是接口數(shù)據(jù)請求，將請求后的數(shù)據(jù)賦值給小程序變量。
// pages/test/index.js
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
GoodsList:[]
},
/**
* 獲取商品信息
*/
handleGetGoodsInfo() {
// 1 發(fā)送異步請求獲取商品數(shù)據(jù)
wx.request({
url: 'http://localhost:8282/goodsInfo/searchAllGoodInfo', //請求的接口地址
success: (result) => {
const GoodsList = result.data.data.goodsInfoList
this.setData({
GoodsList //獲取數(shù)據(jù)
})
}
});
}
})
1.3 啟動效果
三、Vue搭建后臺管理
???????這個也是之前開發(fā)的一套前后臺項目的前端。自己刪除了大部分內(nèi)容。作為一個后臺管理系統(tǒng)，還是挺不錯的。
1.1 項目結(jié)構(gòu)
1.2 啟動效果
???????之前做的后臺管理系統(tǒng)：等下這些數(shù)據(jù)，就可以展示在微信小程序中。方便數(shù)據(jù)的管理。這里可以進行圖上的上傳，以及查看預(yù)覽等。
四、測試效果
效果：
1、點擊按鈕后，發(fā)送接口，獲取數(shù)據(jù)展示。
2、后臺日志記錄這次查詢情況
3、后臺管理頁面查看數(shù)據(jù)是否一樣（肯定一樣。同一個數(shù)據(jù)庫）
文章來源：http://www.zghlxwxcb.cn/news/detail-532802.html
五、后語
???????這樣接入后臺，就可以實現(xiàn)小程序的功能需求。小程序負責(zé)接收數(shù)據(jù)，以及數(shù)據(jù)的展示。后臺處理邏輯。使用Vue做一個后臺管理系統(tǒng)，也方便查看、管理數(shù)據(jù)。嘎嘎爽文章來源地址http://www.zghlxwxcb.cn/news/detail-532802.html
到了這里，關(guān)于微信小程序+SpringBoot接入后臺服務(wù)，接口數(shù)據(jù)來自后端的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
