20155202《网络对抗》Exp8 Web基础

2023-07-26 10:11:46

20155202《网络对抗》Exp8 Web基础

基础问题回答

什么是表单？

表单是一个包含表单元素的区域，表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素，表单在网页中主要负责数据采集功能，一个表单有三个基本组成部分：表单标签、表单域、表单按钮；
表单标签（）：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法；
表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等；
表单按钮：包括提交按钮、复位按钮和一般按钮，用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

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

支持HTML（超文本标记语言）、XML（可扩展标记语言）以及Python、PHP、JavaScript、ASP等众多脚本语言。

WebServer支持哪些动态语言？

JavaScript、ASP、PHP、Ruby等脚本语言，ASP基于IIS WEB SERVER，是微软的服务器端脚本技术，PHP基于APACHE WEB SERVER，与ASP有几分类似，都是一种在服务器端执行的嵌入HTML文档的脚本语言。

实践内容

首先，我们的Web开发是基于Apache服务器进行的，对于Apache的安装，直接用指令`sudo apt-get install apache2`就可以，已经安装好Apache，对于Apache使用的端口我们也可以通过`sudo vi /etc/apache2/ports.conf`指令来进行修改，使用指令`apachectl start`打开Apache服务，使用`netstat -aptn`查看一下端口占用

在浏览器中输入localhost:80进行查看，如图所示，打开了上次实验克隆的网页，说明我们Apache正常工作：
cd var/www/html进入到Apache的工作目录下，vi test1.html新建一个含有表单的html，这是一个简单的登录页面，代码如下：

<html>

<head>

<title>test</title>

</head>

<body>

<table>

    <form method ="POST" action="#" name="frmLogin"  >

    <tr>

    <td>User：</td>

    <td><input type="text" name="username" value="zx" size="20" maxlength="20" /></td>

    <td> </td>

    <td> </td>

    </tr>

    <tr>

    <td>Password：</td>

    <td><input type="password" name="password" value="20155202" size="20" maxlength="20" /></td>

    <td> </td>

    <td> </td>

    </tr>

    <tr>

    <td><input type="checkbox" name="zlogin" value="1">auto login</td>

    </tr>

    <table>

    <tr>

        <td><input type="submit" name="login" value="login" /></td>

            <td><input type="reset" name="rs" value="rest" /></td>

        </tr>

    </table>

    </form>

</table>

</body>

</html>

结果如图：

method属性分Post和Get两种，其主要区别有以下几方面：

Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据；
Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL；
Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前，而Post的所有操作对用户来说都是不可见的；
Get传输的数据量小，这主要是因为受URL长度限制，而Post可以传输大量的数据，所以在上传文件只能使用Post；
使用Post传输的数据，可以通过设置编码的方式正确转化中文；而Get传输的数据却没有变化。

一般用post，因为它更安全

前端会用到javascript

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

下面是上学期 java web 编程时候的代码

实现了一个验证用户名、密码的规则

<html>

<head>

<title>test</title>

</head>

<body>

<table>

    <form method ="POST" action="#" name="frmLogin"  >

    <tr>

    <td>user</td>

       <td><input type="text" name="username" value="Your name" size="20" maxlength="20" onfocus="if (this.value=='Your name') this.value='';" /></td>

    <td> </td>

    <td> </td>

    </tr>

    <tr>

    <td>password</td>

  <td><input type="password" name="password" value="Your password" size="20" maxlength="20" onfocus="if (this.value=='Your password') this.value='';" /></td>

    <td> </td>

    <td> </td>

    </tr>

    <tr>

    <td><input type="checkbox" name="zlogin" value="1">auto login</td>

    </tr>

    <table>

    <tr>

        <td><input type="submit" name="login" value="login" onClick="return validateLogin()"/></td>

            <td><input type="reset" name="rs" value="reset" /></td>

        </tr>

    </table>

    </form>

</table>   

<script language="javascript">

    function validateLogin(){

        var sUserName = document.frmLogin.username.value ;

        var sPassword = document.frmLogin.password.value ;

        if ((sUserName =="") || (sUserName=="Your name")){

            alert("user name");

            return false ;

        }  

        if ((sPassword =="") || (sPassword=="Your password")){

            alert("password!");

            return false ;

        }  

    }

</script>

</body>

</html>

效果如下：

提示你是否输入用户名或者密码

接下来是web后台的编写，因为要用到数据库，所以可以用MySQL作为我们的数据库

先/etc/init.d/mysql start指令开启mysql服务，输入mysql -u root -p，输入密码，默认密码为password，进入MySQL
对密码进行修改：输入use mysql;，选择mysql数据库；输入update user set password=PASSWORD("20155202") where user='root';，修改密码；输入flush privileges;，更新权限；

这里注意在MySQL中输入命令后面都要带一个分号作为命令结束符：

