PHP7+MySQL实现微信小程序查询数据

建立MySQL数据库

MySQL数据库中建一个user数据表

字段类型长度
idint10
usernamevarchar50
passwordvarchar50
emailvarchar50
phoneint11
roleint2

PHP7作为后台连接数据库查询

connect.php

<?php
$server = "localhost";//主机
$db_username = "root";//你的数据库用户名
$db_password = "root";//你的数据库密码
$db_name = "user";//你的数据库名

$con = new mysqli($server, $db_username, $db_password,$db_name);//链接数据库

// 检测连接
if (!$con) {
    die("Connection failed: " . mysqli_connect_error());
}
//echo "连接成功";
?>

getUser.php

<?php
include('connect.php');//链接数据库
$q="select * from `user` ";
$con->query('SET NAMES UTF8');
$result = $con->query($q);// 执行 sql

while ($row= $result->fetch_assoc()) {
    $id = $row["id"];
    $username = $row["username"];
    $password = $row["password"];
    $email = $row["email"];
    $phone = $row['phone'];
    $role = ($row['role'] == 1) ? '管理员' : '普通农户';
    $results[] = $row;
}
echo json_encode($results);
$con->close();
?>

小程序作为前端接收并显示数据

index.wxml

<scroll-view class="scbg" scroll-y="true">
        <block wx:for="{{users}}">
            <view class="box">
                <view class="firstblock">
                    <view class="person">
                        <view class="name">
                            <text class="showname">用户名:{{item.username}}</text>
                        </view>
               <view class="place">密码:{{item.password}}</view>
               <view class="place">邮件:{{item.email}}</view>
               <view class="place">电话:{{item.phone}}</view>
               <view class="place"  wx:if="{{item.role==0}}">角色:普通用户</view>
               <view class="place"  wx:elif="{{item.role==1}}">角色:管理员</view>
                    </view>
                </view>
            </view>
        </block>
</scroll-view>

index.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    users:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var that = this;
    wx.request({
      url: 'https://ip/getUser.php',//此处ip为你的服务器ip或域名
      data: {},
      dataType: 'json',
      header: {
        'content-type': 'application/json'
      },
      success(res) {
        console.log(res.data);
        that.setData({
          users: res.data,
        });
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://blog.itliujia.cn/info/20211193.html
-- 展开阅读全文 --
thinkphp6开发笔记
« 上一篇 11-19
div水平垂直居中
下一篇 » 02-10

发表评论