Exp8 WEB基础实践

Apache环境配置

  • apache是kali下的web服务器，通过访问ip地址+端口号+文件名称可以打开对应的网页。

  • 输入命令vi /etc/apache2/ports.conf更改apache2的监听端口号（为我的学号5210），利用systemctl start apache2打开apache2。（EXP7已经进行过此操作）

  • 并使用netstat -aptn查看端口号，确认apache正确开启。

如图：

  • 然后利用kali自带的浏览器访问192.168.241.141:5210（本机地址+你设置的监听的端口），可验证apache已经开启

如图：

  • Apache的工作目录是/var/www/html，可以测试apache是否可读取工作目录下的文件vi /var/www/html/20155210.txt，然后随意输入一串字符，浏览器打开 192.168.241.141:5210/20155210.txt，可看到20155210.txt的内容。

如图：

前端编程

  • 我们在/var/www/html目录下编写20155210.html代码
<html>

	<head>

		<title>login</title>

	</head>

	<body>

		<form name=“form” action="20155210.php" method="post">

		        Username:<input type="text" name="user"><p>

			Password:<input type="password" name="pw"><p>

			<input type="submit" value="submit">

		</form>

	</body>

</html>
  • 在浏览器中打开，如图：

  • 此时输入username，password，则会跳转到404 not found，所以接下来我们编写一个php

PHP测试

  • 新建一个PHP测试文件vi /var/www/html/20155210.php输入如下
<?php

$user=($_POST["user"]);

$psw=($_POST["pw"]);

echo "welcome ";

echo $user;

?>
  • 然后，我们进入20155210.html，进行登录，就会跳转到20155210.php

如图：

