2024年6月11日发(作者:)

vue+php+mysql增删改查表格

以下是实现vue+php+mysql增删改查表格的一个简单示例:

1. 创建一个MySQL数据库,其中包含一个名为“users”的表格,

其中包含“id”(主键自增长),“name”,“age”和“email”字段。

2. 在PHP中编写一个API接口,用于执行以下操作:

- 从数据库中获取所有用户列表

- 添加新的用户到数据库

- 更新现有用户信息

- 从数据库中删除用户

3. 创建一个Vue组件来处理用户列表的显示和编辑。组件中

包括以下功能:

- 接收API返回的用户列表并将其显示在表格中

- 允许用户添加新的用户

- 允许用户编辑现有用户信息

- 允许用户删除现有用户

4. 在Vue组件中利用axios库来调用PHP API,进行增删改查

操作。

示例代码:

PHP API接口:

```

header("Access-Control-Allow-Origin: *");

header("Access-Control-Allow-Headers: *");

header('Content-Type: application/json');

$servername = "localhost:3307";

$username = "root";

$password = "";

$dbname = "test";

// 创建连接

$conn = new mysqli($servername, $username, $password,

$dbname);

// 检查连接是否成功

if ($conn->connect_error) {

die("Connection failed: " . $conn->connect_error);

}

$request_method = $_SERVER["REQUEST_METHOD"];

switch ($request_method) {

case 'GET':

getUsers();

break;

case 'POST':

addUser();

break;