mysql的数据现实在小程序_使用phpstudy将本地mysql数据显示在微信小程序前端

使用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数据显示在微信小程序前端的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。