微信小程序通过PHP连接到navicat数据库

这篇具有很好参考价值的文章主要介绍了微信小程序通过PHP连接到navicat数据库。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信实现通过PHP连接到数据库,分为三步:首先在PHPstudy的安装路径下书写index.php的代码,然后在微信小程序的js页面上调用方法连接到数据库(通过url地址的方式),最后在小程序的wxml页面将控制台的数据显示在页面上。

一、实现的界面

数据库中的数据

微信小程序php连接本地数据库,微信小程序,微信小程序,数据库,小程序,php

显示在小程序的页面上

微信小程序php连接本地数据库,微信小程序,微信小程序,数据库,小程序,php

二、实现步骤

首先,在我们本地安装PHPstudy的WWW路径下创建一个文件夹,在这个文件夹里面新建一个index.php文件

微信小程序php连接本地数据库,微信小程序,微信小程序,数据库,小程序,php

 文章来源地址https://www.toymoban.com/news/detail-768025.html

在该文件夹里面书写index.php的代码,具体代码如下:(注意这里要修改自己的数据库名字和密码,第一个root为账号,第二个root为密码,test为要连接的数据库,users为要连接的表)

PHP端的代码
<?php
// 连接到MySQL数据库
$conn = new mysqli("localhost", "root", "root", "test");

// 查询users表中的所有数据
$result = $conn->query("SELECT * FROM users");

// 将查询结果转换为数组
$rows = array();
while ($row = $result->fetch_assoc()) {
  $rows[] = $row;
}

// 将数组转换为JSON字符串并输出
echo json_encode($rows);

// 关闭数据库连接
$conn->close();
?>

微信小程序php连接本地数据库,微信小程序,微信小程序,数据库,小程序,php

 

在微信小程序的js页面添加onload:function()相关的代码,代码如下

微信小程序页面里面的js代码
    onLoad: function (options) {
        var that = this;
        wx.request({
            url: "http://localhost/test/index.php",
            success: function (rep){
             console.log(rep);/*将数据在控制台数据查看*/
             that.setData({
                items: rep.data/*将数据暂存到items数组中*/
              });
            }
        })   /*获取项目库的数据*/ 
    },

在页面加载时,自动获取到数据库的数据,并且通过console输出在控制台,可以在控制台看到相关的数据内容,有可能会获取不到数据的内容,这时候在本地设置选择不矫正合法域名即可

微信小程序php连接本地数据库,微信小程序,微信小程序,数据库,小程序,php

 

 

微信小程序php连接本地数据库,微信小程序,微信小程序,数据库,小程序,php

 

要将控制台的数据显示在页面中,可以先将数据暂时存在一个数组当中,然后在页面通过wx:for的方式循环的输出数据库的数据项,wxml的相关代码如下:

微信小程序wxml页面的代码
<view wx:for="{{items}}">
         <view>{{item.name}},{{item.program_type}},{{item.sex}}</view>
</view>

三、总的代码

服务端index.php

服务端index.php
<?php
// 连接到MySQL数据库
$conn = new mysqli("localhost", "root", "root", "test");
                    
// 查询users表中的所有数据
$result = $conn->query("SELECT * FROM users");

// 将查询结果转换为数组
$rows = array();
while ($row = $result->fetch_assoc()) {
  $rows[] = $row;
}

// 将数组转换为JSON字符串并输出
echo json_encode($rows);

// 关闭数据库连接
$conn->close();
?>

微信小程序端

index.wxml
<view wx:for="{{items}}">
         <view>{{item.name}},{{item.program_type}},{{item.sex}}</view>
</view>
index.js
// pages/test1/test1.js
Page({

    /**
     * 页面的初始数据
     */
    data: {

    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        var that = this;
        wx.request({
            url: "http://localhost/test/index.php",
            success: function (rep){
             console.log(rep);/*将数据输出在控制台数据查看*/
             that.setData({
                items: rep.data/*将数据暂存到items数组中*/
              });
            }
        })   /*获取项目库的数据*/ 
    }

})

 

 

