文章目录
1、宝塔上创建mysql数据库
选择创建网站，记住刚刚的根目录，后续我们会创建接口文件放置在那里
然后点击数据库
这里我用的是这个good数据库，点击管理即可使用phpmyadmin,我在一开始搭建服务器的时候就安装好phpmyadmin插件了。然后创建数据表格
选择结构，创建对应的数据名，id选择自增，这样方便我们查看表格
2、连接mysql数据库
mysql我也是个半吊子，我也是查看菜鸟教程然后一步一步调试才成功的，不单单有说有用指令连接数据，也有用php连接数据库
$servername = "localhost:3306"; //数据库地址$username=$_GET['name']; //获取外来数据库名 name要与微信小程序那个相对应$password=$_GET['password']; //数据库密码$database=$_GET['database']; //数据库名$temp=$_GET['temp']; //对应的数据库表格名$humi=$_GET['humi'];$led=$_GET['led'];$feng=$_GET['feng'];$guang=$_GET['guang'];$doji=$_GET['doji'];//连接数据库$conn = mysqli_connect($servername, $username, $password);if(! $conn ){ die('连接失败: ' . mysqli_error($conn));}echo '连接成功';//这里是sql语句，主要改这里$sql = "INSERT INTO shuj ". "(temp,humi,led,feng,guang,doji) ". "VALUES ". "('$temp','$humi' ,'$led','$feng','$guang','$doji')"; mysqli_select_db( $conn, $database );$retval = mysqli_query( $conn, $sql );if(! $retval ){ die('无法插入数据: ' . mysqli_error($conn));}echo "数据插入成功\n";mysqli_close($conn);?>如果不知道php语句怎么写，这里也可以使用phpmyadmin通过的sql转换php代码
这个插入和连接数据库的php文件放置在刚刚我们创建的根目录
3、微信小程序连接数据库和插入数据
getCurrentPages是获取当前页面数据的，80是网页默认端口，记得开放端口，把这些相关数据发送给我们刚刚的php文件，这样我们就可以把数据传输到数据库了。
我是把这个函数放在onLoad函数上定时运行的
//传数据到mysql insert:function(){ var sele =getCurrentPages(); wx.request({ url: 'http://********:80/insert.php', //*号是刚刚创建的网址域名 data:{ name:'****', //数据库名 password:'****', //数据库密码 database:'****', //数据库名 temp:sele[sele.length-1].data.temp, humi:sele[sele.length-1].data.humi, led:sele[sele.length-1].data.led, feng:sele[sele.length-1].data.feng, guang:sele[sele.length-1].data.guang, doji:sele[sele.length-1].data.Air, }, success: function(res) { console.log(res.data) }, })}, onLoad: function (options) { var that=this setInterval(function(){ that.pduan(); that.insert(); },8000 ) },
4、微信小程序获取数据库最新多条数据
菜鸟教程这里提供了三种方法获取数据，我是第三种上的基础改进的,因为我获取的是多条数据，后面把它们添加进去成数组，再利用json_encode把数值转换成json格式
$servername = "localhost:3306";$username=$_GET['name']; $password=$_GET['password'];$database=$_GET['database'];$conn = mysqli_connect($servername, $username, $password);if(! $conn ){ die('连接失败: ' . mysqli_error($conn));}// 设置编码，防止中文乱码mysqli_query($conn , "set names utf8"); //$sql = "SELECT $user, $pass FROM test"; $sql = "SELECT * FROM `shuj`\n". " ORDER BY `id` DESC limit 8";mysqli_select_db( $conn, $database );$retval = mysqli_query( $conn, $sql );if(! $retval ){ die('无法读取数据: ' . mysqli_error($conn));}class emp{ public $id = ""; public $temp= ""; public $humi = ""; public $led = ""; public $feng= ""; public $guang = ""; public $doji= ""; }while($row = mysqli_fetch_array($retval, MYSQLI_NUM)){ //$a =array(); //$data=array('id'=>$row[0],$user =>$row[1],$pass=>$row[2]); // array_push($a,$data); //echo json_encode($a); $e = new Emp(); $e->id = $row[0]; $e->temp = $row[1]; $e->humi = $row[2]; $e->led =$row[3]; $e->feng= $row[4]; $e->guang= $row[5]; $e ->doji=$row[6]; $data[] =$e; }echo json_encode($data);// 释放内存mysqli_free_result($retval);mysqli_close($conn);?>微信小程序只需要发送请求就可以，这里难就难在刚刚的php数据转换格式
insert:function(){ wx.request({ url: 'http://*******:80/insert.php', //服务器ip data:{ name:'*****', //数据库名 password:'****', //数据库密码 database:'****', //数据库名 username:this.data.username, pass:this.data.pass, }, success: function(res) { console.log(res.data) }, })5、数据可视化
这里我是参考了另一个博主的博客做的，简单易懂，我这里稍微改进了一下，只显示日期，没有显示年份。
https://blog.csdn.net/qq_52827563/article/details/121726546?
只需要把原来getOption函数里面的requset换成我这个请求接口就可以
getOption:function(){ var _this = this wx.request({ url: 'http://********:80/select.php', data:{ name:'****', password:'****', database:'****', }, success:(res)=>{ _this.setData({ data:res.data }) var i var guang=[]; var date =[]; for(i=0;i<=res.data.length-1;i++){ guang[i]=res.data[i].guang date[i]=res.data[i].id } _this.init_chart(date,guang) }, }) }
写到这里差不多全部完工了，ESP32C3+EMQX云服务器+微信小程序+mysql画下句号
来源地址：https://blog.csdn.net/weixin_44107116/article/details/127570983
