20155220 《网络对抗》Exp 8 Web基础

基础问题回答

实践内容

1.Web前端HTML

配置环境

  • 正常安装、启动Apache
  • 安装：sudo apt-get install apache2
  • 启动：apachectl start
  • 查看端口占用情况：netstat -aptn

前端编程

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

<head>

    <title>login</title>

</head>

<body>

    <form name=“form” action="20155220.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>
  • 在浏览器中打开，如图：

PHP测试

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

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

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

echo "welcome ";

echo $user;

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

2.Web前端javascipt

  • 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="20155220.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>
  • 测试结果如下：

3.Web后端,MySQL基础

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

  • 登陆：mysql -u root -p 默认密码p@ssw0rd

  • 查看基本信息：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,'20155220',password("20155220"),"TRUE");，添加信息

  • 输入select * from users进行查询

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

  • 这里我们修改第二个任务的php文件，使之可以查询数据库

  • 测试如下：

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

SQL注入

  • 后台语句：SELECT username,password FROM users WHERE username='' and password=（''）要被变为select username,password from users where username='' or 1=1#' and password=('')，在用户名框中输入'or 1=1#，密码随便，可以看到登陆成功

xss攻击

  • 原理：攻击者利用网站漏洞（通常这些漏洞是指网站后台处理程序没有很好的对用户输入进行过滤），输入可以显示在页面上的、对其他用户造成影响的HTML代码；由于受害者浏览器对目标服务器的信任，当其访问目标服务器上被注入恶意脚本的页面后，这段恶意脚本可以顺利执行，实现获取用户cookie并可以利用用户身份进行非法操作的目的。

  • 在用户名输入框中输入<img src="5220.jpg"/>读取图片，图片和网页代码在同一文件夹下

  • 结果如图：

基础问题回答

（1）什么是表单

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

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

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

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

  • ASP，JSP，PHP

实验感想

虽然在上个学期的课程学习中接触过网页编程，但是只是简单的表格表单的设计，数据库有初步的了解，并没有深入的学习，对于php更是未有过接触，因此本次实验的代码还是借鉴了其他同学的。有了代码，实验进行的较为顺利，经过本次实验，对脚本对网页编程的危害有了更一步的认识。

20155220 《网络对抗》Exp 8 Web基础的更多相关文章

  1. 20155324王鸣宇 《网络对抗技术》Web基础

    20155324王鸣宇 <网络对抗技术>Web基础 实践要求 ①Web前端HTML: 能正常安装.启停Apache.理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HT ...

  2. 20155208徐子涵 《网络对抗技术》Web基础

    20155208徐子涵 <网络对抗技术>Web基础 实验要求 Web前端HTML Web前端javascipt Web后端:MySQL基础:正常安装.启动MySQL,建库.创建用户.修改密 ...

  3. 20145215《网络对抗》Exp8 Web基础

    20145215<网络对抗>Exp8 Web基础 基础问题回答 什么是表单? 表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域.下拉列表.单选框.复选框等等)输入信息 ...

  4. 20145208 蔡野 《网络对抗》Exp8 Web基础

    20145208 蔡野 <网络对抗>Exp8 Web基础 本实践的具体要求有: (1).Web前端HTML(1分) 能正常安装.启停Apache.理解HTML,理解表单,理解GET与POS ...

  5. 20145311 王亦徐 《网络对抗技术》 Web基础

    20145311 王亦徐 <网络对抗技术> Web基础 实验内容 简单的web前端页面(HTML.CSS等) 简单的web后台数据处理(PHP) Mysql数据库 一个简单的web登陆页面 ...

  6. 20145325张梓靖 《网络对抗技术》 Web基础

    20145325张梓靖 <网络对抗技术> Web基础 实验内容 开启apahce,设计web前端HTML 设计web前端javascipt 设计web后端mysql 设计web后端php ...

  7. 20155202《网络对抗》Exp8 Web基础

    20155202<网络对抗>Exp8 Web基础 基础问题回答 什么是表单? 表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域.下拉列表.单选框.复选框等等)输入信息 ...

  8. 20155204《网络对抗》Exp8 Web基础

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

  9. 20155217《网络对抗》Exp08 Web基础

    20155217<网络对抗>Exp08 Web基础 实践内容 Web前端:HTML基础 Web前端:javascipt基础 Web后端:MySQL基础 Web后端:PHP基础 SQL注入 ...

  10. 20155218《网络对抗》Exp8 Web基础

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

随机推荐

  1. 葡萄城报表 SP2新特性（2）— 智能钻取下级报表

    中国式复杂报表常常会因为一些特殊的行业规范存在着一些复杂的需求,对于报表的功能要求不仅要广而全,还要精细到行业内部,葡萄城报表近几年来也一直致力于解决中国式复杂报表的需求,一直持续增强中国式复杂报表的 ...

  2. Android 状态栏开发

    又好久没写了...还是记个笔记吧.这次关于Android手机App状态栏的各种处理做一个笔记. 场景一:需要做全屏,不看到手机状态栏信息(手机电量,信号等) 这种需求一般用的比较多的地方是App的Sp ...

  3. 排错-windows下 ORA-12560 TNS 协议适配器错误解决方法

    排错-windows下_ORA-12560 TNS 协议适配器错误解决方法 by:授客 QQ:1033553122 问题描述: 修改SQL*Plus窗口属性后,重新打开SQL*Plus时出现ORA-1 ...

  4. React Native八大Demo

    参考资料:http://www.cnblogs.com/shaoting/p/7148240.html 下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水. ...

  5. Visual Studio 2012 Update 1 离线升级包（相当于VS2012 SP1离线补丁包）

    Visual Studio 2012 Update 1 发布也有一段时间了,吾乐吧尝试了好几次在线升级,但是网络不给力啊,结果都失败了.于是一直都想找到官方提供的VS2012 SP1完整离线升级包,不 ...

  6. Python Django框架笔记（三）：django工作方式简单说明和创建用户界面

    (一)  说明 简单说明下django的工作方式,并举2个例子. (二)  Django工作方式 假定我们有下面这些文件 ,这里在前2篇的基础上增加了 templates目录(存放html文件) 和s ...

  7. extends CakeRequest,重写is方法

    背景:Cakephp开发环境版本是2.3.8,服务器的cakephp版本是2.3.5,测试好的代码上传到服务器上后发现总爆如下的警告: Warning (2): strtolower() expect ...

  8. Django中的DateTimeField格式

    转自:http://www.nanerbang.com/article/5488/ 创建django的model时,有DateTimeField.DateField和TimeField三种类型可以用来 ...

  9. Ctrl+Alt+F1~F6

    Ctrl+ALT+F1~F6 可以进入不同的字符终端和图形界面.体现了 linux 或者 unix 的多用户的特点. 6个不同的终端,相当于六个不同的用户. 保持更新,转载请著名出处.

  10. Spark 分布式调试工具

    0. 说明 编写工具类,考察 Spark 分布式程序的执行地点 1. 工具类编写 [ JMX ] Java Management Extend , Java 管理扩展服务. 主要用于运维和监控. [测 ...