到了这里,关于微信小程序通过PHP连接到navicat数据库的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 基于PHP的高校学生考证资源共享微信小程序--35055(免费领源码+数据库)可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文案

    大学生“考证”已经成为大学生的一门必修课,越来越多的大学生加入考证的行列,他们认为毕业找工作的时候,证书是多多益善。大学生“考证热”应该引起学生,学校、以及社会用人单位等多方面的高度重视。大学生考证热潮的形成,主要是由于学校、用人单位、社会培

    2024年04月13日
    浏览(106)
  • 微信小程序通过php后端显示(解密)微信步数

    今天来讲一下微信小程序如何获得微信运动步数,并通过后端php解密。 微信小程序通过wx.getWeRunData获得用户过去三十一天微信运动步数,获取成功后,会得到一个叫encryptedData的参数,它对将用户涉及用户隐私的信息进行了加密,如此处的微信步数,需要通过后端解密,才能

    2024年04月14日
    浏览(36)
  • PHP通过html外部网站跳转微信小程序

            我们在开发网站的时候,可能会遇到下面的一些需求:网站跳转微信小程序;比如说公司的官网想实现跳转到微信小程序,那么有没有相应的接口实现呢?答案当然是有的,但是这个功能只限于认证后的小程序,所以此功能对个人开发者的小程序不支持,具体可看

    2024年02月10日
    浏览(52)
  • 基于微信小程序、SSM订餐系统设计与实现+59047(免费领源码+数据库)可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文案

    21世纪的今天,随着社会的不断发展与进步,人们对于信息科学化的认识,已由低层次向高层次发展,由原来的感性认识向理性认识提高,管理工作的重要性已逐渐被人们所认识,科学化的管理,使信息存储达到准确、快速、完善,并能提高工作管理效率,促进其发展。 论文

    2024年02月01日
    浏览(52)
  • ESP32连接到oneNET云平台,传数据到微信小程序

    学习物联网的同学们在进行毕业设计时都需要面对一个共同的问题:如何使用传感器获取数据并将其上传至云平台,然后通过微信小程序访问云平台数据。在这个过程中,恰巧在课程设计中接触到了ESP32,发现它内置蓝牙和WiFi模块, 这不是天生的上传云平台圣体吗? 因此,

    2024年04月15日
    浏览(47)
  • 如何通过navicat连接SQL Server数据库

           本文介绍如何通过Navicat 连接SQL Server数据库。如果想了解如何连接Oracle数据库,可以参考下边这篇文章。 如何通过Navicat连接Oracle数据库 https://sgknight.blog.csdn.net/article/details/132064235 1、新建SQL Server连接配置         打开Navicat软件,点击连接,选择SQL server,进入配置页

    2024年02月04日
    浏览(63)
  • 微信小程序,左上脚返回点击直接到首页

    我们做小程序时就有很多这种情况,根据不同情况处理方式不同 第一种情况:小程序有多个tab         第二种情况只有一个首页      

    2024年02月15日
    浏览(46)
  • QT5.12.12通过ODBC连接到GBase 8s数据库(CentOS)

    本示例使用的环境如下: 硬件平台:x86_64(amd64) 操作系统:CentOS 7.8 2003 数据库版本(含CSDK):GBase 8s V8.8 3.0.0_1 为什么使用QT 5.12.10? 该版本包含QODBC。 1.1,确认操作系统已经安装unixODBC及unixODBC-devel 通过apt查找确认unixODBC及unixODBC-devel已经安装 如果未安装使用apt源进行安装

    2024年02月11日
    浏览(51)
  • 微信小程序——操作数据库

    访问次数应该与用户进行关联 业务逻辑: 如果用户是第一次访问此程序,向数据库添加一条记录:{openid:45454545,count:1} 如果用户不是第一次访问,首先获取数据库中改用户的访问次数然后+1,再保存到数据库中,然后更新页面中的访问次数 实现步骤: 在项目的pages中创建

    2024年04月17日
    浏览(40)
  • 微信小程序笔记--数据库

    学习微信小程序 -- 数据库 数据库 1. 初始化 2. 数据库操作 2.1 数据类型云开发数据库提供以下几种数据类型: 2.2 增删查改                  2.2.1 增加/插入 数据(add方法)                  2.2.2 删除数据(remove方法)                  2.2.3 查看数据(get,where)    

    2024年02月03日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包