20222401 2024-2025-2 《网络与系统攻防技术》实验八实验报告

1.实验内容

(1)Web前端HTML
能正常安装、启停Apache。理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML。
(2)Web前端javascipt
理解JavaScript的基本功能,理解DOM。
在(1)的基础上,编写JavaScript验证用户名、密码的规则。在用户点击登陆按钮后回显“欢迎+输入的用户名”
尝试注入攻击:利用回显用户名注入HTML及JavaScript。
(3)Web后端:MySQL基础:正常安装、启动MySQL,建库、创建用户、修改密码、建表
(4)Web后端:编写PHP网页,连接数据库,进行用户认证
(5)最简单的SQL注入,XSS攻击测试
(6)安装DVWA或WebGoat平台,并完成SQL注入、XSS、CSRF攻击。

2.实验过程

2.1Web前端HTML

2.1.1安装启动Apache

命令systemctl start apache2
image
在浏览器中输入127.0.0.1启动Apache的界面
image

2 1.2编写含有表单的HTML

找到这个路径下的/var/www/html文件夹,新建一个文件存放代码。
具体代码如下
image

点击查看代码
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"></head>
 
<body>
    <h1>Login</h1>
    <form  method="post">
        <font>账号:</font>
        <input type="text" name="username" id="username"><br>
        <font>密码:</font>
        <input type="password" name="password" id="password"><br>
        <button onclick="login()">login</button>
    </form>
</body>
</html>
然后在浏览器打开网页

image

2.2Web前端javascipt

2.2.1实现验证用户名、密码的规则。在用户点击登陆按钮后回显“欢迎+输入的用户名”

在刚才的代码中加入逻辑验证功能。

点击查看代码
<script>
	function login() {
	    const username = document.getElementById("username").value;
	    const password = document.getElementById("password").value;

	    // 检查账号和密码是否为空
	    if (username === "" || password === "") {
	    alert("Username or password cannot be null!");
	    return;
	    }

	    // 检查密码是否正确
	    if (password !== "password") {
	    alert("Your password is wrong!");
	    return;
	    }

	    // 显示欢迎信息
	    document.body.innerHTML = "Welcome, " + username + "!";
      }
</script>

image
image
我们看到实现了我们预期的功能。

2.2.2注入攻击

HTML攻击<h1>20222401</h1>其实是构造标题
JS攻击<script>alert("20222401")</script>这个是JS的提示输出
image
image

2.3Web后端

2.3.1安装并启动MySQL

命令systemctl start mysql systemctl status mysql
image

service mysql start
mysql_secure_installation
image
加下来输入(就是登录数据库)
mysql -u root -p
use mysql
show databases;
image

2.3.2创建用户、数据库、表

首先创建用户,允许该用户从任何主机连接到数据库,并使用密码password进行身份验证。
create user '20222401'@'%' IDENTIFIED BY 'password';
创建数据库
create database 20222401yinzixin;
使用该数据库
use 20222401yinzixin
创建一个名为user的表,该表包含两个字段:username和password
create table user (username VARCHAR(30),password VARCHAR(20));
插入数据
insert into user values('yinzixin','20222401');
image
然后需要允许用户从任何主机连接到数据库,并对名为2022201yinzixin的数据库拥有所有权限,理论上是不安全的,但是为了方便,这里就给予全部权限。
GRANT ALL PRIVILEGES ON 20222401yinzixin.* TO '20222401'@'%';
FLUSH PRIVILEGES;
image

2.4Web后端PHP

2.4.1编写PHP网页

/var/www/html/2406.php路径下创建一个PHP文件,代码如下:

点击查看代码
<?php  
  
// 设置数据库服务器的名称  
$servername = "localhost";  
  
// 设置连接数据库的用户名  
$username = "root";  
  
// 设置连接数据库的密码  
$password = "kali";  
  
// 设置要连接的数据库名  
$dbname = "20222401yinzixin";  
 
// 使用mysqli创建一个新的数据库连接  
$conn = new mysqli($servername, $username, $password, $dbname);  
  
// 检查连接是否成功  
if ($conn->connect_error) {  
    // 如果连接失败,输出错误信息并停止脚本执行  
    die("连接数据库失败: " . $conn->connect_error);  
}  
  
// 使用null合并运算符从POST请求中获取用户名,如果POST请求中没有该值,则将其设置为空字符串  
$username = $_POST['username'] ?? '';  
  
// 使用null合并运算符从POST请求中获取密码,如果POST请求中没有该值,则将其设置为空字符串  
$password = $_POST['password'] ?? '';  
  
// 创建一个SQL查询语句,用于从user表中查找与给定用户名和密码匹配的用户  
$sql = "SELECT * FROM user WHERE username = '$username' AND password = '$password'";  
  
// 执行SQL查询并获取结果  
$result = $conn->query($sql);  
  
// 检查查询结果中的行数是否大于0,即是否找到了匹配的用户  
if ($result->num_rows > 0) {  
    // 如果找到了匹配的用户,输出登录成功的消息  
    echo " 欢迎 ! 登陆成功!";  
} else {  
    // 如果没有找到匹配的用户,输出用户名或密码错误的消息  
    echo "用户名或密码错误!";  
}  
  
// 关闭数据库连接  
$conn->close();  
?>

然后需要改一下前端代码,实现功能匹配

点击查看代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>20222401</title>
    <script>
        function login() {
            const usrname = document.getElementById("username").value;
            const password = document.getElementById("password").value;
        }
    </script>
</head>

<body>
    <h1>Login</h1>
    <form name="20222401" action="20222401.php" method="post">
        <font>账号:</font><input type="text" name="username" id="username"><br>
        <font>密码:</font><input type="password" name="password" id="password"><br>
        <button onclick="login()">login</button>
    </form>
</body>

</html>


然后就可以了
image

2.5最简单的SQL注入,XSS攻击测试

2.5.1SQL注入

输入admin' or 1=1 #
image

2.5.2XSS攻击

与JS攻击一致。

2.6安装DVWA平台

2.6.1SQL注入

先打开服务
image
image
进入SQL注入页面后首先输入1
image
再输入1 and 1=2
image
输入1'就会跳转
image

2.6.2xss攻击

首先提交正常表单,观察网址。
image
再URL处的English替换为<script>alert(20222401)</script>
image

2.6.3CSRF攻击

输入和重复密码123456
image
Change=Change#是核心,只需要修改这里就可以了。
更改为http://127.0.0.1/dvwa/vulnerabilities/csrf/?password_new=20222401&password_conf=1&Change=Change#
image

3.问题及解决方案

  • 问题1:PHP后端跳转失败
  • 问题1解决方案:修改数据库root密码,kali好像有BUG,不能使用原密码,需要设置一个新的。

4.学习感悟、思考等

在尝试注入攻击时,我通过输入特殊字符来试图破坏页面的正常显示。例如,输入<script>alert('xss');</script>可以触发JavaScript弹窗,显示XSS攻击的效果。通过编写PHP网页,我学会了如何连接MySQL数据库,并进行用户认证。这包括接收用户输入的数据,查询数据库以验证用户身份,并根据查询结果返回相应的页面。通过本次实验,我深刻认识到Web安全的重要性。无论是前端还是后端,都需要严格的安全措施来防止各种攻击。

参考资料

posted @ 2024-12-09 21:37  _兰草一枚  阅读(52)  评论(0)    收藏  举报