微信小程序连接MySQL数据库(读取+写入)demo
通过php文件进行数据中转。经试验有效可行!!!
1、php 部分
1.1、连接数据库
<?php
//header("Content-type: text/html; charset=utf8");
//1. 声明字符编码
$host=127.0.0.1;//数据库ip
$user=root;//用户名
$password=123456;//密码
$dbName=mysql;//要连接的数据库名
$con =new mysqli($host,$user,$password,$dbName,3308);//数据库连接
/*if ($con->connect_error) {
echo "系统异常,连接数据库失败";
}
else
{
echo "连接成功";
}*/
?>
1.2、读取php
<?php
//header("Content-type: text/html; charset=utf8");
include connect.php;//调用connect.php文件
$something=$_GET[something];//小明;//接收小程序传过来的参数1;//
if ($con->connect_error) {
die("连接失败:".$con->connect_error);
}
else
{
$sql="SELECT * FROM `1students` WHERE `name` = $something ";//根据传入的参数查询数据库中的数据
$res=$con->query($sql);
echo $con->error;
print_r($res->fetch_all (MYSQLI_BOTH));
if ($res){
$data=$res->fetch_all(PDO::FETCH_LAZY);
}
else{
echo 查询出错!;
}
//fetch_all查询所有行
echo json_encode($data);//返回二维数组形式的值供小程序端用
}
?>
1.3、写入php
<?php
//header("Content-type: text/html; charset=utf8");
include connect.php;//调用connect.php文件
$something1=$_GET[something1];//小明;//
$something2=$_GET[something2];//16;//
$something3=$_GET[something3];//0;//
if ($con->connect_error) {
die("连接失败:".$con->connect_error);
}
else
{
$sql="INSERT INTO `1students`(`name`, `age`, `xb`) VALUES ($something1,$something2,$something3);";
$res=$con->query($sql);
if($res){
$arr[status] = 1;
$arr[info] = success;
}else{
$arr[status] = 0;
$arr[info] = error;
}
echo json_encode($arr);
die;
}
?>
直接贴代码:
2.1、js部分:
onLoad: function() {
var that = this;
//读取数据库
wx.request({
url: http://127.0.0.1/get.php,
method: GET,
data: {
something: 1
},
header: {
content-Type: application/json
},
success(res) {
console.log(res),
that.setData({
postList: res.data,
});
}
});
//写入数据库
wx.request({
url: http://127.0.0.1/post.php,
method: GET,
data: {
something1: 小王,
something2: 16,
something3: 0
},
header: {
content-Type: application/x-www-form-urlencoded
},
success(res) {
console.log(res.data);
if (res.data.status == 0) {
wx.showToast({
title: 提交失败!!!,
icon: loading,
duration: 1500
})
} else {
wx.showToast({
title: 提交成功!!!, //这里打印出登录成功
icon: success,
duration: 1000
})
}
}
});
},
2.2、wxml部分
<text>{
{postList}}</text>
2.3、app.json文件中添加
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/sql/sql" //对应的位置
],
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信小程序与公众号推送消息
