2018-2019-2 网络对抗技术 20165205 Exp8 Web基础

1.原理与实践说明

1.1实践内容

Web前段HTML：能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法，编写一个含有表单的HTML
Web前段JavaScript：理解JavaScript的基本功能，理解DOM。编写JavaScript验证用户名、密码的原则。
Web后端：MySQL基础。正常安装、启动MySQL，建库、创建用户、修改密码、建表
Web后端：编写PHP网页。连接数据库，进行用户认证。
最简单的SQL注入，XSS攻击测试：用户能登录，登录用户名密码保存在数据库中，登录成功显示欢迎页面。

1.2基础问题回答

什么是表单
- 表单在网页中负责数据的收集，有三个基本组成部分
  - 表单标签：包含处理数据时所用的CGI程序的URL以及数据提交到服务器的方法
  - 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等
  - 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作
浏览器可以解析运行什么语言
- 浏览器支持HTML、XML以及ASP、PHP、Script、JavaScript、VBScript、Perl、Python、ColdFusion、Java、JSP等等脚本语言。
WebServer支持哪些动态语言？
- 目前，最常用的三种动态网页语言有ASP(ActiveServerPages),JSP(JavaServerPages),PHP(HypertextPreprocessor)。
- ASP是一个Web服务器端的开发环境语言，可以产生和执行动态的，互动的，高性能的Web服务应用程序。采用JavaScript作为开发语言。
- PHP是一种跨平台的服务器端嵌入式脚本语言。使用C,Java和Perl语言+PHP自己的特性，能够让开发者快速地写出动态页面。支持绝大多数数据库。完全开源。
- JSP可以在Serverlet和JavaBean的支持下，能够完成站点程序

2.实践过程记录

2.1 Web前段：HTML

命令行server apache2 start可以打开Apache服务。
在服务器输入127.0.0.1，若可以打开Apache网页，则代表开启成功

使用cd /var/www/html进入Apache目录，新建一个含有表单的html文件

  <html>
  <head>
  <title>Login</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>

  <body>

  <h2 align="center">Login</h2>
  <center>
  <form action="login" method="post">
      <input placeholder="E-mail" name="Name" class="user" type="email">
      <br>
      </br>
      <input  placeholder="Password" name="Password" class="pass" type="password">
      <br>
      </br>
      <input type="submit" value="Login">
  </form>
  </center>
  </body>
  </html>

在浏览器中输入/var/www/html/login.html打开网页
这里的method是POST可以向服务器上传递数据

2.2Web前端：JavaScript

在原来的test1.html中加入一段JavaScript代码，对客户输入的邮箱和密码做判断，代码如下

  <html>
  <head>
  <title>Login</title>
  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>

  <body>

  <h2 align="center">Login</h2>
  <center>
      <form action="login" method="post" name="form_login">
          <input placeholder="E-mail" name="Name" class="user" type="email" onfocus="if (this.value=='Your email') this.value='';" />
          <br>
          </br>
          <input  placeholder="Password" name="Password" class="pass" type="password" onfocus="if (this.value=='Your password') this.value='';"/>
          <br>
          </br>
          <input type="submit" value="Login"  onClick="return validateLogin()"/>
      </form>
  </center>

  <script language="javascript">  
  function validateLogin(){  
      var sUserName = document.form_login.Name.value ;  
      var sPassword = document.form_login.Password.value ;    
      if ((sUserName =="") || (sUserName=="Your email")){  
      alert("User Email!");  
      return false ;  
      }  

      if ((sPassword =="") || (sPassword=="Your password")){  
      alert("Password!");  
      return false ;  
      }  

  }   
  </script>  

  </body>
  </html>

在浏览器中输入/var/www/html/simple_form.html打开如下网页
如果没有写邮箱或者密码就提交，就会出现提示输入

2.3Web后端：MySQL基础

输入/etc/init.d/mysql start开启MySQL：
输入musql -u -root -p使用root权限进入，密码是password
使用show databases；查看数据库基本信息
输入use mysql；选择使用mysql数据库
输入select user, password, host from user;查看当前用户信息
输入update user set password=PASSWORD("5205") where user='root';修改密码
输入flush privileges;，更新权限
输入exit退出数据库，使用新的密码登录
使用create database lzj_5205;建立数据库
使用use lzj_5205;使用我们创建的数据库
使用create table login(username VARCHAR(20),password VARCHAR(20));建立数据库表，并设置字段基本信息
使用show tables;查看表信息
使用insert into login values('[email protected]','20165205');插入数据
使用select * from login;查询表中的数据
添加新用户grant select,insert,update,delete on lzj.* to lzj@localhost identified by "20165205";
增加新用户后，exit退出，然后使用新的用户名和密码进行登录：

2.4 Web后端：编写PHP网页

在/var/www/html目录下新建PHP测试文件

  <?php
  echo ($_GET["a"]);
  include($_GET["a"]);
  echo "Hello word! This is my php test page!<br>";
  ?>

浏览器网址栏中输入127.0.0.1/phptest.php，可看到文件的内容
也可以在浏览器网址栏中输入127.0.0.1/phptest.php?a=/etc/passwd，可看到/etc/passwd文件的内容
浏览器中输入127.0.0.1/login.php,连接成功则显示connection ok！

利用PHP和MySQL，结合之前编写的登录网页进行登录身份认证，修改后的login.php代码如下：

  <?php
  $uname=$_POST["Email"];
  $pwd=$_POST["Password"];
  echo $uname;
  $query_str="SELECT * FROM login where username='$uname' and password='$pwd';";
  $mysqli = new mysqli("127.0.0.1", "lzj", "20165205", "lzj_login");
  $query_str1="use lzj;";

  /* check connection */
  if ($mysqli->connect_errno) {
      printf("Connect failed: %s\n", $mysqli->connect_error);
      exit();
  }
  echo "connection ok!";
  /* Select queries return a resultset */
  if ($result = $mysqli->query($query_str1))
  echo"<br>Success into database!";
  echo$uname;
  if ($result = $mysqli->query($query_str)) {
      if ($result->num_rows > 0 ){
              echo "<br> {$uname}:Welcome!!! <br> ";
      } 
      else {
          echo "<br> login failed!!!! <br> " ; }
      /* free result set */
      $result->close();
  }
  $mysqli->close();
  ?>