2019-2020-2 20175334罗昕锐《网络对抗技术》Exp8 Web基础

2019-2020-2 20175334罗昕锐《网络对抗技术》Exp8 Web基础

1 实践说明

1.1实践目标

  • 能正常安装、启停Apache；理解HTML，理解表单，理解GET与POST方法,编写一个含有表单的HTML

  • 理解JavaScript的基本功能，理解DOM；编写JavaScript验证用户名、密码的规则

  • 正常安装、启动MySQL，建库、创建用户、修改密码、建表

  • 连接数据库，进行用户认证

1.2实践内容

  • Web前端HTML

  • Web前端javascipt

  • Web后端：MySQL基础

  • Web后端：编写PHP网页

  • 最简单的SQL注入，XSS攻击测试

2 Web前端HTML

  • 通过service apache2 start命令打开Apache服务

  • 在浏览器输入地址127.0.0.1，如果成功打开Apache的默认网页，则开启成功

  • 通过cd /var/www/html进入Apache目录下，新建一个含有表单的文件form.html，内容如下：


<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>

    <h2 align="center">Login</h2>
		<center>
        <form action="login" method="post">
            <input placeholder="E-mail" name="Name" class="user" type="email">
            <br>
            </br>
            <input  placeholder="Password" name="Password" class="pass" type="password">
            <br>
            </br>
            <input type="submit" value="Login">
        </form>
		</center>
</body>
</html>
  • 在浏览器输入/var/www/html/form.html

3 Web前端javascipt

  • 新建一个文件form2.html，内容如下：

<html>
<head>
<title>CryptoTeam</title>
<!-- Meta tag Keywords -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Meta tag Keywords -->
</head>

<body>
<!-- main -->
<!--//header-->
	<h2>Login Quick</h2>
		<form action="login" method="post" name="form_login">
			<input placeholder="E-mail" name="Email" class="user" type="email" onfocus="if (this.value=='Your email') this.value='';" />
			<br>
			</br>
			<input  placeholder="Password" name="Password" class="pass" type="password" onfocus="if (this.value=='Your password') this.value='';"/>
			<br>
			</br>
			<input type="submit" value="Login" onClick="return validateLogin()"/>
		</form>
<!--//main-->
<script language="javascript">  
    function validateLogin(){  
        var sUserName = document.form_login.Email.value ;  
        var sPassword = document.form_login.Password.value ;    
        if ((sUserName =="") || (sUserName=="Your email")){  
        alert("user email!");  
        return false ;  
        }  

        if ((sPassword =="") || (sPassword=="Your password")){  
        alert("password!");  
        return false ;  
        }  

    }   
</script>  

</body>
</html>
  • 在浏览器输入/var/www/html/form2.html，当用户未输入密码时，会有以下提示

4 Web后端：MySQL基础

  • 通过/etc/init.d/mysql start命令开启MySQL服务

  • 通过sudo mysql -u root -p命令进入，默认密码为password

  • 通过show databases;命令查看数据库基本信息

  • 通过use mysql;命令，使用mysql数据库

  • 通过update user set password=PASSWORD("20175334") where user='root';命令修改密码，并通过flush privileges;命令更新权限

  • 通过exit命令退出后使用新密码重新进入，再通过create database lxr;命令建立数据库，并通过use lxr;命令使用

  • 通过create table 表名 (字段设定列表);命令建立数据库表，并设置字段基本信息

  • 通过show tables;命令查看表信息

  • 通过insert into user values('20175334@qq.com','20175334');命令插入数据，并通过select * from user;命令查看表中的数据

  • 最后通过grant select,insert,update,delete on lxr.* to lxr@localhost identified by "20175334";命令增加新用户

  • 这样就可以使用新用户进行登录操作了

5 Web后端：编写PHP网页

  • 在/var/www/html目录下新建一个login.php文件，内容如下：
<?php
$uname=$_POST["Email"];
$pwd=$_POST["Password"];
echo $uname;
$query_str="SELECT * FROM user where username='$uname' and password='$pwd';";
$mysqli = new mysqli("127.0.0.1", "lxr", "20175334", "lxr");
$query_str1="use lxr;";

/* check connection */
if ($mysqli->connect_errno) {
    printf("Connect failed: %s
", $mysqli->connect_error);
    exit();
}
echo "connection ok!";
/* Select queries return a resultset */
if ($result = $mysqli->query($query_str1))
echo"<br>Success into database!";
echo$uname;
if ($result = $mysqli->query($query_str)) {
    if ($result->num_rows > 0 ){
            echo "<br> {$uname}:Welcome!!! <br> ";
    } 
    else {
        echo "<br> login failed!!!! <br> " ; }
    /* free result set */
    $result->close();
}
$mysqli->close();
?>

  • 在浏览器输入127.0.0.1/login.php，成功连接，由于没有输入登录信息，所以显示登录失败

  • 将form2.html中action中的login改为login.php，在浏览器输入127.0.0.1/form2.html进入登录页面

  • 当输入数据库中存在的正确的用户名及密码时，会登录成功

  • 反之登录失败

6 最简单的SQL注入，XSS攻击测试

  • SQL注入：在用户名处输入' or 1=1#，密码任意，登陆后显示登陆成功（需将form2.html中input下的type字段内的email改为text）

  • 这是因为输入的用户名与代码中select语句组合起来变成了select * from users where username='' or 1=1#' and password='' ,#相当于注释符，会把后面的内容都注释掉，而1=1是永真式 ，所以这个条件永远成立，无论密码是否输入正确，都能够成功登陆

  • XSS攻击：将一张图片放到/var/www/html目录下，用户名输入<img src="图片名称" />，密码任意，登录后显示登陆成功

7 实验收获与感想

  • 通过本次实验，让我对之前学习的有关JavaScript和数据库的课程内容进行了复习，同时学到了新的知识XSS攻击，受益匪浅

8 回答问题

  • （1）什么是表单

    • 表单在网页中主要负责数据采集功能。一个表单由表单标签、表单域和表单按钮组成；它们分别用于包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法，包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等，包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作

  • （2）浏览器可以解析运行什么语言

    • HTML、XML、Python、PHP、JavaScript、ASP

  • （3）WebServer支持哪些动态语言

    • 最常用的三种动态网页语言ASP、JSP和PHP都可以支持
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/lxr1006/p/12911382.html