1、利用DreamWeaver设计一个表单,至少要有登录用户,密码输入,提交按钮; 提交后,在后台查询数据库中的用户名和密码,并验证输入的登录信息,并通过Javascript的alert函数,显示一个登录信息,分别根据用户名和密码是否正确,显示是否正确登录。
时间: 2024-04-10 20:27:07 浏览: 24
你可以按照以下步骤来利用DreamWeaver设计一个包含登录表单的页面,并在后台查询数据库中的用户名和密码进行验证:
1. 打开DreamWeaver并创建一个新的HTML文件。
2. 在文件中插入一个表单元素,可以使用以下代码作为起点:
```html
<form id="loginForm" method="post" action="login.php">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<br>
<input type="submit" value="登录">
</form>
```
3. 在服务器上创建一个名为`login.php`的文件,并编写以下代码来处理表单提交和数据库查询:
```php
<?php
// 连接数据库
$servername = "数据库服务器地址";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名称";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接数据库失败: " . $conn->connect_error);
}
// 获取表单提交的用户名和密码
$username = $_POST['username'];
$password = $_POST['password'];
// 查询数据库中的用户名和密码
$sql = "SELECT * FROM users WHERE username='$username' AND password='$password'";
$result = $conn->query($sql);
// 验证用户名和密码是否正确
if ($result->num_rows > 0) {
// 用户名和密码正确
echo "<script>alert('登录成功!');</script>";
} else {
// 用户名和密码错误
echo "<script>alert('用户名或密码错误!');</script>";
}
// 关闭数据库连接
$conn->close();
?>
```
请注意,以上代码中的数据库连接信息需要根据你的实际情况进行修改。
4. 将该`login.php`文件上传到服务器上,并确保服务器能够解析PHP代码。
现在,你可以在DreamWeaver中预览页面,并测试登录表单是否正常工作。当用户提交表单后,它将向`login.php`发送POST请求,该文件将查询数据库并根据结果显示相应的登录信息。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)