实验内容

实验1：Web前端HTML

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

1.开启Apache服务

  • 思路：使用service apache2 start命令启动服务

  • （1）查看80端口是否被占用，有则使用kill 进程ID指令杀死该进程

  • 命令：```netstat -tupln |grep 5316``

  • （2）打开apache配置文件，修改监听端口为5316端口

  • 配置文件路径：/etc/apache2/ports.conf

    -

  • （3）打开apache服务

  • 打开apache服务：service apache2 start

2.编写一个含有表单的HTML

  • 思路：在apache2工作目录下编写一个HTML，利用apache2进行发布
  • （1）进入apache2的工作目录/var/www/html，创建login_test.html文件
  • （2）编写HTML
<html>

<head>

<title>login_test</title>

</head>

<body>

    <form action="login_test.php" method="POST">

    <p>Username:<input type="text" name="username" value=""/></p>

    <p>Password:  <input type="password" name="password" value=""/></p>

    <p><input type="submit" value="Login POST"/></p>

    </form>

</body>

</html>

  • （3）打开浏览器，输入http://127.0.0.1:5316/login_test.html即可打开

  • （4）在网页上输入用户名密码，提交表单，可以发现跳转至NOT FOUND提示网页，这是因为我们只做了前端的代码

关于GET与POST

  • method参数如果是GET,后面的输入值会显示在URL中提交；如果是POST则封装到数据中提交

实验2：Web前端javascipt

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

编写JavaScript验证用户名、密码的规则

  • vim login_test2.html
<html>

<head>

<title>login_test</title>

<script>

function inputTest(){

    var username =document.getElementById("username").value;

    var pwd = document.getElementById("pwd").value;

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

    {

        alert("Username or Password can not be empty!");

        return false;

    }

    else if (pwd.length > 20 || pwd.length < 4)

    {

        alert("Password must be between 4 and 20 characters in length!");

        return false;

    }

    else

    {

        return true;

    }

}

</script>

＜/script＞

</head>

<body>

    <form action="login_test.php" method="POST" onsubmit="return inputTest()">

    <p>Username：<input type="text" name="username" value="" id="username"/></p>

    <p>Password：  <input type="password" name="password" value="" id="pwd"/></p>

    <p><input type="submit" value="Login POST"/></p>

    </form>

</body>

</html>

  • 用户名和密码为空的情况：

  • 密码不在4到20位的情况：

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

安装并启动MySQL

  • 安装：sudo apt-get install mysql
  • 启动：/etc/init.d/mysql start

MySQL基本操作

  • （1）登录

  • mysql -u root -p

  • （2）查看基本信息

  • show databases;

  • （3）修改密码

  • 进入已有的数据库mysql，查看用户名、密码与权限

  • 修改root用户的密码为new，并查看数据表中的变化情况

  • 重新登录一下MySql，看新密码对不对

  • 登录成功

  • （4）创建一个数据库LoginTest

  • CREATE SCHEMA LoginTest;

  • （5）选择所创建的数据库并在里面创建一个数据表

  • 进入数据库LoginTest

  • use LoginTest

  • 创建数据表logintest

  • 插入记录

  • insert into users(userid,username,password,enabled) values(0,'pm3',12345,"TRUE");

  • （6）把user.login进行查询的权限赋给本机登录的root用户

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

PHP是什么？

  • 一种被广泛应用的开放源代码的多用途脚本语言，可嵌入到 HTML中
  • PHP简易教程

与C或Perl语言写的脚本之间的区别

  • PHP 页面就是HTML，只不过在其中嵌入了一些代码来做一些事情。
  • PHP代码被包含在特殊的起始符和结束符 中，使得可以进出“PHP 模式”。

与客户端的 JavaScript 的区别

  • PHP 代码是运行在服务端的。如果在服务器上建立了PHP代码，则在运行该脚本后，客户端就能接收到其结果，但他们无法得知其背后的代码是如何运作的。甚至可以将 web 服务器设置成让 PHP 来处理所有的 HTML 文件，这么一来，用户就无法得知服务端到底做了什么。

测试PHP

  • 在 Apache服务器根目录（DOCUMENT_ROOT）/var/www/html下建立一个文件名为hello.php，编写如下内容：
<html>

 <head>

  <title>PHP 测试</title>

 </head>

 <body>

 <h3>题1：打印hello PM</h3>

 <?php echo '<p>Hello PM</p>'; ?>

 <h3>题2：获取系统信息</h3>

 <?php phpinfo(); ?> 

 <h3>题3：打印一个变量（数组元素），检查浏览页面的访问者在用什么浏览器</h3>

 <?php

echo $_SERVER['HTTP_USER_AGENT'];

?>

<h3>题4：识别 Internet Explorer</h3>

<?php

if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== FALSE) {

    echo '正在使用 Internet Explorer。<br />';

}else{

    echo '没有使用 Internet Explorer。<br />'；

}

?>

 <!--流程控制与函数的使用，识别 Internet Explorer;strpos() 是 PHP 的一个内置函数，其功能是在一个字符串中搜索另外一个字符串-->

<h3>题5：混和HTML和PHP模式</h3>

 <?php

if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== FALSE) {

?>

<h5>strpos() 肯定没有返回假 (FALSE)</h5>

<p>正在使用 Internet Explorer</p>

<?php

} else {

?>

<h5>strpos() 肯定返回假 (FALSE)</h5>

<b>没有使用 Internet Explorer</b>

<?php

}

?>

 </body>

</html>

  • 在浏览器的地址栏里输入http://127.0.0.1/hello.php，访问这个文件。

  • 这个文件被PHP解析，输出如下结果：

  • ......

编写PHP网页，连接数据库，进行用户认证

  • 已经有了前台login_test2.html，现在所需要编写的是表单提交至的后台login_test.php文件
  • 文件内容如下：
<html>

<body>

<?php

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

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

/* echo $uname; */

$query_str="SELECT * FROM users where username='{$uname}' and password='{$pwd}';";

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

$mysqli = new mysqli("127.0.0.1", "root", "1", "LoginTest");

/* check connection */

if ($mysqli->connect_errno) {

    printf("Connect failed: %s\n", $mysqli->connect_error);

    exit();

}

/* Select queries return a resultset */

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

    if ($result->num_rows > 0 ){

        echo "<br> Wellcome login Mr/Mrs:{$uname} <br> ";

    } else {

        echo $uname;

        echo "<br> login failed!!!! <br> " ;

    }

    /* free result set */

    $result->close();

}

$mysqli->close();

?>

</body>

</html>

  • 在浏览器打开http://127.0.0.1:5316/login_test2.html

  • 情况1：输入LoginTest数据库users表中存在的用户登录

  • 情况2：用户名或密码不存在

实验5：最简单的SQL注入，XSS攻击测试

功能描述：用户能登陆，登陆用户名密码保存在数据库中，登陆成功显示欢迎页面。

SQL注入

  • 用户名输入' or 1=1#，密码随便输入一个4-20位的值，即可登录成功

XSS攻击测试

  • 用户名输入<img src="login_test.jpg " />20155316</a>，密码随便输入一个4-20位的值，读取/var/www/html目录下的图片

基础问题回答

什么是表单

  • 相当于一组数据的打包

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

  • html、css、js、xml等语言，像PHP这种是在服务器上完成的

WebServer支持哪些动态语言

  • ASP，JSP和PHP

实验体会

（，，沉迷雅儿的美色不可自拔ORZ，最后能放出雅儿的美图真是十分开心，突然特别想把能放出雅儿图片的攻击都学个遍）

这次的实验初步体验了如何在linux的环境下进行网页的编写与发布，了解了HTML、PHP的编写方法，了解了SQL和XXL的攻击方式。

20155316 《网络对抗》Exp8 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. Postman Postman测试接口之POST提交本地文件数据

    Postman测试接口之POST提交本地文件数据   by:授客 QQ:1033553122 本文主要是针对用Postman POST提交本地文件数据的方法做个简单介绍 举例: 文件同步接口 接口地址 ...

  2. Vue -- vue-cli webpack打包开启Gzip 报错

    前两天项目上线,用vue-cli npm run build命令打包,打包完成后我擦吓了一跳,15M.本来暂时不打算优化的,但是每次看着部署包这么大,想想还是先优化一下,让包好看点,免得以后出现心理阴 ...

  3. LeetCode题解之Counting Bits

    1.题目描述 2.问题分析 利用bitset. 3 代码 vector<int> countBits(int num) { vector<int> v; ; i <= n ...

  4. python被游标坑了

    为了方便,这次就不单独写脚本了,直接一步一步执行下来就好了先说下游标,就是一个指针,比如我有1234每条占一行,那么初始游标默认是在1的位置,当read(1)后,游标自动向下next,现在指在2的位置 ...

  5. python-ldap修改AD域用户密码（CA+SSL）

    代码连接:https://github.com/raykuan/ldap-notes 使用python的ldap模块连接AD服务器,有两种方式: 非加密:con = ldap.initialize(' ...

  6. SQL 的各种 join 用法

    作者丨C.L. Moffatt http://www.codeproject.com/Articles/33052/Visual-Representation-of-SQL-Joins I am go ...

  7. 【转】Java学习---JDK、JRE和JVM的关系

    [原文]https://www.toutiao.com/i6591348937267872269/ 首先是JDK JDK(Java Development Kit) 是 Java 语言的软件开发工具包 ...

  8. css常见知识点

    1.内核区分 希望某一个浏览器能一统江湖 -ms-transform:rotate(7deg); //-ms代表ie内核识别码 -moz-transform:rotate(7deg); //-moz代 ...

  9. apache 虚拟主机及phpmyadmin 配置

    NameVirtualHost *:80 <VirtualHost *:80> ServerName www.ly.comDocumentRoot E:/mywww </Virtua ...

  10. [Eclipse]在重命令文件名时，提示编码格式有问题导致修改失败，需要设置如下几个默认编码为UTF-8

    需要设置的几处地方为: 1.Window->Preferences->General ->Content Type->Text->JSP 最下面设置为UTF-8 2. W ...