zoukankan      html  css  js  c++  java
  • 20145221高其_Web基础

    20145221高其_Web基础

    目录

    实践目标

    • (1)Web前端HTML
    • (2)Web前端javascipt
    • (3)Web后端:MySQL基础:正常安装、启动MySQL,建库、创建用户、修改密码、建表
    • (4)Web后端:编写PHP网页,连接数据库,进行用户认证
    • (5)最简单的SQL注入,XSS攻击测试
    • (6)发帖和会话管理

    Apache

    • Apache就是一个Web服务器,通过该软件可以通过本机IP和预设的端口来访问该服务器上的网页

    • 开启apache服务:service apache2 start

    • 如果没有安装,请先安装:sudo apt-get install apache2

    • 相关重要存储位置:

      • /etc/apache2/apache2.conf:存储apache2的配置
      • /var/www/html:存储网页
      • /var/log/apache2/error.log:存储报错信息
    • 介于之前默认设置为80端口,特将端口改为:5221

    • 查看端口占用情况如下:

    • 开启后可以登录本地主页查看网址是否正常:http://127.0.0.1:5221

    • 如果正常,即可继续执行,该步骤是整个实验的基础,保证Web服务正常开启

    前端编程

    • 这一部分在上刘老师《网络安全编程基础》课程中,已经学习过html的简单语法,对表单也有一个大致的了解

    • 所以在这里编写了一个简单的表单界面

    • 其中action部分表示的是,在点击submit提交后将会转向哪个请求,就上面这个代码来看,因为本地还没有这个php文件,所以点击后肯定是Not Found

    后端编程 PHP

    • 一般来说我们有用到最多的就是javascriptphp两种脚本语言了

    javascript

    • 是一种脚本语言,一般可以写在html中<head>部分,响应用户的各种操作
    • 和java比较类似,只不过所有的变量声明都是用var来进行
    • 下面给出一个简单的javascript脚本例子
    <script language="javascript">  
        function isEmpty(){  
            var id = document.login.usrname.value ;  
            var pwd = document.login.password.value ;    
            if (id ==""){  
                alert("请输入用户名!");  
                return false ;  
            }
           
            if (pwd ==""){  
                alert("请输入密码!");  
                return false ;  
            } 
        }   
    </script>
    
    • 上述代码的功能是:编写验证用户名和密码的规则,比如用户名和密码不能为空

    php

    • PHP,一个嵌套的缩写名称,是英文超级文本预处理语言(PHP:Hypertext Preprocessor)的缩写。PHP 是一种 HTML 内嵌式的语言,PHP与微软的ASP颇有几分相似,都是一种在服务器端执行的嵌入HTML文档的脚本语言,语言的风格有类似于C语言,现在被很多的网站编程人员广泛的运用。
    • 一个简单的php测试代码:
    ?php
      echo ($_GET["A"]);
      include($_GET["A"]);
      echo "this is my first php page!<br>";
    ?>
    20145221
    
    • 效果如图所示:

    MYSQL & 后端

    MYSQL

    • 安装:apt-get install mysql-server mysql-client mysql-workbench

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

    • 登录mysql,并输入密码:p@ssw0rd

    • 此处可以修改自己的密码:update user set password=PASSWORD("新密码") where user='root';

    • 输入exit,重新进入即可

    • 搭建数据库

      • 首先,创建数据库:creat database gq;

      • 查看数据库:show databases;

      • 使用数据库:use gq;

      • 接着,在数据库中创建数据表:create table info (usrname VARCHAR(10), password VARCHAR(64), email VARCHAR(20), type VARCHAR(10));

      • 查看数据表:show tables;

      • 添加数据,格式:insert into 表名 values('值1','值2','值3'...);

      • 查看数据表:select * from info

      • 注:可以根据需要增添更多记录

    后端

    测试

    • 此时我们可以编写一个简单的php进行验证,与前端代码配套,可以提取出用户名、密码、身份类别信息:
    <?php
        echo ($_GET["usrname"]);
        echo ($_GET["password"]);
        echo ($_GET["identity"]);
        echo "<br>php page 5221!<br>";
    ?>
    
    • 注:进行简单验证后说明,点击“登录”后可以正常跳转到php脚本,说明代码应该没什么问题,接下来就应该往其中添加一些有实际意义的代码了。

    编写

    • 我们需要用php脚本语言来连接数据库与前端输入,将输入结果传入到后台(php脚本),并且链接相应的数据库,利用SQL语句读取数据库中的记录,与输入进行比对,成功即可正常登录。
    ```php
    <?php
    
    $uname=($_GET["usrname"]);
    $pwd=($_GET["password"]);
    $type=($_GET["identity"]);
    
    /* echo $uname; */
    
    $query_str="SELECT * FROM info where usrname='{$uname}' and password=password('{$pwd}') and type='{$type}';";
    
    /* echo "<br> {$query_str} <br>";*/
    
    $mysqli = new mysqli("127.0.0.1", "root", "20145221", "gq");
    
    /* check connection */
    if ($mysqli->connect_errno) {
        printf("Connect failed: %s
    ", $mysqli->connect_error);
        exit();
    }
    echo "connection ok!<br> ";
    /* Select queries return a resultset */
    if ($result = $mysqli->query($query_str)) {
        if ($result->num_rows > 0 ){
            echo "Wellcome login Mr/Mrs:{$uname} <br> ";
        } else {
            echo "login failed!!!! <br> " ;
        }
    
        /* free result set */
        $result->close();
    }
    
    $mysqli->close();
    ?>
    ```
    
    • 登录成功测试效果:

    • 登录失败测试效果:

    • 为了能让登录失败的用户可以重新返回登录界面,可以在php中定义这样一段代码:header("Refresh:3;url=login.html");,可以实现3秒后重新跳回login.html(最终代码见后文链接)

    简单SQL注入与XSS

    SQL注入

    • SQL本是查询语句,可以实现对数据库的增、删、改、查等操作,是操作数据库数据的直接手段,但是SQL语句是存在缺陷的,根据前文中SQL的编写过程可以体会,当输入某些特定格式的字符串的时候,会利用语法避开一些检查,通常也叫这样的密码为“万能密码”

    获取权限

    • 在用户名输入框中输入' or 1=1#,密码随便输入,这时候的合成后的SQL查询语句为select * from info where usrname='' or 1=1#' and password='' and type='',#相当于注释符,会把后面的内容都注释掉,而1=1是永真式,所以这个条件肯定恒成立,所以能够成功登陆:

    • 只要弄懂sql语句查询语法或者上网搜索,就可以找到很多这样的万能密码

    删除用户

    • 既然sql语句可以增删查改,那我们也可以通过某个格式,将表中的记录删掉:
      • ';DELETE FROM info WHERE usrname='gq';#
      • 因为上述语句是2句,所以得改改php代码:if ($result = $mysqli->multi_query($query_str)),当然原来的写法本就是防范SQL注入的一种方法
    • 将该SQL注入语句输入用户名,密码随便输入,点击登录,会提示失败(因为此时的目的并不是登录获取权限,而是删除gq这条记录)
    • 查看数据库,比对前后的不同,删除结果:
      • 显然,如果再用之前的账户密码是登录不上去了

    XSS

    • XSS又叫CSS (Cross Site Script) ,跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意的特殊目的。XSS属于被动式的攻击,因为其被动且不好利用,所以许多人常呼略其危害性。
    • 简单的XSS实践:
      • 用户名输入:<img src="5221.jpg">gq</a>
      • 密码随意,但要保证该图片物理位置和网页在同一个文件夹下

    发帖和会话管理

    • 我们可以利用PHP实现会话管理,代码托管地址:点击此处

    • 在浏览器中输入http://127.0.0.1:80/logIn.php,进行登录:

    • 登录成功后:

    • 点击start a new post,可以开始发帖

    • 提交内容后,会进入test.php页面,再次点击CHECK可以查看会话记录:

      • 通过上述代码,可以查看到会把会话记录写进data.txt,但是我点击一次后并没有相关记录的显示,想想可能是权限问题并不能直接在/var/www/html文件夹下生成文件,所以先后执行命令,新建该文件并赋予可操作的最高权限:touch data.txtchmod 777 data.txt即可

      • 再次点击CHECK,看见如下图所示的会话记录:

    总结

    代码托管

    • 本次实验所有代码托管地址:web基础

    什么是表单

    • 表单在网页中主要负责数据采集功能。
    • 一个表单有三个基本组成部分:
      • 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
      • 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
      • 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

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

    • HTML(超文本标记语言)、XML(可扩展标记语言)以及Python、PHP、JavaScript、ASP等众多脚本语言。
    • 超文本标记语言:HTML
    • 可扩展标记语言:XML
    • 脚本语言:ASP、PHP、Script、JavaScript、VBScript、Perl、Python、ColdFusion、Java、JSP等

    WebServer支持哪些动态语言

    • ASP语言,PHP语言和JSP语言
      • ASP:即Active Server Pages,是MicroSOft公司开发的服务器端脚本环境,可用来创建动态交互式网页并建立强大的web应用程序。
      • PHP:即Hypertext Preprocessor,是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,主要适用于Web开发领域。PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。
      • JSP:即Java Server Pages,其根本是一个简化的Servlet设计。JSP技术有点类似ASP技术,它是在传统的网页HTML文件中插入Java程序段和JSP标记,从而形成JSP文件,)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行。

    实验感想

    • 本次的实验可以算是一个小的web服务系统。系统虽小,五脏俱全。整个实验涵盖了前端html代码编写、javascript代码编写、php代码编写、sql语句执行、apache服务调试、mysql系统搭建……
    • 知识点很多,需要了解的东西也不少,但总体来说就是一根主线:apache(html)<——>php<——>mysql,apache负责搭建web服务挂载html网页,mysql负责数据库的维护,php负责为前二者“搭桥牵线”,使前端与后台数据能够交互,弄清楚这层关系,对这个实验也就有了一个整体的把握
    • 涉及到《网络攻防》这门课的知识,我想说的是《web基础》实验内容是网络攻防中web类的基础,如果不掌握一些基本的web相关知识与语法,不接触web类基础的编程,是无法理解一些攻防原理的,就像本次简单的SQL注入和XSS攻击,这些都是基于语法的漏洞来实现攻击的,所以要夯实web基本功
    • 就实验内容来说,和上学期刘老师的《网络安全编程基础》最后一个大实验还是很相似的,那个实验的要求是要用apache(jsp)<——>xml<——>JDBC<——>Access,不论是从代码还是从逻辑上都比这次的要复杂一些,这次感觉一个php就能解决很多事情,可见php的功能确实强大,实际实现中应该用php的较多吧!
  • 相关阅读:
    mysql权限管理
    centos 6.5安装node.js
    sublime 配置jade高亮显示
    解决国内npm依赖包安装慢的问题
    sublime text3配置node.js开发环境
    datepicker 时间戳转换问题
    关于c++正则表达式的用法
    Android系统binder机制的研究分析
    TCP/IP的分层复用问题
    关于设计模式中外观模式的研究以及关于设计模式中四大原则的理解
  • 原文地址:https://www.cnblogs.com/20145221GQ/p/6804330.html
Copyright © 2011-2022 走看看