2017-2018-2 20155225《网络对抗技术》实验八 Web基础

1、Web前端HTML

输入命令apachectl start打开apahce，并使用netstat -aptn查看端口号，确认apache启动成功，如图所示，监听端口是80：

在浏览器里输入http://127.0.0.1，可以访问到Apache默认页面，证明Apache可以正常工作。

.测试：apache可读取工作目录下的文件

在/var/www/html/目录下，写一个测试的txt文档，在浏览器里打开127.0.0.1/test.txt，可看到test.txt的内容，如图：

写一个有表单提交的网页：

在/var/www/html/目录下，写一个html文件：

<html>
<body>

<form action="/demo/demo_form.asp">
User name:<br>
<input type="text" name="un" value="20155225">
<br>
Password:<br>
<input type="password" name="pw" >
<br><br>
<input type="submit" value="Submit">
</form> 

</body>
</html>

用浏览器打开效果如下：

再给它增加一个彩色的css：

    <head>
        <meta charset="utf-8">
        <style>
            body
                {
                    background-color:#d0e4fe;
                }
            input
                {
                    color:orange;
                    text-align:center;
                }
        </style>
    </head>

效果如图：

2、web前端，JavaScript

用JavaScript检查一下，用户名密码的位数有没有超过规定值。

    <script>

function inputTest(){

    if (document.getElementById("1").value.length<=8){
        return true
    } else {
       alert("The student number cannot exceed 8!")
            return false;
    }

}

    </script>

学号不能超过8位，如果超过8位会提示：

3、web后端，php

在/var/www/html/目录下，写一个test.php，进行测试：

<?php
echo "我的第一段 PHP 脚本！";
?>

尝试写了一个php，接受前端传过来的用户名，并打印出来：

<html>
<body>

Welcome <?php echo $_POST["un"]; ?><br>

</body>
</html>

成功跳转到php，如图所示：

4、web后端，mysql

开启MySQL服务，使用root权限进入，默认的密码是password

使用create database user；新建user数据库，并用show databases；查看数据库

使用use user；命令使用user数据库，同时，使用create table login (字段设定列表);建立数据库表，并设置字段基本信息：

使用insert into login values('201155225','jzy123');插入数据：

grant select on user.login to river@localhost identified by "1";将对user.login进行查询的权限赋给本机登录的River用户。

5、php+mysql

综合运用php和mysql，实现将前端用户名和口令，传到后端php，在php中连接数据库，进行查询，并返回查询结果。

<?php
$uname=$_POST["un"];
$pwd=$_POST["pw"];
echo "welcome";
 echo $uname;
$query_str="SELECT * FROM login where username='$uname' and password='$pwd';";
$mysqli = new mysqli("127.0.0.1", "river", "1", "user");

/* check connection */
if ($mysqli->connect_errno) {
    printf("Connect failed: %s\n", $mysqli->connect_error);
    exit();
}

/* Select queries return a resultset */
if ($result = $mysqli->query($query_str)) {
    if ($result->num_rows > 0 ){
            echo "<br> login success! <br> ";
    } 
    else {
        echo "<br> login failed! <br> " ; }
    /* free result set */
    $result->close();
}
$mysqli->close();
?>

登录成功！

6、SQL注入和XSS攻击

sql注入：

后台sql语句为SELECT * FROM login where username='$uname' and password='$pwd';

如果输入用户名时，输入为20155225'#，那后面口令就被注释掉了。

xss攻击：

在用户名输入框输入 < img src="20155225.jpg" />，对应到php中，就是echo < img src="20155225.jpg" /> ，然后既可以查看到图片了。

开始尝试的时候，攻击成功了，但图片一直加载不出来，后来给图片加上权限就可以了。

实验问题回答

1.什么是表单

表单可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁。

一个表单有三个基本组成部分：表单标签

表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等

表单按钮：包括提交按钮、复位按钮和一般按钮.

2.浏览器可以解析运行什么语言

超文本标记语言：HTML

可扩展标记语言：XML

脚本语言：ASP、PHP、Script、JavaScript、VBScript、Perl、Python、ColdFusion、Java、JSP等

3.WebServer支持哪些动态语言

比较常用的有PHP语言和JSP语言。

实验总结与体会

第一次接触了SQL注入、XSS注入攻击，这些注入非常巧妙，简直防不胜防，所以web安全有非常广阔的探索空间，进一步学习web安全，要更加努力了!