当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 使用phpstudy将本地mysql数据显示在微信小程序前端

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

2020年07月17日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网