使用phpstudy將本地mysql數據顯示在微信小程序前端

第一步：新建小程序

在pages文件里新建一個phptest文件夾，如果你不知道操作，建議先學小程序的基礎知識

第二步：寫phptest.js和phptest.wxml

phptest.js

// miniprogram/pages/phptest/phptest.js

Page({

data: {

},

/**

* 生命周期函數--監聽頁面加載

*/

onLoad: function (options) {

let that=this;

wx.request({

url: 'http://localhost/apia.php',

data:{},

method:'GET',

header:{

'content-type' : 'application'

},

success: function(res){

that.setData({

data:res.data,

});

}

})

}

})

phptest.wxml

{{item}}

第三步：建立數據庫

建一個數據庫，這里我自己的數據庫信息：tyty是我的數據庫用戶名，jnjn是數據庫名稱，ppp是jnjn數據庫里的一張表，里面的屬性叫id

第四步：部署php文件

這部分我由于一點php基礎沒有，完全是網上教程東拼西湊,所以寫出來的也很亂

首先下載一個軟件叫做phpstudey網址：https://m.xp.cn/

下載安裝好之后進入主界面，啟動wnmp

之后寫一個php文件，我這里叫apia.php,我用的notepade++,寫完保存的時候命名為apia.php就能自動變成php格式

apia.php

$link=new mysqli('127.0.0.1','tyty','123456','jnjn');

$link->set_charset("utf-8");

$sql="select *from ppp";

$res=$link->query($sql);

$data=$res->fetch_all();

echo json_encode($data);

?>

這里的127.0.0.1不用改，相當于localhost,tyty是我的數據庫用戶名，jnjn是數據庫名稱，ppp是jnjn數據庫里的一張表

之后把寫好的apia.php復制黏貼到路徑C:\phpstu\phpstudy_pro\WWW

這個是根據你安裝phpstudy時候的路徑決定的，總之是放到www文件夾里面

到這里可以在瀏覽器里輸入地址 http://localhost/apia.php測試以下，成功的話再到小程序里編譯，大功告成。效果應該是這樣的

本文地址：https://blog.csdn.net/qw160/article/details/107367439

如您對本文有疑問或者有任何想說的，請點擊進行留言回復，萬千網友為您解惑！

總結

以上是生活随笔為你收集整理的mysql的数据现实在小程序_使用phpstudy将本地mysql数据显示在微信小程序前端的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。