使用layui写一个查询姓名的功能,要求连接数据库
时间: 2024-03-24 16:41:40 浏览: 69
好的,以下是使用layui和php连接数据库并实现查询姓名的示例代码:
1. HTML代码
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>查询姓名</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<div class="layui-container">
<div class="layui-row">
<div class="layui-col-md-offset3 layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">查询姓名</div>
<div class="layui-card-body">
<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" 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="search">查询</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="layui/layui.js"></script>
<script>
layui.use(['form', 'layer'], function () {
var form = layui.form;
var layer = layui.layer;
//监听表单提交
form.on('submit(search)', function (data) {
//发送ajax请求
$.ajax({
url: "search.php",//请求地址
type: "POST",//请求方式
data: data.field,//提交的数据
success: function (res) {
//弹出查询结果
layer.alert(res, {icon: 1});
}
});
return false;//阻止表单跳转
});
});
</script>
</body>
</html>
```
2. PHP代码(search.php)
```php
<?php
//连接数据库
$link = mysqli_connect('localhost', 'root', '123456', 'test');
if (!$link) {
die('连接失败: ' . mysqli_connect_error());
}
//接收表单提交的数据
$name = $_POST['name'];
//查询数据
$sql = "SELECT * FROM user WHERE name = '$name'";
$result = mysqli_query($link, $sql);
if (!$result) {
die('查询失败: ' . mysqli_error($link));
}
//处理查询结果
if (mysqli_num_rows($result) > 0) {
$row = mysqli_fetch_assoc($result);
$output = '姓名:' . $row['name'] . '<br>年龄:' . $row['age'] . '<br>性别:' . $row['gender'];
} else {
$output = '未查询到相关信息!';
}
//关闭数据库连接
mysqli_close($link);
//输出查询结果
echo $output;
```
注意:在实际使用时,需要根据实际情况修改连接数据库的参数和查询语句。
阅读全文