微信小程序连接mysql

最新推荐文章于 2024-03-26 21:25:14 发布

祭言

最新推荐文章于 2024-03-26 21:25:14 发布

阅读量1.7w

点赞数 14

文章标签：腾讯云阿里云数据库 mysql 微信小程序

本文链接：https://blog.csdn.net/qq_37666407/article/details/126025101

版权

我在想用微信小程序连接mysql的时候想在网上找个教程结果发现教程很少而且都非常的麻烦，我一直试了好几天，终于是用一种简单的方法搞定了，发个博客总结一下，顺便让大家少走一些弯路。

1.服务器搭建

首先自己要有一个服务器，可以在腾讯云或者阿里云上购买一个，如果只是为了实验可以买一个按量收费的，比较便宜。

具体的云服务器购买和搭建这里就不详细说了，网上的教程也比较多

2.安装宝塔面板

1.在服务器的安全组中把8888端口打开

2.服务器购买之后要先安装宝塔面板，打开服务器的终端输入

if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;
else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

注：复制后在Linux系统下用shift+insert粘贴

然后等待安装宝塔面板

3.安装好之后会在终端显示宝塔的地址，账号和密码，记住之后在浏览器中输入即可

4.初始化宝塔面板之后会让你一键安装php，mysql等几个软件，点击确定安装

3.配置宝塔面板

1.根据图中步骤进行操作，域名就输入左上角的ip即可

数据库选择mysql

确定之后就会在数据库中自动生成一个数据库

2.接下来点开数据库的管理进入管理页面

新建一个数据库并进行数据库头的编辑

这里我添加了username和pass，添加之后打开微信小程序进行编辑

4.微信小程序编辑

js文件

Page({

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

  },

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

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

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

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

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

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

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

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

readuser:function(res)
{
    this.setData({
        username:res.detail.value
    })
},
readpass:function(res)
{
    this.setData({
        pass:res.detail.value
    })
},


connect:function()
{
    wx.request({
        url: '你的IP地址:80/connect.php',
        data:{ 
            name:'数据库账号',
            password:'数据库密码',
            database:'数据库名',
            username:this.data.username,
            pass:this.data.pass,
        },
        success: function(res)
        {
             console.log(res.data)
        },
         
       
        
      })

}

})

wxml文件

<!--pages/index/index.wxml-->
<view>

<view>
<input type="text" name="username" bindinput="readuser" placeholder="输入......"/>
<input type="text" name="pass" bindinput="readpass" placeholder="输入......"/>

</view>
<button bindtap="connect">insert</button>
</view>

其他两个文件不用改

5.添加PHP文件

如果你已经有了php环境，在你相应的编译器编辑即可，如果你没有此环境，直接打开文本文档然后输入代码，保存后后缀改为php即可

php文件（connect .php）

<?php
$servername = "localhost:3306";
$username=$_GET['name'];
$password=$_GET['password'];
$database=$_GET['database'];
$user=$_GET['username'];
$pass=$_GET['pass'];


//连接数据库
try {

$conn = new PDO("mysql:host=$servername;dbname=$database", $username, $password);


$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

echo "连接成功";

}

catch(PDOException $e){

echo "连接失败:".$e->getMessage();

}

$sql = "INSERT INTO test(username,pass) VALUES ('".$user."','".$pass."');";
if($conn->query($sql)===TRUE){
    echo "succeed";

}
else{
    "Error:".$conn->error;
}
$conn->close();
?>

然后把这个文件放到这个路径里