尝试一下quit退出去再进来看看是不是已经改好了
1.create database 库名;建立一个数据库；使用show databases;查看存在的数据库；使用use 库名;使用刚刚创建的数据库：
2.使用create table 表名 (字段设定列表);建立数据表，数据表是数据库中一个非常重要的对象，一个数据库中可能包含若干个数据表；使用show tables;查看存在的数据表：
3.使用insert into 表名 values('值1','值2','值3'...);插入数据；使用select * from 表名;查询表中的数据：
还可以在MySQL中增加新用户，使用grant select,insert,update,delete on 数据库.* to 用户名@登录主机 identified by "密码";指令，如图所示，增加新用户之后，退出，重新使用新用户名和密码进行登录，登录成功说明增加新用户成功：

后端编程 PHP

PHP安装

sudo apt-get install php
PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。
在/var/www/html目录下新建一个PHP测试文件，简单了解一下它的一些语法：

<?php

  echo ($_GET["a"]);

  include($_GET["a"]);

  echo "This is zx php test page!<br>";

?>

浏览器打开localhost/back.php?a=/etc/passwd可看到/etc/passwd文件的内容，注意PHP变量大小写敏感：

出现问题，打不开，莫慌，因为我隔天做的，这个原因是一定要先打开Apache服务，我忘了开，apachectl start开启。
底部出现我的名字

简单测试完成后，开始利用PHP和MySQL结合之前编的登录网页进行简单的用户身份认证，编写login.php，代码如下所示：

<?php

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

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

/* echo $uname; */

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

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

$mysqli = new mysqli("127.0.0.1", "root", "20155202", "zx");

/* 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();

?>

这里127.0.0.1是本机地址，root是MySQL的用户名，20155202是我之前设置的登录密码，zx是数据库的库名。
先将之前编的登录网页的loginhtml代码中form的action属性由#改成login.php，即登录后跳转到login.php，放在/var/www/html目录下，再在火狐浏览器中访问登录页面：localhost:80/login.html

报错`Connect failed: Access denied for user 'root'@'localhost'`

我居然被进程拒绝了，难道是我用户名错了，去看看
这时进入/etc/mysql目录下，执行sudo vi debian.cnf或者sudo vimdebian.cnf查看里面的用户名和密码，

然后使用这个文件中的用户名和密码进入mysql，emmm还是被拒绝了
我按照网上说的解决办法感觉都不靠谱，于是想既然说我mysql的用户名错了，那我直接去改了mysql用户名得了，再加一个测试数据zxtest进数据库表里：

我还是强啊

没改数据库表
成功
copy了一个模板
再编一个页面welcome.php，再在login.php中加一行代码header("Refresh:1;url=welcome.php");，实现在登录成功1秒之后跳转到welcome.php页面：

SQL注入

SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意的）SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。

在用户名输入框中输入' or 1=1#，密码随便输入，这时候的合成后的SQL查询语句为

select * from lxmtable where username='' or 1=1#' and password=''

，#相当于注释符，会把后面的内容都注释掉，而1=1是永真式，所以这个条件肯定恒成立，所以能够成功登陆：

还可以通过SQL注入将用户名和密码保存在数据库中，但是得修改一下之前的代码，因为我们之前编的代码中

if ($result = $mysqli->query($query_str))

这条判断语句不允许多条sql语句执行，所以将它改成

if ($result = $mysqli->multi_query($query_str))

便能实现执行多个sql语句，接着在用户名输入框中输入

';insert into zxtable values('xx','5202');#

拆开来看就是

SELECT * FROM zxtable WHERE username='';、insert into zxtable values('xx','5202',);

，接着登录，再去查数据库：

发现添加了我们要的用户名，再重新登录，真的狗：

XSS攻击

漏洞原理：

XSS又叫CSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入其中Web里面的html代码会被执行，从而达到恶意的特殊目的。
进行测试，在用户名输入框中输入读取/var/www/html目录下的图片：

实验总结与原理：

这次实验我每天做一点，花了好几天，所以时间跨度比较大，而且加上虚拟机反复重启，遇到的问题特别的多，不过我还是被脚本攻击震撼到了，可能由于你这个工程师的代码安全性不高而导致无法估量的损失，如果放在*部门更加了不得，这次实验也让我领悟了一个生活哲理，所以做什么事情一定要精益求精，否则总会有人挑你的毛病（跑题了），所以好好学习编程，总有金子般的漏洞等待你的发现~~~

码农公寓

20155202《网络对抗》Exp8 Web基础

基础问题回答

什么是表单？

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

WebServer支持哪些动态语言？

实践内容

目录

method属性分Post和Get两种，其主要区别有以下几方面：

一般用post，因为它更安全

前端会用到javascript

下面是上学期 java web 编程时候的代码

提示你是否输入用户名或者密码

接下来是web后台的编写，因为要用到数据库，所以可以用MySQL作为我们的数据库

这里注意在MySQL中输入命令后面都要带一个分号作为命令结束符：

后端编程 PHP

简单测试完成后，开始利用PHP和MySQL结合之前编的登录网页进行简单的用户身份认证，编写login.php，代码如下所示：

报错Connect failed: Access denied for user 'root'@'localhost'

我还是强啊

SQL注入

XSS攻击

漏洞原理：

实验总结与原理：

相关文章

报错`Connect failed: Access denied for user 'root'@'localhost'`