20154301 Exp8 Web基础

仉鑫烨

一、 实践内容

  1. Web前端：HTML基础
  2. Web前端：javascipt基础
  3. Web后端：MySQL基础
  4. Web后端：PHP基础
  5. SQL注入
  6. XSS攻击测试
  7. 发帖和会话管理的实现

二、 基础问题

  1. 什么是表单？

    答：①表单是一个包含表单元素的区域，表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素，表单在网页中主要负责数据采集功能，一个表单有三个基本组成部分：表单标签、表单域、表单按钮；②表单标签<form>：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法；③表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等；④表单按钮：包括提交按钮、复位按钮和一般按钮，用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

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

    答：支持HTML（超文本标记语言）、XML（可扩展标记语言）以及Python、PHP、JavaScript、ASP等众多脚本语言。

  3. WebServer支持哪些动态语言？

    答：JavaScript、ASP、PHP、Ruby等脚本语言，ASP基于IIS WEB SERVER，是微软的服务器端脚本技术，PHP基于APACHE WEB SERVER，与ASP有几分类似，都是一种在服务器端执行的嵌入HTML文档的脚本语言。

三、实验过程

（一）环境配置

1.安装 Apache，直接用指令sudo apt-get install apache2。apache是kali下的web服务器，通过访问ip地址+端口号+文件名称可以打开对应的网页。

  1. 输入命令vi /etc/apache2/ports.conf更改apache2的监听端口号；
  2. 输入命令apachectl start打开apahce，并使用netstat -aptn查看端口号，确认apache正确开启，如下图所示：

（二）前端编程

  1. 使用cd /var/www/html在/var/www/html目录下编辑vi test.html

  2. 在firefox中输入：http://127.0.0.1:4301/test.html就能打开该网页。

  3. 如果填写上内容并submit，因为没有上面代码里标出的一行中action指定的php文件，所以会出现not found的提示：

