使用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