实践目标

  • 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. postgresql安装、可整理成一键安装PG脚本

    yum -y install gcc make readline zlib readline-devel zlib-develtar -jxvf postgresql-9.5.2.tar.bz2cd ...

  2. python数据结构之堆栈

    本篇我以堆栈的数据类型和操作方法两个方面总结学习笔记 堆栈(Stack) 一种后进先出(LIFO)的线性数据结构,对堆栈的插入和删除操作都只能在栈顶(top)进行. 堆栈可以通过数组和链表轻松实现 一 ...

  3. Mac操作技巧

    Command+Option+P+R,重置PRAM的. 官方关于重置PRAM的说明.(有助于电脑提速) 安装新版系统的时候失败,原因是下载的镜像有问题版本不对,具体是中国区暂未更新镜像,下载下来的有问 ...

  4. 02 - nginx - 反向代理、限速

    一.Nginx反向代理 代理服务器,客户机在发送请求时,不会直接发送给目的主机,而是先发送给代理服务器. 代理服务接受客户机请求之后,再向主机发出,并接收目的主机返回的数据,存放在代理服务器的硬盘中, ...

  5. Python开发【笔记】：加锁的最佳方案

    避开死锁 代码程序中,尽量要避免死锁的产生,下面分析常见的线程锁使用方式 :注:只有同一把锁才会产生互斥 1.常见的死锁方式(加锁时程序报错,锁未释放): import time import thr ...

  6. java获取系统当前服务器IP地址

    public String getServiceIp(){ InetAddress address; String myIp; try { address = InetAddress.getLocal ...

  7. mysql 数据备份与恢复

    1.mysql的备份 命令:"mysqldump -u root -p 数据库名 [表名] > 备份文件名" 不写表名默认备份所有整个数据库. 注意:备份的文件中没有创建数据 ...

  8. mysql 权限管理 针对某个库 某张表 授权 tables_priv表

    精确到表级别 针对db1的t3表 授予select权限 mysql> grant select on db1.t3 to 'mike'@'localhost'; Query OK, rows a ...

  9. VUE 使用之：nextTick

    <div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if ...

  10. CentOS7更改Docker默认镜像和容器存储位置

    图片出处:https://bobcares.com/wp-content/uploads/docker-change-directory.jpg 一.Why? 通常,当你开始使用docker时,我们并 ...