实践目标

  • Web前端HTML

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

  • Web前端javascipt

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

  • Web后端：MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表

  • Web后端：编写PHP网页，连接数据库，进行用户认证

  • 最简单的SQL注入，XSS攻击测试

实验后回答问题

什么是表单

  • 表单：可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁。 表单包括两个部分：一部分是HTML源代码用于描述表单，另一部分是脚本或应用程序用于处理提交的信息，搜集表单数据。表单由文本域、复选框、单选框、菜单、文件地址域、按钮等表单对象组成，所有的部分都包含在一个由标识符标志起来的表单结构中，种类有注册表、留言薄、站点导航条、搜索引擎等。

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

  • 超文本标记语言：HTML

  • 可扩展标记语言：XML

    脚本语言

  • ASP全名Active Server Pages，是一个WEB服务器端的开发环境，采用脚本语言Java script作为自己的开发语言。

  • PHP是一种跨平台的服务器端的嵌入式脚本语言，借用C,Java和Perl语言的语法, 并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。

  • JSP是Sun公司推出的新一代网站开发语言，JSP（Java Server Page）JSP可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。

WebServer支持哪些动态语言

  • 常用的有ASP语言，PHP语言和JSP语言

实验总结与体会

  • 实验时候各种手抖，输错一个符号或漏一个字符就出现错误，一个实验做好多遍，心累啊。html网页是与用户交互的界面，需要做到界面友好美观，同时也要注意每个句子的语法，特别是按钮提交到后台的语句action,javascript实现与提交到后台连接操作，php实现后端数据库操作。本次实验实现简单的web前端与后台的交互操作，并对数据库设计的漏洞进行简单的攻击，有利于更好的学习数据库。

实践过程记录

Web前端HTML

安装、启停Apache

  • 设置apache监听端口为80，并开启

  • 浏览器上输入localhost:80，页面跳转到上次克隆的网页

一个简单的含有表单的HTML

  • 在apache工作目录cd /var/www/html下新建一个20145329.html文件，编写一个html网页

  • 它在win8本机浏览器上本来是这个样子的

  • 但是到了kali浏览器上（打开浏览器访问：localhost:8088/20145329.html，成功出现如下界面）不识别背景图片路径以及编码方式不同，就变成了这个样子

  • 可以通过alt->view->Text Encoding->Unicode修改编码方式，但是为了方便还是使用英文吧

  • 随意输入字符到用户名和密码，网页没有连接后台，所以login后出现"Not Found"

  • JavaScript



        <html>

	<head>

        <meta charset ="UTF-8">

	    <script type="text/javascript">

	    (function disp_alert()

	    {

	        var sUserName = document.form.username.value ;

	        var sPassword = document.form.password.value ;

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

	            alert("Please input the username!");

	            return false ;

	        }  

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

	            alert("Please input the password!");

	            return false ;

	        }

	    }

        </script>

	</head>

	<body>

	<form name='form' class="form" method='get' action='login.php' >

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

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

	<button type="submit" onclick="disp_alert()"  value="submit" />submit</button>

         </body>

        </html>
  • 验证用户名、密码的规则

Web后端

php测试

  • 代码

    ";
    ?>

    20145329

  • 在浏览器中输入localhost:80/5329test.php,显示

mysql

  • 安装、启动MySQL：/etc/init.d/mysql start,并以root身份登录：mysql -u root -p

  • 显示各个数据库名称，并显示mysql库中已有的用户名、密码与权限



  • 修改密码

  • 更新权限

  • exit退出当前用户并重新使用新密码进入

  • 创建用户

  • 建库

  • 建表

  • 往新建的库里面插入数据

Web后端

PHP网页

  • 在/var/www/html文件夹下输入leafpad login.html，编写登录网页,在同样的目录下输入leafpad login.php，通过php连接数据库

  • 连接数据库，括号里面依次为主机、mysql用户、密码、数据库名称

  • 进行用户认证：在浏览器中输入localhost:80/login.html访问登陆页面

  • 登录失败，请教了棒棒哒昊阳同学，是因为新建的表单里面我的密码是经过hash的，而我的php代码里面取得我输入的密码提交到数据库对比的时候是没有经过hash的，所以输入对的密码也会比对失败，不能登录成功，修改php代码，把输入密码框里的密码做一个hash处理就可以比对成功修改部位如下：

  • 输入正确用户名和密码，登录成功

  • 用户名和密码错误，登录失败

  • 给登录成功一个welcome的页面，在/var/www/html目录下新建一个welcome.php,代码参照LTC同学的，在login.php就加入下列代码

  • 登录成功后跳转到如下界面

