使用phpstudy将本地mysql数据显示在微信小程序前端
程序员文章站
2022-07-01 21:59:31
使用phpstudy将本地mysql数据显示在微信小程序前端第一步:新建小程序在pages文件里新建一个phptest文件夹,如果你不知道操作,建议先学小程序的基础知识第二步:写phptest.js和phptest.wxmlphptest.js// miniprogram/pages/phptest/phptest.jsPage({ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options)...
使用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
<view wx:for="{{data}}">
{{item}}
</view>
第三步:建立数据库
建一个数据库,这里我自己的数据库信息:tyty是我的数据库用户名,jnjn是数据库名称,ppp是jnjn数据库里的一张表,里面的属性叫id
第四步:部署php文件
这部分我由于一点php基础没有,完全是网上教程东拼西凑,所以写出来的也很乱
首先下载一个软件叫做phpstudey网址:https://m.xp.cn/
下载安装好之后进入主界面,启动wnmp
之后写一个php文件,我这里叫apia.php,我用的notepade++,写完保存的时候命名为apia.php就能自动变成php格式
apia.php
<?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
上一篇: 黄石小吃有什么?
下一篇: jsp EL表达式详解