20145203盖泽双《网络对抗技术》实践八：Web基础

1.实践目标

（1）编写Web前端——含有表单的HTML代码。

（2）编写Web前端——javascipt验证用户名、密码的代码，理解JavaScript的基本功能。

（3）Web后端——MySQL基础的安装、启动、建库、创建用户、修改密码、建表。

（4）Web后端——编写PHP网页，连接数据库，进行用户认证。

（5）做出最简单的SQL注入，XSS攻击测试。

2.实验后回答问题

（1）什么是表单

表单在网页中主要负责数据采集功能。有三个基本组成部分：

	-表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

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

	-表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

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

	超文本语言HTML、可扩展标记语言XML以及多种脚本语言。

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

	PHP、JavaScript等语言

3.实验总结与体会

 	这次实验好难呀，代码编的我眼睛都花了(((φ(◎ロ◎;)φ)))！真心佩服课题负责人天晨。感觉看老师上课弄得挺容易的，果然一涉及到编代码，我就歇菜了，以后还是要多练一练。

 	通过这次实验，我理解了浏览器的工作模式，还会编写简单的浏览器网页了。虽然之前学过一点，但是代码基本没自己编过，这次通过自己对代码的编写和理解，对WEB的结构更清楚了一些。所以收获还是很多的。

4.实践过程记录

（1）Web前端HTML

1、能正常安装、启停Apache。

①安装apache。（老师给的kali中，apache已装好。）

sudo apt-get install apache2

service apache2 start

②查看apache常用的命令。

③修改/etc/apache2/ports.conf 配置文件中apache2的监听端口号。

vi /etc/apache2/ports.conf

④开启apache，并查看端口号，确认监听端口配置成功。

service apache2 start

netstat -aptn

⑤用浏览器打开192.168.52.131:5203,进行测试。

2、理解HTML，理解表单。

HTML是用来描述网页的一种语言。

	-HTML 指的是超文本标记语言 (Hyper Text Markup Language)

	-HTML 不是一种编程语言，而是一种标记语言 (markup language)

	-标记语言是一套标记标签 (markup tag)

	-HTML 使用标记标签来描述网页

表单在网页中主要负责数据采集功能。有三个基本组成部分：

	-表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

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

	-表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

3、理解GET与POST方法。

GET和POST是HTTP请求的两种基本方法，两者的区别为：

	-get是从服务器上获取数据，post是向服务器传送数据。

    - get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

    - 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。

    - get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。

    - get安全性非常低，post安全性较高。但是执行效率却比Post方法好。

4、编写一个含有表单的HTML。

①在/var/www/html目录下编写网页文件20145203.html。

②用浏览器打开192.168.52.131:5203/20145203.html，查看自己编写的HTML。

③因为没有编写好20145203.php，所以提交后找不到页面。

（2）Web前端javascipt

1、理解JavaScript的基本功能。

    JavaScript：一种直译式脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

2、理解DOM。

	DOM：Document Object Model，文档对象模型，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的。

** 3、编写JavaScript验证用户名、密码的规则。**

①在原网页文件中添加javascript代码。

②在浏览器中打开，当输入的账号密码为空或者输入的账号长度不为8时，将会弹出提示错误！

（3）Web后端：MySQL基础与PHP网页

1、正常安装、启动MySQL，完成建库、创建用户、修改密码、建表等操作

①安装MySQL。（老师的kali中已安装）

apt-get install mysql-server mysql-client mysql-workbench

②MySQL的常用命令。

/etc/init.d/mysql start

③开启MySQL服务。

/etc/init.d/mysql start

④进入到MySQL中。初始密码：p@ssw0rd

mysql -u root –p

⑤修改MySQL的密码。

⑥创建新的库表。

⑦在表中添加用户。

2、编写PHP网页

①在/var/www/html目录下编写登陆成功后跳转的页面20145203.php。

②登录失败时页面为：

③登陆成功时页面为：

（4）最简单的SQL注入，XSS攻击测试

1、SQL注入

①在帐号处输入' or 1=1#，密码随便填。登陆成功。

②在帐号处输入';insert into users(userid,username,password,enabled) values(888,'5204',password("20145204"),"TRUE");#，密码随便填。登陆一下！此时在查看数据库，注入成功！

③使用添加的账号密码登陆，登陆成功！

2、XSS攻击

①在帐号处输入<img src="5203.png" />20145203</a>，密码输入正确的密码，登录失败！