（三）javascript相关

  1. 相关概念：JavaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
  2. 文档对象模型(Document Object Model，简称DOM，是W3C组织推荐的处理可扩展标志语言的标准编程接口。
  3. 编写验证用户名和密码的规则：（比如用户名和密码不能为空）vi test1.html
<html>
<head>
<title>test</title>
</head>
<body>
<table>  <form method ="POST" action="#" name="frmLogin"  >  <tr>  <td>Username：</td>  <td><input type="text" name="username" value="Your name" size="20" maxlength="20" onfocus="if (this.value=='Your name') this.value='';" /></td>  <td> </td>  <td> </td>  </tr>  <tr>  <td>Password：</td>  <td><input type="password" name="password" value="Your password" size="20" maxlength="20" onfocus="if (this.value=='Your password') this.value='';" /></td>  <td> </td>  <td> </td>  </tr>  <tr>  <td><input type="checkbox" name="zlogin" value="1">zidonglogin</td>  </tr>     <table>  <tr>  <td><input type="submit" name="login" value="Login" onClick="return validateLogin()"/></td>  <td><input type="reset" name="rs" value="Reset" /></td>  </tr></table>    </form>
</table>   <script language="javascript">  function validateLogin(){  var sUserName = document.frmLogin.username.value ;  var sPassword = document.frmLogin.password.value ;    if ((sUserName =="") || (sUserName=="Your name")){  alert("Please enter the user name!");  return false ;  }  if ((sPassword =="") || (sPassword=="Your password")){  alert("Please enter the password!");  return false ;  }  }
</script>
</body>
</html>
  1. 编了一个验证的函数，如果输入的用户名或者密码为空时，就弹出相应的对话框，然后在点击登录按钮时调用执行一遍这个函数，可以打开看看效果：

（四）PHP测试

  1. 新建一个PHP测试文件vi /var/www/html/test.php输入如下：
<?php
echo ($_GET["A"]);include($_GET["A"]);echo "php page 4301!<br>";
?>
  1. 用浏览器打开http://127.0.0.1:4301/test.php，可以看见如下界面，测试成功

（五）MySQL基础

  1. 开启sql服务/etc/init.d/mysql start

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

  3. 此处可以修改自己的密码：

  • 输入use mysql，选择mysql数据库

  • 输入update user set password=PASSWORD("20154301") where user='root';

  • 输入flush privileges;，更新权限

  1. 我们先使用create database zxy_test;建立一个数据库；使用show databases;查看存在的数据库；使用use 库名;使用我们创建的数据库：

  2. 接着使用create table 表名 (字段设定列表);建立数据表，数据表是数据库中一个非常重要的对象，一个数据库中可能包含若干个数据表；使用show tables查看存在的数据表：

  • 注意：此处一定要注意单引号和键盘Esc下面的那个符号不要写错了！！！

  1. 使用insert into 表名 values('值1','值2','值3'...);插入数据；使用select * from 表名;查询表中的数据：

  2. 我们还可以在MySQL中增加新用户，使用grant select(insert,update,delete) on 数据库.* to 用户名@登录主机 identified by "密码";指令，如图所示，增加新用户之后，退出，重新使用新用户名和密码进行登录，登录成功说明增加新用户成功：

（六）php+mysql实现登录网页编写（代码）

  1. 在/var/www/html文件夹下输入vim login.html，编写登录网页。代码

  2. 在同样的目录下输入vim login.php，通过php实现对数据库的连接

  3. 在浏览器中输入127.0.0.1/login.html，就可以访问自己的登陆页面啦，这里套用了一个模板让页面看起来更加美观,登陆成功的样子如下：

    （可惜后来出了一些BUG没有搞清楚，又重新做了）

  • 注意：此处的用户名是自己在库表中新建的用户以及对应的密码，在上一节中我新建的用户是：4301，密码是20154301

（七）SQL注入

  1. SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意的）SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。
  • 在用户名输入框中输入' or 1=1#，密码随意，这时SQL查询语句变为select * from test_table where username='' or 1=1#' and password=''，#相当于注释符，会把后面的内容注释掉，or后跟着的1=1永远为真，所以必然登录成功
  1. 跨站脚本攻击(Cross Site Scripting)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆。故将跨站脚本攻击缩写为XSS。XSS是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括HTML代码和客户端脚本。攻击者利用XSS漏洞旁路掉访问控制——例如同源策略(same origin policy)。这种类型的漏洞由于被骇客用来编写危害性更大的phishing攻击而变得广为人知。
  • 将一张图片放在/var/www/html目录下，在用户名输入框输入<img src="20154301.jpg" />，密码随意，就可以读取图片啦：

四、实验体会

  • 本次实验是我花费时间最多的一次实验，重做了许多次，但最后收获也非常的大。连接不上库，代码不会修改，修改之后又连接不上等等问题最终被一一克服，让我对于html网页编程有了一定的了解。最让我感触深的一点就是关于sql注入和xss攻击确实是防不胜防的，我们在编写html的时候仍必须了解一些防范知识，避免一些低级的攻击。

转载于:https://www.cnblogs.com/z20154301/p/9050581.html

Exp8 web基础 20154301仉鑫烨相关推荐

  1. # EXP8 Web基础

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

  2. 20145233《网络对抗》Exp8 Web基础

    20145233<网络对抗>Exp8 Web基础 实验问题思考 什么是表单? 表单在网页中主要负责数据采集功能 一个表单有三个基本组成部分: 表单标签 表单域:包含了文本框.密码框.隐藏域 ...

  3. 2018-2019 20165208 网络对抗 Exp8 Web基础

    目录 2018-2019 20165208 网络对抗 Exp8 Web基础 实验内容 基础问题回答 实践过程记录 1. Apache准备 2. Web前端HTML 3. Web前端javascipt ...

  4. 2018-2019-2 网络对抗技术 20165322 Exp8 Web基础

    2018-2019-2 网络对抗技术 20165322 Exp8 Web基础 目录 实验原理 实验内容与步骤 Web前端HTML Web前端javascipt Web后端:MySQL基础:正常安装.启 ...

  5. Exp8 web基础 20164323段钊阳

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

  6. 网络对抗 Exp8 Web基础 20154311 王卓然

    Exp8 Web基础 1. 实验内容 (1) Web前端HTML:能正常安装.启停Apache.理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML. (2) Web前端jav ...

  7. 2017-2018-2 20155314《网络对抗技术》Exp8 Web基础

    2017-2018-2 20155314<网络对抗技术>Exp8 Web基础 目录 实验内容 实验环境 基础问题回答 预备知识 实验步骤 1 macOS下Apache的配置 2 macOS ...

  8. php web 登陆验证和页面控制,# 2019-2020-2 20175308杨元 《网络对抗技术》Exp8 Web基础...

    2019-2020-2 20175308杨元 <网络对抗技术>Exp8 Web基础 实践目标及内容 实践内容 (1)Web前端HTML(0.5分) 能正常安装.启停Apache.理解HTM ...

  9. 20145209刘一阳《网络对抗》Exp8 Web基础

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

最新文章

  1. Co-Fusion：物体级别的语义SLAM
  2. C语言注释的匹配的正则表达式
  3. 休眠性能提示：脏收集效果
  4. delay 芯片时序output_【第二章 STA概念 上】静态时序分析圣经翻译计划
  5. mqtt c语言 单片机,MQTT--单片机实现即时通讯
  6. AutoCAD2004启动时出现fail to get CommcntrController的怎么办
  7. linux_负载分析之LoadAverage
  8. RQNOJ PID2 / 开心的金明
  9. Clojure的并发（七）pmap、pvalues和pcalls
  10. [转载] Python字符串isdecimal() isdigit()isnumeric()等判断方法的区分。
  11. LINUX的bash的一些特性
  12. 图文并茂搭建STM32开发环境
  13. 《期货大作手风云录》读书笔记
  14. 2022年奶茶行业发展趋势
  15. 【jzoj 5336】Timi / 提米树（DP）
  16. css3 translate属性
  17. 大数据和人工智能概念全面解析
  18. 技术干货 | 录屏采集实现教程 —— Windows桌面端
  19. 冠名教授|香港科大周晓方教授获颁潘乐陶工程学教授席
  20. 关于什么时候用精灵图什么时候用字体图标

热门文章

  1. arcgis导入excel数据_ArcGIS批量导入数据
  2. 网站api自己怎么写_网站描述怎么写？对网站优化有什么作用？
  3. java编程东西好多记不住_课程总结
  4. 计算机科学 在职双证,计算机专业在职研究生如何获得双证?
  5. 三年级学生计算机学情分析,三年级上学期学生学情分析
  6. python顺时针旋转_Python之二维数组N*N顺时针旋转90度
  7. 循环灯c语言,单片机c语言循环灯
  8. php warning date(),lnmp打开cacti时提示PHP Warning: date()
  9. 如何成为数据型产品经理
  10. java反码算术运算求和,位运算的妙用，运算妙用