20155302《网络对抗》Exp8 Web基础

实验内容

(1).Web前端HTML(0.5分)

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

(2).Web前端javascipt(0.5分)

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

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

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

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

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

课题负责人需要完成：登陆后可以发贴；会话管理。

实验过程

1.Web前端：HTML基础

1.首先要正确安装并启动Apache（已安装过的直接启动）

安装：sudo apt-get install apache2

启动：apachectl start

启动完成后netstat -aptn查看你的端口占用情况，知道端口号方便从浏览器直接进入打开。（在此处可以明显看到打开的端口是80号端口）

在浏览器中输入localhost:80进行查看，发现显示Apache正在正常使用

进入Apache工作目录/var/www/html，新建一个.html文件，编写一个含有表单能实现输入用户名、密码实现登录的简单html（在编写的时候曾经使用了中文但是会出现乱码，最好在这里推荐大家文本框文字使用英文）

然后去浏览器中中输入localhost:80/yxc01.html就能打开该网页。

这个时候可以尝试随意输入一下用户名和密码，但结果都会是404，因为我们此时还没有进行php跳转网页的编写

在编写html代码过程中我们主要要注意post与get的使用和区别：

get和post是html中表单的提交方式中的两种方式，其主要区别在于：1、geturl 改变，在url 里显示 HTML Form 参数的 name/value 值。只适合有少量参数的 HTML Form，因为 URL 长度有字符涉及安全性的信息，比如用户密码，不能用 get，因为会在 URL 上显示，不安全。

2、posturl 不改变，不在 url 里显示 HTML Form 的数据。Form 提交的信息没有长度涉及安全性的信息，如用户密码，应采用 post 方式。

2.Web前端：javascript

HTML文件一般主要由三部分模块组成：主要的基本框

架（包括title,body,head等基本组成）、JavaScrip

t(嵌入动态文本于HTML页面。对浏览器事件做出响应

。读写HTML元素。在数据被提交到服务器之前验证数

据。)、css（美化页面）

于是我们开始往我们的基本框架内添加JavaScript模块，一开始我设计了一个固定的用户名密码登陆，就是将用户名和密码直接写入JavaScript中，但看到后面实验是说需要调用数据库来验证，被自己蠢哭了，于是修改了代码

旧版本：

新版本：

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>login</title>

	<script type="text/javascript">

		 $("#login-button").click(function(event){

				 event.preventDefault();

			 $('form').fadeOut(500);

			 $('.wrapper').addClass('form-success');

		});

		function check(){

	    {

		  if(form.username.value == "")//如果用户名为空

		  {

			alert("username!");

			form.username.focus();

			return false;

		  }

		  if(form.pass.value == "")//如果密码为空

		  {

			alert("password！");

			myform.pass.focus();

			return false;

		  }

		}

	</script>

</head>

<body>

	<div class="wrapper">

		<div class="container">

			<h1>Welcome</h1>

			<form name='form' class="form" method='post' action='login.php' onSubmit="return check()">

				<input type="text" placeholder="Username" name='username'>

				<input type="password" placeholder="Password" name='password'>

				<button type="submit" id="login-button" name='submit' value='submit'>Login</button>

				<button type="submit" id="register-button"><a href="register.html" class="cc">register</a></button>

			</form>

		</div>

	</div>

</body>

</html>

3.Web后端：MySQL基础

这里的实验简直把我弄得心烦意乱，困难重重，首先先打开mysql，这里很简单使用指令/etc/init.d/mysql start即可

然后输入mysql -u root -p，以root身份登录，根据提示输入密码，默认密码为password，进入MySQL;

然后问题来了，第一次登陆没有什么问题，可后面转天关闭后重新进去就出现了问题，不知道是上次实验碰到了什么，反正就是error拒绝访问

这种问题的其中一大原因就是忘记密码，可是我的密码并没有改过，并不会忘记密码啊？更加靠谱的一个原因可能是我无意中按到了添加新用户，并且添加了一个空用户，由于登陆的时候名为""的空帐户会在最前面，所以系统默认会直接登陆空帐户，而肯定不知道其密码，于是开始了我的解决问题之路~网上找了很多很多种解决方法但都没能解决我的问题，不管是手动修改debian.cnf中的client端密码，还是修改initialize后出现的名为data的文件夹，其中有一个以.err为后缀的文件中的数据内容，都失败了，不过最后还是被我找到了解决办法

很多博客写到要修改MYSQL中的配置文件my.cnf但是我们版本的my.cnf中并没有他们所说的【mysqld】行代码，于是就无法修改。现在我们先打开/etc/mysql找到mysql的文件夹

然后不要选择my.cnf而是选择打开如图文件夹选择服务器端的cnf文件，打开后/mysqld找到其位置，在下面一行加入skip-grant-tables并保存退出，继而重新启动即可

这时候你的mysql变成了不需要密码，只需回车即可进入

输入use mysql;选择mysql数据库

输入select user, password, host from user;显示mysql库中已有的用户名、密码与权限

输入UPDATE user SET password=PASSWORD("新密码") WHERE user='root';更改用户名root的密码

输入flush privileges;更新权限。

输入quit退出，重新登录mysql

使用以上指令修改密码，更新权限

然后建库并在库中建表

create database 库名;

use 库名；

create table 表名 (userid VARCHAR(100),username VARCHAR(45),password VARCHAR(256),enabled VARCHAR(5));

使用insert into gyl(userid,username,password,enabled) values(1,'20155302','1234',"TRUE");来插入数据，并用select * from 表名;查看数据

4.Web后端：PHP网页

新建一个PHP测试文件vi /var/www/html/yxc.php，输入如下

<?php

    echo ($_GET["A"]);

    include($_GET["A"]);

    echo "HELLO World 20155302<br>";

?>

从浏览器中直接打开localhost:80/yxc.php,可以看见测试成功

5.PHP+MySQL实现登录网页编写

打开/var/www/html，进入其中编写login.php文件,通过PHP实现对数据库的连接

几个需要重点注意的地方：第一处标记处要和html文件中使用的方法一致用post就都用post，用get就都用get

第二处标记处要使用自己新建的表，这样才能连接到数据库中的对应表

第三处从左往右分别为localhost、MYSQL用户名、root密码、数据库名称

代码：

<?php

$uname=($_POST["username"]);

$pwd=($_POST["password"]);

/* echo $uname; */

$query_str="SELECT * FROM yxctable where username='$uname' and password='$pwd';";

 echo "<br> {$query_str} <br>";

$mysqli = new mysqli("127.0.0.1", "root", "qwertyuasd", "exp1");

/* 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> Welcome login Mr/Mrs:{$uname} <br> ";

    } else {

        echo "<br> login failed!!!! <br> " ;

    }

    /* free result set */

    $result->close();

}

