2018-2019-2 网络对抗技术 20165205 Exp8 Web基础
1.原理与实践说明
1.1实践内容
- Web前段HTML：能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法，编写一个含有表单的HTML
- Web前段JavaScript：理解JavaScript的基本功能，理解DOM。编写JavaScript验证用户名、密码的原则。
- Web后端：MySQL基础。正常安装、启动MySQL，建库、创建用户、修改密码、建表
- Web后端：编写PHP网页。连接数据库，进行用户认证。
- 最简单的SQL注入，XSS攻击测试：用户能登录，登录用户名密码保存在数据库中，登录成功显示欢迎页面。
1.2基础问题回答
-
什么是表单
- 表单在网页中负责数据的收集，有三个基本组成部分
- 表单标签：包含处理数据时所用的CGI程序的URL以及数据提交到服务器的方法
- 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等
- 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作
- 表单在网页中负责数据的收集，有三个基本组成部分
-
浏览器可以解析运行什么语言
- 浏览器支持HTML、XML以及ASP、PHP、Script、JavaScript、VBScript、Perl、Python、ColdFusion、Java、JSP等等脚本语言。
-
WebServer支持哪些动态语言？
- 目前，最常用的三种动态网页语言有ASP(ActiveServerPages),JSP(JavaServerPages),PHP(HypertextPreprocessor)。
- ASP是一个Web服务器端的开发环境语言，可以产生和执行动态的，互动的，高性能的Web服务应用程序。采用JavaScript作为开发语言。
- PHP是一种跨平台的服务器端嵌入式脚本语言。使用C,Java和Perl语言+PHP自己的特性，能够让开发者快速地写出动态页面。支持绝大多数数据库。完全开源。
- JSP可以在Serverlet和JavaBean的支持下，能够完成站点程序
2.实践过程记录
2.1 Web前段：HTML
-
命令行
server apache2 start可以打开Apache服务。 -
在服务器输入127.0.0.1，若可以打开Apache网页，则代表开启成功
-
使用
cd /var/www/html进入Apache目录，新建一个含有表单的html文件<html> <head> <title>Login</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h2 align="center">Login</h2> <center> <form action="login" method="post"> <input placeholder="E-mail" name="Name" class="user" type="email"> <br> </br> <input placeholder="Password" name="Password" class="pass" type="password"> <br> </br> <input type="submit" value="Login"> </form> </center> </body> </html> -
在浏览器中输入
/var/www/html/login.html打开网页
-
这里的method是POST可以向服务器上传递数据
2.2Web前端：JavaScript
-
在原来的test1.html中加入一段JavaScript代码，对客户输入的邮箱和密码做判断，代码如下
<html> <head> <title>Login</title> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h2 align="center">Login</h2> <center> <form action="login" method="post" name="form_login"> <input placeholder="E-mail" name="Name" class="user" type="email" onfocus="if (this.value=='Your email') this.value='';" /> <br> </br> <input placeholder="Password" name="Password" class="pass" type="password" onfocus="if (this.value=='Your password') this.value='';"/> <br> </br> <input type="submit" value="Login" onClick="return validateLogin()"/> </form> </center> <script language="javascript"> function validateLogin(){ var sUserName = document.form_login.Name.value ; var sPassword = document.form_login.Password.value ; if ((sUserName =="") || (sUserName=="Your email")){ alert("User Email!"); return false ; } if ((sPassword =="") || (sPassword=="Your password")){ alert("Password!"); return false ; } } </script> </body> </html> -
在浏览器中输入
/var/www/html/simple_form.html打开如下网页 -
如果没有写邮箱或者密码就提交，就会出现提示输入
2.3Web后端：MySQL基础
-
输入
/etc/init.d/mysql start开启MySQL：
-
输入
musql -u -root -p使用root权限进入，密码是password
-
使用
show databases；查看数据库基本信息
-
输入
use mysql；选择使用mysql数据库
-
输入
select user, password, host from user;查看当前用户信息
-
输入
update user set password=PASSWORD("5205") where user='root';修改密码
-
输入
flush privileges;，更新权限
-
输入
exit退出数据库，使用新的密码登录 -
使用
create database lzj_5205;建立数据库 -
-
使用
use lzj_5205;使用我们创建的数据库 -
-
使用
create table login(username VARCHAR(20),password VARCHAR(20));建立数据库表，并设置字段基本信息
-
使用
show tables;查看表信息
-
使用
insert into login values('20165205@qq.com','20165205');插入数据 -
使用
select * from login;查询表中的数据
-
添加新用户
grant select,insert,update,delete on lzj.* to lzj@localhost identified by "20165205";
-
增加新用户后，
exit退出，然后使用新的用户名和密码进行登录：
2.4 Web后端：编写PHP网页
-
在
/var/www/html目录下新建PHP测试文件<?php echo ($_GET["a"]); include($_GET["a"]); echo "Hello word! This is my php test page!<br>"; ?> -
浏览器网址栏中输入
127.0.0.1/phptest.php，可看到文件的内容
-
也可以在浏览器网址栏中输入
127.0.0.1/phptest.php?a=/etc/passwd，可看到/etc/passwd文件的内容
-
浏览器中输入
127.0.0.1/login.php,连接成功则显示connection ok！ -
利用PHP和MySQL，结合之前编写的登录网页进行登录身份认证，修改后的login.php代码如下：
<?php $uname=$_POST["Email"]; $pwd=$_POST["Password"]; echo $uname; $query_str="SELECT * FROM login where username='$uname' and password='$pwd';"; $mysqli = new mysqli("127.0.0.1", "lzj", "20165205", "lzj_login"); $query_str1="use lzj;"; /* check connection */ if ($mysqli->connect_errno) { printf("Connect failed: %s ", $mysqli->connect_error); exit(); } echo "connection ok!"; /* Select queries return a resultset */ if ($result = $mysqli->query($query_str1)) echo"<br>Success into database!"; echo$uname; 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(); ?> -
在浏览器输入
127.0.0.1/login.html访问自己的登录界面 -
输入用户名和密码进行认证，成功登陆如下图所示
2.5最简单的SQL注入，XSS攻击
-
SQL注入
- 在用户名输入框输入
' or 1=1#，密码任意输入，可登陆成功
- 在用户名输入框输入
-
XSS攻击
- 将一张图片放在/var/www/html目录下，在用户名输入框输入
，密码随意，就可以读取图片了
- 将一张图片放在/var/www/html目录下，在用户名输入框输入
遇到的问题
- 问题，跳转时打不开php页面
- 发现可能是后来打开的时候设置错了打开方式，后来恢复了快照又做了一次才好。
实验总结
通过学习，了解了网页与数据库的交互方式，也学习到了针对代码的漏洞攻击，通过写入一个永真式然后将其他信息注释掉，来达到不论密码输入什么都能登录成功的一个效果，也让我体会到了防范注入攻击的重要性。