要将
Layui提交的
表单数据保存到MySQL数据库中，需要进行以下
步骤：
1. 在后端服务器上安装MySQL数据库，并创建一个用于存储
表单数据的数据库和表。
2. 在前端页面中使用
Layui的form模块，编写
表单代码，并使用ajax将
表单数据
提交到后端服务器。
3. 在后端服务器上编写接收
表单数据的代码，并使用MySQL驱动程序连接到MySQL数据库，将
表单数据插入到指定的数据库和表中。
下面是一个示例代码，用于演示如何将
Layui表单数据
提交到MySQL数据库。
前端代码：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Layui表单提交到MySQL数据库</title>
<link rel="stylesheet" href="
layui/css/
layui.css">
</head>
<body>
<div class="
layui-container">
<div class="
layui-row">
<form class="
layui-form" action="">
<div class="
layui-form-item">
<label class="
layui-form-label">姓名</label>
<div class="
layui-input-block">
<input type="text" name="name" required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="
layui-input">
</div>
</div>
<div class="
layui-form-item">
<label class="
layui-form-label">年龄</label>
<div class="
layui-input-block">
<input type="text" name="age" required lay-verify="required|number" placeholder="请输入年龄" autocomplete="off" class="
layui-input">
</div>
</div>
<div class="
layui-form-item">
<div class="
layui-input-block">
<button class="
layui-btn" lay-submit lay-filter="formDemo">
提交</button>
</div>
</div>
</form>
</div>
</div>
<script src="
layui/
layui.js"></script>
<script>
layui.use(['form', 'jquery'], function(){
var form =
layui.form;
var $ =
layui.jquery;
//监听
提交
form.on('submit(formDemo)', function(data){
$.ajax({
url: 'save.php',
type: 'post',
dataType: 'json',
data: data.field,
success: function (res) {
if (res.code == 0) {
layer.msg('
提交成功');
} else {
layer.msg('
提交失败：' + res.msg);
}
},
error: function (xhr, textStatus, errorThrown) {
layer.msg('
提交失败：' + textStatus);
}
});
return false;
});
});
</script>
</body>
</html>
```
后端代码（使用PHP语言）：
```php
<?php
//接收
表单数据
$name = $_POST['name'];
$age = $_POST['age'];
//连接MySQL数据库
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "test";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
//插入数据到MySQL数据库
$sql = "INSERT INTO user (name, age) VALUES ('$name', '$age')";
if ($conn->query($sql) === TRUE) {
$result['code'] = 0;
$result['msg'] = '
提交成功';
} else {
$result['code'] = -1;
$result['msg'] = '
提交失败：' . $conn->error;
}
echo json_encode($result);
$conn->close();
?>
```
在这个示例代码中，我们将
表单数据
提交到了名为`test`的MySQL数据库中的`user`表中，表中包含`name`和`age`两个字段。你需要根据自己的实际情况修改代码中的数据库连接信息和表结构。
博客介绍了基于layui实现的form表单样式，该样式可用于提交表单的多步骤效果，还给出了下载地址。
扫一扫
7479
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