$mysqli->close();

?>

localhost:80/login.html进入登陆界面然后输入用户名和密码，若输入错误则

输入正确则

6.最简单的SQL注入

在用户名输入框中输入' or 1=1#，密码输什么都会成功登陆，原因是这时候的合成后的SQL查询语句为select * from users where username='' or 1=1#' and password=md5(''),#相当于注释符，会把后面的内容都注释掉，而1=1是永真式，所以这个条件肯定恒成立，所以能够成功登陆：

另一种方法是可以直接插入一个伪造的用户名，密码，以后就可以使用伪造的用户名密码登陆了，不过需要php代码的修改以及数据库的使用权限，将.php代码中if ($result = $mysqli->query($query_str))修改为if ($result = $mysqli->multi_query($query_str))然后在登陆界面用户名文本框中输入';insert into yxctable values('222','5302','2468',"TRUE");#来使数据库表中加入一行数据内容，下次登陆时只需要输入用户名5302密码2468也可登陆成功

7.XSS攻击

XSS漏洞和著名的SQL注入漏洞一样，都是利用了Web页面的编写不完善，所以每一个漏洞所利用和针对的弱点都不尽相同。这就给XSS漏洞防御带来了困难：不可能以单一特征来概括所有XSS攻击。

传统XSS防御多采用特征匹配方式，在所有提交的信息中都进行匹配检查。对于这种类型的XSS攻击，采用的模式匹配方法一般会需要对“javascript”这个关键字进行检索，一旦发现提交信息中包含“javascript”，就认定为XSS攻击。这种检测方法的缺陷显而易见：骇客可以通过插入字符或完全编码的方式躲避检测

在登录的用户名中输入：<img src="yimei.png" />2</a>，读取/var/www/html目录下的图片:（注意把php代码中原本隐去的echo ￥uname显示出来，这样才能把图片输出出来）

基础问题

1.什么是表单？

表单是HTML的一个重要部分，主要用于将用户输入的信息提交到服务器。如果是普通的HTML页面，则当浏览器提出请求时，服务器不做任何处理，直接把HTML页面发送给浏览器显示；而含有表单的网页，则会根据表达的内容在服务器上运算，然后把结果返回。

包含3个内容：表单控件，Action,Method

2.浏览器可以解析运行什么语言？HTML、XML、PHP、JAVA、ASP.NET、

3.WebServer支持哪些动态语言？JSP、ASP、PHP

实验总结与体会

实验内容挺有趣，html代码还好，不过php代码有些难，不过时间长了多积累就还好，困难点在于实验过程中遇到的一个又一个问题，但是我更享受这过程中克服一个个困难的过程。