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

1.实验内容

1.1 近期学习内容简述

（1）学习了Web前后端的语言的简介
（2）学习了SQL注入的多个实例，知道了SQL注入的原理
（3）学习了XSS跨站脚本攻击的原理和示例
（4）了解了CSRF的原理和防范方法
（5）了解了Burpsuite等工具

1.2 实验内容简述

(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.1 Web前端HTML（能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法，编写一个含有表单的HTML）

（1）正常安装、启停Apache

使用sudo apt install apache2命令自动安装配置Apache（由于kali自带，这里就不展示了）
使用sudo systemctl start apache2命令启动Apache，使用sudo systemctl status apache2命令查看Apache状态
可知已经启动
浏览器浏览localhost
可再次确定Apache启动成功
使用sudo systemctl stop apache2命令关闭Apache，使用sudo systemctl status apache2命令查看Apache状态
可知已经关闭

（2）理解HTML，理解表单，理解GET与POST方法，编写一个含有表单的HTML

在/var/www/html/创建文件Get_method.html
- 创建一个html文件在桌面，然后使用命令sudo mv Get_method.html /var/www/html/Get_method.html将其移动到/var/www/html/
- Get_method.html中写入Get方法的html代码
- 访问http://localhost/Get_method.html并提交数据
  可知，Get方法提交后，数据在URL中可见
在/var/www/html/创建文件Post_method.html
- 创建一个html文件在桌面，然后使用命令sudo mv Post_method.html /var/www/html/Post_method.html将其移动到/var/www/html/
- Post_method.html中写入Post方法的html代码
- 访问http://localhost/Post_method.html并提交数据
  可知，Post方法提交后，数据在URL中不可见，因为数据放在HTTP请求的主体部分（body），不会显示在URL中。
- 但是抓包还是能抓到明文数据，使用https就会安全很多

（3）总结 GET 方法和 POST 方法

区别	GET 方法	POST 方法
请求目的	从指定的资源请求数据	向指定的资源提交数据以进行处理（例如，创建/更新资源）
请求参数位置	参数附加在URL的末尾（查询字符串）	参数包含在HTTP请求的主体中
数据可见性	参数在URL中可见，可能会被缓存和记录在服务器日志中	参数在HTTP请求主体中，相对不那么容易被直接访问或记录
数据大小限制	通常受限于URL长度和服务器配置（较短）	无严格限制，取决于服务器配置（较长）
安全性	不太安全，因为参数在URL中可见	相对更安全，因为参数不在URL中，但需要使用HTTPS来确保数据传输的安全性
浏览器书签	可以将请求URL书签化	无法直接书签化POST请求的URL
缓存	浏览器和某些中间件可能会缓存GET请求的响应	POST请求的响应通常不会被缓存
使用场景	适用于请求数据而不改变服务器状态的操作（例如，搜索查询）	适用于提交数据以改变服务器状态的操作（例如，表单提交）

2.2 Web前端javascipt（理解JavaScript的基本功能，理解DOM；在（1）的基础上，编写JavaScript验证用户名、密码的规则。在用户点击登陆按钮后回显“欢迎+输入的用户名”；尝试注入攻击：利用回显用户名注入HTML及JavaScript）

在/var/www/html/创建文件Post_JS.html
Post_JS.html中写入Post方法的html代码

点击查看代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register: POST JS 20222420</title>
    <style>
        /* 简单的样式，用于显示欢迎信息 */
        #welcomeMessage {
            color: green;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Register: POST JS 20222420 </h1>
    <form id="myForm" action="/submit" method="post">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username" required>
        <br><br>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password" required>
        <br><br>
        <button type="submit">Submit</button>
    </form>
    <p id="welcomeMessage"></p> <!-- 用于显示欢迎信息的元素 -->

    <script>
        // 获取表单元素
        const form = document.getElementById('myForm');
        const usernameInput = document.getElementById('username');
        const passwordInput = document.getElementById('password');

        // 添加事件监听器
        form.addEventListener('submit', function(event) {
            // 阻止表单的默认提交行为
            event.preventDefault();

            // 获取用户输入
            const username = usernameInput.value.trim();
            const password = passwordInput.value.trim();

            // 验证用户名和密码
            const usernameValid = username.length >= 5;
            const passwordValid = password.length >= 8 && /\d/.test(password);

            // 如果验证通过
            if (usernameValid && passwordValid) {
                // 显示欢迎信息
                document.write('欢迎' + username);

            } else {
                // 如果验证失败
                alert('用户名必须至少包含5个字符，密码必须至少包含8个字符且包含至少一个数字。');
            }
        });
    </script>
</body>
</html>

验证“JavaScript验证用户名、密码格式”的功能。验证在用户点击按钮后回显“欢迎+输入的用户名”的功能。
- 用户名符合，但密码未含数字
  我只设置了一个提示信息，所以用户名和密码均提醒了
- 用户名长度不够，密码符合
  我只设置了一个提示信息，所以用户名和密码均提醒了
- 用户名、密码格式均符合，回显“欢迎+输入的用户名”
注入攻击：利用回显用户名注入HTML及JavaScript
用户名输入<script>alert('你被20222420攻击了！')</script> <h1>你被20222420攻击了</h1>
- JavaScript效果
- HTML效果

2.3 Web后端（MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表）

（1）安装

使用sudo apt install mariadb-server命令自动安装配置即可，mariadb-server适用于需要存储和管理大量数据的场景。由于kali自带了mariadb，这里就不展示了

（2）启动并验证，并登录

使用systemctl start mysql启动，systemctl status mysql验证
disable是指未设置开机自启动，但其是启动了的、在运行的
登录，使用sudo mysql -uroot -p，输入mysql的密码时直接输入“回车”

（3）建库并验证

使用create database test;创建名为test的数据库实例，然后使用show databases;验证

（4）创建用户并验证

使用CREATE USER 'test'@'%' IDENTIFIED BY 'test';，还可以将test数据库实例的权限授予test用户

（5）修改密码

使用ALTER USER 'test'@'%' IDENTIFIED BY 'change';

（6）建表并使用、验证

使用CREATE TABLE testTable (id INT AUTO_INCREMENT PRIMARY KEY,name VARCHAR(255) NOT NULL);可以创建一个表并设置了主键
添加数据到表，只需要添加到name，主键会自动递增添加
INSERT INTO testTable (name) VALUES ('Alice');
`INSERT INTO testTable (name) VALUES ('Bob');``
查看、验证表
使用select * from testTable;，可知表创建成功并成功添加了数据

2.4 Web后端：编写PHP网页，连接数据库，进行用户认证

root用户创建user_auth数据库实例，并创建表users、插入数据
- 创建user_auth数据库实例
- 进入实例，创建表users，CREATE TABLE users (id INT AUTO_INCREMENT PRIMARY KEY,username VARCHAR(50) NOT NULL,password VARCHAR(50) NOT NULL);
- 修改root密码，使其不为空（否则后续连不上），并给予其user_auth的权限（虽然默认root创建者有权限）
- 插入数据，INSERT INTO users (username, password) VALUES ('testuser', 'testpassword');
编写PHP网页