最简单的SQL注入

  • SQL注入的产生通常是将用户输入的字符串，当成了 “sql语句” 来执行，比如在用户名输入一个永真式：' or 1=1#，一定能登陆成功，密码随便输入，合成SQL查询语句为select * from users where username='' or 1=1#' and password=md5('')

    等价于一下两句sql语句：

    select * from users where username='' or 1=1#' and password=md5('')

    select * from users where username='' or 1=1

  • 用户名中输入' or 1=1#永真式，密码随意

  • 登陆成功

  • 通过SQL注入将用户名和密码保存在数据库中'insert into users(userid,username,password,enabled) values(2,'29',password("123456"),"TRUE");#

    翻译过来就是SELECT * FROM users WHERE username='';insert into users (userid,username,password,enabled) values(2,'29',password("123456"),"TRUE"");

    把($result = $mysqli->query($query_str))改为$result = $mysqli->multi_query($query_str)实现可以执行多条SQL语句

  • 用户名输入sql语句，密码为空，登录显示

  • 数据库中查询有新的语句加入

  • 返回登陆界面，使用刚刚插入的用户名和密码登录成功

XSS攻击测试

  • 登录界面用户名输入

  • 登录出现下图

20145329 《网络对抗技术》Web基础的更多相关文章

  1. 20145326蔡馨熤《网络对抗》—— Web基础

    20145326蔡馨熤<网络对抗>—— Web基础 1.实验后回答问题 (1)什么是表单. 表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入信息的元素,表单在网页中主要负责数据 ...

  2. 20155305《网络对抗》Web基础

    20155305<网络对抗>Web基础 实验过程 Web前端:HTML 使用netstat -aptn查看80端口是否被占用(上次实验设置为Apache使用80端口),如果被占用了就kil ...

  3. 20155307实验八 《网络对抗》 Web基础

    20155307实验八 <网络对抗> Web基础 实验过程 Web前端:HTML 使用netstat -aptn查看80端口是否被占用(上次实验设置为Apache使用80端口),如果被占用 ...

  4. 20155311《网络对抗》Web基础

    20155311<网络对抗>Web基础 实验过程 Web前端:HTML 使用netstat -aptn查看80端口是否被占用(上次实验设置为Apache使用80端口),如果被占用了就kil ...

  5. 20145216史婧瑶《网络对抗》Web基础

    20145216史婧瑶<网络对抗>Web基础 实验问题回答 (1)什么是表单 表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签.表单域.表单按钮. (2)浏览器可以 ...

  6. 20145227鄢曼君《网络对抗》Web基础

    20145227鄢曼君<网络对抗>Web基础 实验内容 (1)Web前端HTML (2)Web前端javascipt (3)Web后端:MySQL基础:正常安装.启动MySQL,建库.创建 ...

  7. 20145312袁心《网络对抗》Web基础实践

    20145312袁心<网络对抗>Web基础实践 问题回答 1.什么是表单: 表单在网页中主要负责数据采集功能. 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程 ...

  8. 20145321 《网络对抗》 Web基础

    20145321 <网络对抗> Web基础 基础问题回答 (1)什么是表单 表单在网页中主要负责数据采集功能,一个表单有三个基本组成部分:表单标签——这里面包含了处理表单数据所用CGI程序 ...

  9. 20145330 《网络对抗》 Web基础

    20145330 <网络对抗> Web基础 1.实践内容 (1)Web前端HTML (2)Web前端javascipt (3)Web后端:MySQL基础:正常安装.启动MySQL,建库.创 ...

  10. 20144303石宇森 《网络对抗》 WEB基础实践

    20144303石宇森 <网络对抗> WEB基础实践 实验后回答问题 一.什么是表单 表单是一个包含表单元素的区域.用form来定义. HTML是静态显示网页的,无法跟服务器进行交互,所以 ...

随机推荐

  1. python3学习笔记(9)_closure

    #python 学习笔记 2017/07/13 # !/usr/bin/env python3 # -*- conding:utf-8 -*- #从高阶函数的定义,我们可以知道,把函数作为参数的函数, ...

  2. Qt Creator 4.3.0，Quick Designer里面也看以同时看到和编辑qml code了（Qt5.9的配套IDE）

    作者:Summer Fang链接:https://www.zhihu.com/question/60486611/answer/177584284来源:知乎著作权归作者所有.商业转载请联系作者获得授权 ...

  3. python 基础3 函数

    函数是什么? 函数一词来源于数学,但编程中的「函数」概念,与数学中的函数是有很大不同的,具体区别,我们后面会讲,编程中的函数在英文中也有很多不同的叫法.在BASIC中叫做subroutine(子过程或 ...

  4. [py][mx]django注册-邮件激活

    人生,学习,就是一段旅途, 说是放弃,其实是自信心作祟. 因为不同时间段状态,譬如晚上和早上刚来状态不一样.做相同事情容器失去自信而放弃. 坚持可以打破这个魔咒 还有就是有些问题得分割, 不要让压死牛 ...

  5. 更改docker服务网段分配地址

    docker安装完毕后,会自动生成一个网卡名为docker0的网桥,如果其默认分配的网段地址和已有地址段冲突,可按如下步骤修改. 查看默认地址段如下 docker0: flags=4099<UP ...

  6. 验证 Googlebot （检查是否为真的Google机器人）

    您可以验证访问您服务器的网页抓取工具是否确实是 Googlebot(还是其他 Google 用户代理).如果您担心自称是 Googlebot 的垃圾内容发布者或其他麻烦制造者访问您的网站,则会发现该方 ...

  7. opencv3寻找最小包围矩形在图像中的应用-滚动条

    #include<opencv2/opencv.hpp> #include<iostream> #include<vector> using namespace c ...

  8. Jmeter CSV Data Set Config参数化

    在使用Jemeter做压力测试的时候,往往需要参数化用户名,密码以到达到多用户使用不同的用户名密码登录的目的.这个时候我们就可以使用CSV Data Set Config实现参数化登录: 首先通过Te ...

  9. Mybatis—三剑客之generator使用方法

    三剑客之generator主要用于自动生成POJO实体类   准备素材: mybatis-generator-core-1.3.2.jar     mysql-connector-java-5.1.2 ...

  10. zw版【转发·台湾nvp系列Delphi例程】HALCON TestRegionPoint1

    zw版[转发·台湾nvp系列Delphi例程]HALCON TestRegionPoint1 unit Unit1;interfaceuses Windows, Messages, SysUtils, ...