web前端javascript

  • JavaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
  • 文档对象模型(Document Object Model，简称DOM，是W3C组织推荐的处理可扩展标志语言的标准编程接口。
  • 编写验证用户名和密码的规则：用户名密码不能为空，密码长度在6-16之间
<script language="javascript">

function check(form){

                 var Username =form.user.value;

                 var pwd =form.pw.value;

                  if((Username == "")||(pwd == ""))//如果用户名为空

                  {

                        alert("用户名或密码不能为空");

                        return false;

                  }

  if (pwd.length > 16 || pwd.length < 6)

  {

    alert("密码长度应该在 6 - 16 位");

    return false;

  }

  form.submit();

}

</script>
  • 同时我们对前端也进行修改，改写为如下代码
<html>

	<head>

		<title>login</title>

		<meta charset="utf-8"/>

		<script language="javascript">

			function check(form){

				var Username =form.user.value;

				var pwd =form.pw.value;

				if((Username == "")||(pwd == ""))//如果用户名为空

				{

					alert("用户名或密码不能为空");

					return false;

				}

				if (pwd.length > 16 || pwd.length < 6)

				{

					alert("密码长度应该在 6 - 16 位");

					return false;

				}

				form.submit();

			}

		</script>

	</head>

	<body>

		<form name="form" method="post" action="20155210.php">

		        Username:<input type="text" name="user"><p>

			Password:<input type="password" name="pw"><p>

			<input type="button" value="submit" onclick="check(form)">

		</form>

	</body>

</html>
  • 测试结果如下：

Web后端，MySQL基础

  • 安装：apt-get install mysql（kali自带，不用安装）

  • 启动mysql：/etc/init.d/mysql start

    如图：

  • 输入mysql -u root -p，并根据提示输入密码，默认密码为p@ssw0rd进入MySQL

    如图：

  • 查看基本信息：show databases

    如图：

  • 然后，我们创建一个数据库TestLogin：CREATE SCHEMA TestLogin;

  • 输入use TestLogin选择所创建的数据库

  • 接下来创建一个数据库表

create table `users`(

`userid` int not null comment '',

`username` varchar(45) null comment '',

`password` varchar(256) null comment '',

`enabled` varchar(5) null comment '',

primary key (`userid`) comment '');

如图：

  • 输入insert into users(userid,username,password,enabled) values( 1,'20155210',password("20155210"),"TRUE");，添加信息

  • 输入select * from users进行查询

    如图：

  • 接下来，我们对20155210.php进行改编，连接数据库

  • php如何链接数据库：

  • 第一步：创建链接，并选择需要的数据库

$a = mysql_connect("localhost","root","","db");

括号里面参数的意思：

1.localhost——IP地址，localhost是本机的意思，如果需要连接别的服务器，那么就需要输入要连接的服务器的IP地址

2.root——用户名，要连接到的服务器的用户名，创建服务器时保存的用户名是什么就写什么

3.""——服务器密码，要连接到的服务器的密码，没有密码的话就在双引号内什么都不写，但是不能省略双引号

4."db"——数据库名字，所要链接的数据库是什么就写什么

5.$a——如果连接成功，那么会返回一个MySQL连接标识或者连接失败的时候返回一个FALSE，既然有返回值，我们就需要创建一个变量去接收它

  • 第二步：写sql语句

$q = "select * from users";——查询users表中的所有数据

  • 第三步：执行sql语句
$w=mysql_query($q);

调用mysql_query()这个方法来执行这条SQL语句，当它执行完后会返回一个结果集，我们需要再创建一个变量去接收它

$q——代表SQL语句的变量

$w——接受结果集的变量

  • 第四步：从结果集中读取数据
if($username = mysql_fetch_row($w))

{echo "welcome ";echo $username;}
  • 改编代码：
<?php

$user=($_POST["user"]);

$psw=($_POST["pw"]);

if($user==""||$psw=="")

{

	echo"<script>alert('Please enter your name and password!');history.go(-1);</script>"

}

else

{

	$link=mysqli_connect(“192.168.241.142:5210”,“root”,“p@ssw0rd”,“TestLogin”);

	mysqli_select_db($link,"TestLogin");

	mysqli_query($link,'setname utf8');

	$sql="select username,password from users where username='$_POST[user]' and password=password('$psw') ";

	$result=mysqli_query($link,$sql);

	$row=mysqli_fetch_array($result);

	if($num=mysqli_num_rows($result))

	{

		echo "welcome ";

		echo $user;

	}

	else

	{

		echo"<script>alert('Wrong username or password!');history.go(-1);</script>";

	}

}

?>
  • 输入数据库中每有的数据，则会出现

    如图：

简单SQL注入

  • sql查询语句为：select 列 from 表 where username= ' ' ，那么当在SQL语句后加上 'or 1=1# ，则会变成 ： select 列 from 表 where username=' 'or 1=1#' ，或许能成功
  • 所以我们的后台语句：SELECT username,password FROM users WHERE username='' and password=（''）要被变为select username,password from users where username=' 'or 1=1#' and password=('')，在用户名框中输入 'or 1=1#，密码随便，可以看到登陆成功

如图：

  • 或者在用户名框中输入';insert into users(userid,username,password,enabled) values(2,'1552',password("1552"),"TRUE");#，就可以直接在数据库中添加用户信息（由于我编辑的php，用的是$result=mysqli_query($link,$sql);，只能执行一条sql查询，不能成功。所以应改用$result = $mysqli->multi_query($query_str);，即可成功）

如图：

XSS攻击

  • XSS：XSS表示Cross Site Scripting(跨站脚本攻击)，通过插入恶意脚本，实现对用户游览器的控制。具体来说假如用户提交的数据含有js代码，不做任何处理就保存到了数据库，读出来的时候这段js代码就变成了可执行的代码。一般用户提交的数据永远被认为是不安全的，在保存之前要做对应的处理。

  • xss攻击可以分成两种类型：非持久型攻击、持久型攻击

  • 非持久型xss攻击：顾名思义，非持久型xss攻击是一次性的，仅对当次的页面访问产生影响。非持久型xss攻击要求用户访问一个被攻击者篡改后的链接，用户访问该链接时，被植入的攻击脚本被用户游览器执行，从而达到攻击目的。

  • 持久型xss攻击：持久型xss，会把攻击者的数据存储在服务器端，攻击行为将伴随着攻击数据一直存在。

  • 我们来进行简单的xss攻击，如：在用户名输入框中输入读取图片，图片和网页代码在同一文件夹下，即可成功。

如图：

基础问题回答

（1）什么是表单

  • 表单是一个包含表单元素的区域。
  • 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
  • 表单使用表单标签（

    ）定义。

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

  • 超文本标记语言：HTML
  • 可扩展标记语言：XML
  • 脚本语言：ASP、PHP、Script、JavaScript、VBScript、Perl、Python、ColdFusion、Java、JSP等

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

  • ASP，JSP，PHP

实验感想

网页编程上学期就有接触过，但只是懂得一些表单的使用，就是一些简单的HTML语言，javascript语言，sql语言。但是，我们上学期也没有接触过php，数据库也没有详细学习应用，并不理解脚本在网页编程中的作用与危害。

20155210 Exp8 WEB基础实践的更多相关文章

  1. 20155206 Exp8 WEB基础实践

    20155206 Exp8 WEB基础实践 基础问题回答 (1)什么是表单 表单在网页中主要负责数据采集功能. 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以 ...

  2. 20155326《网路对抗》Exp8 WEB基础实践

    20155326<网路对抗>Exp8 WEB基础实践 实践内容 (1).Web前端HTML(0.5分) 能正常安装.启停Apache.理解HTML,理解表单,理解GET与POST方法,编写 ...

  3. 20145236《网络对抗》Exp8 WEB基础实践

    20145236<网路对抗>Exp8 WEB基础实践 一.基础问题回答 什么是表单 表单在网页中主要负责数据采集功能 一个表单有三个基本组成部分: 表单标签 表单域:包含了文本框.密码框. ...

  4. 20155216 Exp8 WEB基础实践

    Exp8 WEB基础实践 实践内容 Apache环境配置 apache是kali下的web服务器,通过访问 ip地址+端口号+文件名称 打开对应的网页. 输入命令 vi /etc/apache2/po ...

  5. 20155223 Exp8 WEB基础实践

    20155223 Exp8 WEB基础实践 基础问题回答 什么是表单? 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中(比如:文本域.下拉列表.单选框.复选框等等)输入信息的元素. 表单使 ...

  6. 20155331《网路对抗》Exp8 WEB基础实践

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

  7. 《网路对抗》Exp8 WEB基础实践

    20155336<网路对抗>Exp8 WEB基础实践 一.基础问题回答 1.什么是表单 表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域.下拉列表.单选框.复选框等等 ...

  8. 20145226夏艺华 网络对抗技术EXP8 WEB基础实践

    20145226夏艺华 网络对抗技术EXP8 WEB基础实践 实验问题回答 1.什么是表单? 表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CG ...

  9. 2017-2018-2 20155309南皓芯 Exp8 WEB基础实践

    基础问题回答 (1)什么是表单 表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域:包含了文本 ...

随机推荐

  1. 纯小白入手 vue3.0 CLI - 2.6 - 组件的复用

    vue3.0 CLI 真小白一步一步入手全教程系列:https://www.cnblogs.com/ndos/category/1295752.html 我的 github 地址 - vue3.0St ...

  2. 有关正则表达式的Js方法（replace）

    整理一下最近常用的几个有关正则的js方法 replace 语法:stringObject.replace(regexp/substr,replacement) 用法1 const str='abc13 ...

  3. 从ibd文件获取表空间id

    xtrabackup恢复过程中出现如下错误 InnoDB: Doing recovery: scanned up to log sequence number ( %) InnoDB: Doing r ...

  4. Oracle EBS OPM complete batch

    --complete_batch --created by jenrry SET serveroutput on DECLARE x_return_status VARCHAR2 (1); l_exc ...

  5. 转：C#综合揭秘——细说多线程（上）

    原文地址:http://www.cnblogs.com/leslies2/archive/2012/02/07/2310495.html 引言 本文主要从线程的基础用法,CLR线程池当中工作者线程与I ...

  6. db2错误代码大全

    ---恢复内容开始--- sqlcode sqlstate 说明000 00000 SQL语句成功完成01xxx SQL语句成功完成,但是有警告+012 01545 未限定的列名被解释为一个有相互关系 ...

  7. python虚拟环境 -- virtualenv , virtualenvwrapper

    virtualenv -- python虚拟沙盒 有人说:virtualenv.fabric 和 pip 是 pythoneer 的三大神器. 一.安装 pip install virtualenv ...

  8. How HashMap works in java 2

    https://www.javacodegeeks.com/2014/03/how-hashmap-works-in-java.html   Most common interview questio ...

  9. JavaScript原型链基础(prototype chain)

    1.函数基础 2.对象基础 3.原型链基础

  10. 【Python求助】在eclipse和pycharm中，通过adb install安装中文名字APK时老是报错，如何解决

    # -*- coding: utf-8 -*- import os import sys import subprocess import time from uiautomator import d ...