20155229《网络对抗技术》Exp8：Web基础

时间：2018-05-23 00:09:28 阅读：332 评论：0 收藏：0 [点我收藏+]

标签：地址 password 技术分享 sql注入表单标签结合 qq邮箱 tables 如何

实验内容

(1).Web前端HTML

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

(2).Web前端javascipt

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

(3).Web后端：MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表

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

(5).最简单的SQL注入，XSS攻击测试

功能描述：用户能登陆，登陆用户名密码保存在数据库中，登陆成功显示欢迎页面。

实验步骤

web前端HTML

GET： 从指定的资源请求数据
POST: 向指定的资源提交要被处理的数据。

区别：

1.post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中） 

2.post发送的数据更大（get有url长度限制） 

3.post能发送更多的数据类型（get只能发送ASCII字符） 

4.post比get慢，post请求包含更多的请求头，且post在接受数据之前会先将请求头发送给服务器进行确认，然后再发送数据。

5.post用于修改和写入数据，get一般用于搜索排序和筛选之类的操作，目的是资源的获取，读取数据 

6.get会将数据缓存起来，post不会

使用sudo vi /etc/apache2/ports.conf命令修改Apache所要使用的端口号。
使用netstat -tupln |grep 80命令查看80端口是否被占用，如被占用，则使用kill+端口号将该进程杀死

技术分享图片

使用apachectl start命令开启Apache服务

技术分享图片

在浏览器中，输入localhost:80命令，得到下图，因为上次实验所克隆的网页是qq邮箱

技术分享图片

使用cd /var/www/html进入到Apache的工作目录下，建立一个.html文件
编写简单登录页面的HTML

<html>  
<head>  
<title>test</title>   
</head> 
<body>           
<table>  
    <form method ="POST" action="#" name="Login"  >  
    <tr>  
    <td>user:</td>  
    <td><input type="text" name="username" value="user" size="20" maxlength="20" /></td>  
    <td> </td>  
    <td> </td>  
    </tr>  
    <tr>  
    <td>password:</td>  
    <td><input type="password" name="password" value="pw" size="20" maxlength="20" /></td>  
    <td> </td>  
    <td> </td>  
    </tr>    
    <table>  
    <tr>  
        <td><input type="submit" name="login" value="Login" /></td>    
        </tr>
    </table>    
    </form> 
</table>   
</body>  
</html>

打开浏览器访问localhost:80/qian.html
出现以下登录界面，但是代码中没有写跳转后的页面，所以该登陆页面不会动。

技术分享图片

web前端：javascript

DOM： 是W3C的标准，定义了访问HTML和XML文档的标准。

HTML DOM：是HTML的标准对象模型，是HTML的标准编程接口。定义了所有HTML元素的对象和属性，以及访问它们的方法。换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

在上面的qian.html的基础上添加一段Javascript代码，来完成对用户是否填写邮箱和密码的判断。
添加的代码：

<script language="javascript">  
    function validateLogin(){  
        var sUserName = document.frmLogin.username.value ;  
        var sPassword = document.frmLogin.password.value ;    
        if ((sUserName =="") || (sUserName=="Your name")){  
            alert("Please enter your user name
!");  
            return false ;  
        }  
       
        if ((sPassword =="") || (sPassword=="Your password")){  
            alert("Please enter the password!");  
            return false ;  
        }  
    
    }   
</script>

当没有填写信息的时候，会出现以下的提示。

技术分享图片

Web后端：MySQL基础

使用/etc/init.d/mysql start命令开启mysql服务

技术分享图片

使用mysql -u root -p命令，并输入默认密码p@ssw0rd登录，进入mysql中。

技术分享图片

使用use mysql;命令，选择mysql数据库；
使用update user set password=PASSWORD("tvxq") where user=‘root‘;命令对root账号的密码进行修改
使用flush privileges;命令进行权限更新。

技术分享图片

使用quit命令退出数据库之后，再次进行登录，登录成功，说明就改密码无误。

技术分享图片

使用create database fyhfyj;命令建立一个新的数据库

技术分享图片

使用show databases;命令查看当前存在的数据库。

技术分享图片

使用use 库名命令，对数据库进行使用

技术分享图片

使用create table 表名 (字段设定列表);命令，在我们的数据库中建立数据表

技术分享图片

使用show tables命令对该数据表进行查看

技术分享图片

使用insert into 表名 values(‘值1‘,‘值2‘,‘值3‘...);命令，在数据表中填写相应的数据

技术分享图片

使用select * from 表名命令，查询该表中的数据
使用grant select(insert,update,delete) on 数据库.* to 用户名@登录主机 identified by "密码";命令在数据库中增加新的用户。

Web后端：编写PHP网页

PHP：超文本预处理器，是一种通用开源脚本语言。PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。

在目录/var/www/html下新建一个PHP测试文件

<?php
  echo ($_GET["a"]);
  include($_GET["a"]);
  echo "This is lxm php test page!<br>";
?>

在浏览器中输入localhost:80/fyhtest.php?a=/etc/passwd，能够查看到/etc/passwd文件中的内容

技术分享图片

测试完后，利用PHP和MYSQL两者结合再加上之前编写的简单的登陆网页进行身份验证


<?php
$uname=$_POST["users"];
$pwd=$_POST["Password"];
echo $uname;
$query_str="SELECT * FROM login where username=‘$uname‘ and password=‘$pwd‘;";
$mysqli = new mysqli("127.0.0.1", "root", "tvxq", "mysql");

/* check connection */
if ($mysqli->connect_errno) {
    printf("Connect failed: %s\n", $mysqli->connect_error);
    exit();
}
echo "connection ok!";
/* Select queries return a resultset */
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();
?>

mysql中填写的是之前在数据库中的数据。

技术分享图片