微信小程序学习笔记——php连接MySQL数据库查询数据

通过其他几篇文章总结出来的成果，记录分享一下，欢迎批评指正

文件名connect.php

<?php
header("Content-type: text/html; charset=utf8");
//1. 声明字符编码

$host='127.0.0.1';//数据库ip

$user='root';//用户名

$password='root';//密码

$dbName='test';//要连接的数据库名

$con =new mysqli($host,$user,$password,$dbName);//数据库连接
/*
if (!$con) {
  echo "系统异常，连接数据库失败";
}*/
 ?>

在activity.php文件调用定义好的数据库连接

<?php
include 'connect.php';//调用connect.php文件

$StuClass=$_GET["class"];//接收小程序传过来的参数


if ($con->connect_error){//判断数据库连接是否正常
die("连接失败：".$con->connect_error);
}else {
  $sql="select * from Students where StudentClass='$StuClass'";//根据传入的参数查询数据库中的数据
  $res=$con->query($sql);
  $data=$res->fetch_all(PDO::FETCH_LAZY);
  //fetch_all查询所有行
  
  echo json_encode($data);//返回二维数组形式的值供小程序端用
}
 ?>

参数 fetch_style：控制结果集中数据的返回方式，可选值如下表：

值	说明
PDO::FETCH_ASSOC	关联数组形式
PDO::FETCH_NUM	数字索引数组形式
PDO::FETCH_BOTH	两者数组形式都有，这是默认的
PDO::FETCH_OBJ	按照对象的形式，类似于以前的mysql_fetch_object()
PDO::FETCH_BOUND	以布尔值的形式返回结果，同时将获取的列值赋给bindParam()方法中指定的变量
PDO::FETCH_LAZY	以关联数组、数字索引数组和对象3种形式返回结果。

其返回值是一个包含结果集中所有数据的二维数组。

index.js

onShow:function(){//onshow函数每次加载页面时调用
    var that = this;//=====注意此处，要用that 指代this=====
    wx.request({
      url: 'http://127.0.0.1:8088/activity.php', //服务器地址
      method: 'get',// OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
      //传递数据的方法，需与后台一致
      data: {
        class: '10',//有参数需传给后台时需在这里定义
      },
      header: {// 设置请求的 header
        'content-type': 'application/json'
      },
      success: function (res) {
        console.log(res.data),
        that.setData({ //======不能直接写this.setDate======
          postList: res.data, //在相应的wxml页面显示接收到的数据
        });
      }
    })
  }

wxml

<!--内容-->
<view>
<view class='page'>
  <!--循环遍历失物招领内容 -->
  <block wx:for="{{postList}}" wx:for-item="item" wx:for-index="index">
    <view class='body'>
        <text class='name'>{{item.StudentName}}</text>
        <!--姓名 --，直接通过字段名获取对应的值>
    <!-- 分割线-->
    <view class='divLine'></view>
  </block>
</view>
</view>