连接前端vue项目和php后端,PHP+VUE实现前端和后端数据互通(宝塔面板)

本文介绍如何将Vue前端与PHP后端连接,实现数据互通。通过PHP连接MySQL数据库获取数据,使用JSON编码传递给Vue,展示在后台管理页面。示例代码包含数据库连接、数据查询、Vue数据绑定和路由跳转。
摘要由CSDN通过智能技术生成

基于element和vue的一个简单的后台管理页面基础模型(这里我用了php从数据库获取数据然后在JS区域接收了获取的数据。PS:不会用axios)

直接附上所有代码:数据库:mywu 用户名:root 密码:root 数据表:test

header("Content-type:text/html;charset=utf-8");

$host = "localhost";

$username = 'root';

$password = 'root';

$db = 'mywu';

//1.连接数据库

$conn = mysqli_connect($host,$username,$password,$db);

if (!$conn) {

die('Could not connect: ' . mysqli_error($con));

}

//2.定义一个空数组用来接收数据

$usersArr = [];

mysqli_set_charset($conn,'utf8');

//3.获得数据表test的数据

$user_menu = "select * from test";

//4.发送sql语句

$res = mysqli_query($conn,$user_menu); //结果集的资源

//5.将结果集资源转换成数据

// $row = $res->fetch_assoc();

//while判定条件是否为true是则

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值