实验目的
理解HTML，学会Web前端、Web后端和数据库编程及SQL注入、XSS攻击测试
教程
实验内容
- 操作程序规律
- 运行脚本或可执行文件
- 查看配置文件
- 出错找日志
- Web前端HTML
- 能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法,编写一个含有表单的HTML。
- Web前端javascipt
- 理解JavaScript的基本功能，理解DOM。编写JavaScript验证用户名、密码的规则。
- Web后端：MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表
- Web后端
- 最简单的SQL注入，XSS攻击测试
- 功能描述：用户能登陆，登陆用户名密码保存在数据库中，登陆成功显示欢迎页面。
实验步骤
（一）Web前端HTML
Apache
-
使用
service apache2 start启动Apache。使用netstat -aptn查看端口信息，看到80端口被Apache2监听，启动成功
如果有其他应用有端口冲突，可以修改ports.conf
-
对Apache进行测试：打开网页
127.0.0.1:80可打开上次实验克隆的网页，在Apache的工作目录下/var/www/html编辑一个测试文件，我们就可以只在在网页打开看到了
HTML编程
-
编写一个简单网页，包含一个表单，输出用户名、密码然后提交，提交之后会跳转到“login.php”
-
在Apache的工作目录下新建一个html文件并通过浏览器打开
（二） Web前端javascipt
基础知识理解
-
什么是FORM(表单)
- 表单相当于一个数据容器，提交表单的同时会将容器中的所有数据提交给后台处理
-
表单的两种提交方法，GET和POST
- GET - 从指定的资源请求数据，只应当用于取回数据，不应在处理敏感数据时使用
- POST - 向指定的资源提交要被处理的数据
GET POST 可被缓存 不会被缓存 保留在浏览器历史记录中 不会保留在浏览器历史记录中 可被收藏为书签 不能被收藏为书签 对数据有长度限制 对数据没有长度限制 -
Javascript事件
- 指的是可以出发JavaScript的条件，如点击、划过、选中等
JavaScript编程
- 在前面html编程的基础上，加上判断用户名和密码的JavaScript语句
function submit()
{
if(document.form.password.value=="" || document.form.username.value=="")
{
alert("please input your name！");
window.location.href="login.html"
}
else
form.submit();
}
- 按照老师的教程，将原来的action改成一个php文件的名字，例如：<form action="login.php" method="post"
- 要注意添加javascript的相关代码，我的代码实现了利用javascript检查用户名或密码是否为空，若为空则弹出提示框并重新跳转回登录界面：
（三）Web后端：MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表
-
前端的设计告一段落，接下来就要处理我们从网页上提交的数据了，这里我们使用MySQL来处理数据
-
启动MySQL：直接运行
/etc/init.d/mysql start开启MySQL服务就可以
-
登录数据库：
mysql -u root -p，密码为p@ssw0rd，直接复制粘贴进去就行
-
用
show databases;查看数据库基本信息注意这里每个sql语句要以分号为结尾
-
输入use mysql;选择使用mysql这个数据库
-
输入select user, password, host from user;查看当前用户信息
-
输入update user set password=PASSWORD("新密码") where user='root';更改密码
-
更新权限
flush privileges; -
退出
quit;再使用新密码重新登录mysql -u root -p，用我们更改修改的密码就可以了 -
使用
create databases `数据库名`;创建一个名为tky的数据库，使用show databases;可以看到创建成功
-
使用我们刚刚创建的数据库
use tky
-
使用
create table 表名 (字段1，字段2 ···);，创建数据表。create table user (username VARCHAR(20),password VARCHAR(20));
-
使用
insert into 表名 values('数值1''数值2''···')；添加数据insert into user values('20165230','5230');向表中username password两个字段插入数据，即用户名为20165230，密码为5230
-
创建一个新用户便于后面的实验，给新用户提供所有的权限
grant all privileges on 数据库名.* to 用户名@localhost identified by '密码';，更新权限flush privileges;并退出
-
使用我们刚刚创建的用户名和密码登录数据库，登陆成功
-
重复上面的步骤，建数据库、建表、插入数据。值得注意的是，我们在之前只为新用户的某个具体的数据库分配了权限，因此这里只能创建名字和前面一样的数据库，如果想要创建新的数据库，可以按照这里的[教程]先创建用户、创建数据库再分配权限。
（四）Web后端：编写PHP网页，连接数据库，进行用户认证
-
前面提到我们的网页会将数据提交到login.php，因此要想处理数据，我们要编写自己的PHP网页。如果电脑里没有php，使用
sudo apt-get install php安装 -
在工作目录下编写测试文件
<?php include($_GET["a"]); ?> -
浏览器打开 127.0.0.1:80/test.php?a=/etc/passwd可看到/etc/passwd文件的内容,如下图所示
注：如果想这里测试成功，首先需要保证apache成功开启（service apache2 start）
-
编写获取表单数据，myspli的参数分别为本机IP地址、用户名、密码、数据库名
-
在网页输入同户名和密码，可以看到成功连接到数据库
（五）最简单的SQL注入，XSS攻击测试
SQL注入
SQL注入漏洞是指在Web应用对后台数据库查询语句处理存在的安全漏洞。也就是，在输入字符串中嵌入SQL指令，在设计程序中忽略对可能构成攻击的特殊字符串的检查。后台数据库将其认作正常SQL指令后正常执行，可能实现对后台数据库进行各种操作，甚至造成破坏后台数据库等严重后果。
-
编写php页面的时候我们直接将输入的参数与查询语句进行连接，这样我们只要输入一些特殊字符如注释的符号就可以进行SQL注入攻击了
-
输入框中键入
'or 1=1 --并且提交，可以看到连接成功。这是因为此时查询语句为select * from users where name='' or 1=1 --'and password='1';而“--”在MySQL代表注释，查询语句实际为select * from users where name='' or 1=11=1为永真式，则这个条件恒成立，因此数据库不会报错
-
攻击成功！
-
那我们是不是也可以通过注入插入一个新的用户呢？要注意的是我们之前编的代码
if ($result = $mysqli->query($query_str))是不允许输入多条查询语句的，现实生活中也应该是不允许的，但这里为了实验我们需要代码能允许输入多条查询语句。 -
修改代码为
if ($result = $mysqli->multi_query($query_str))，在登录界面输入';insert into user values('tky','tky');--
-
可以看到虽然登录失败，但我们已经在表中插入了一个新用户
-
这时，我们要将代码改回原来的，再使用新的用户名和密码就可以登录了
-
我们日常接触的网页都是不允许输入多条查询语句的，而且为了避免网页遭受SQL注入，在编写后端php网页的时候就要注意将查询语句分开，或者对输入的字符串进行处理，去掉注释符等特殊符号，这样才能使网页更安全。
XSS攻击测试
XSS就是在网站任何接受正常文本输入的地方，输入Javascript脚本，并让脚本执行。
- XSS分为三种类型：
- 反射型：发出请求时，XSS代码出现在URL中，作为输入提交到服务器端，服务器端解析后响应，XSS随响应内容一起返回给浏览器，最后浏览器解析执行XSS代码，这个过程就像一次发射，所以叫反射型XSS。
- 存储型: 存储型XSS和反射型的XSS差别就在于，存储型的XSS提交的代码会存储在服务器端（数据库，内存，文件系统等），下次请求目标页面时不用再提交XSS代码。
- DOM：不经过后端,DOM—based XSS漏洞是基于文档对象模型Document Objeet Model,DOM)的一种漏洞,dom - xss是通过url传入参数去控制触发的。
- 也就是说，用户提交的数据中如果含有js代码，从数据库中读出来的时候这段js代码就变成了可执行的代码。
- 在用户名输入框中输入
<img src="login.png " />，读取/var/www/html目录下的图片 - 运行结果如下所示，正确显示了网页背景图：
实验问题回答
- 什么是表单
- 表单是用来采集输入的数据的
- 表单由三个部分组成
- 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法
- 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等
- 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作
- 浏览器可以解析运行什么语言。
- 浏览器可以解析HTML，XML，Python，PHP，JavaScript，ASP等脚本语言。
- WebServer支持哪些动态语言
- ASP全名Active Server Pages，是一个WEB服务器端的开发环境，ASP采用脚本语言VBScript（Java script）作为自己的开发语言。
- PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法，并融合PHP自己的特性，使WEB开发者能够快速地写出动态产生页面
- JSP全名Java ServerPage，可以在Servlet和JavaBean的支持下，完成功能强大的站点程序
实验总结
这次实验在原本的网页编程基础上增加了很多如php、数据库连接的功能，让我们直观地体会到一个网站运行的过程中参数的传递和应用，更明白网页攻击的原理与过程。做这次实验的过程中想到了很多之前使用过的漏洞，要想做一个完全安全的网页要考虑很多，数据库参数的连接、字符串等都要进行一些特殊的处理才能真正达到安全的需要。