其他分享
首页 > 其他分享> > 2018-2019-2 20165210《网络对抗技术》Exp8 Web基础

2018-2019-2 20165210《网络对抗技术》Exp8 Web基础

作者：互联网

2018-2019-2 20165210《网络对抗技术》Exp8 Web基础

实验内容：

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

实验步骤：

Web前端HTML

<html>
    <head>
        <title>login</title>
    </head>
    <body>
        <form name=“form” action="20165210.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>

Web前端javascipt

<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="20155210.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>

Web后端：MySQL基础

create table login_table(username VARCHAR(20),password VARCHAR()20);

Web后端：编写PHP网页

<?php
$user=($_POST["user"]);

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

echo "welcome ";
echo $user;
?>

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

/* 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 login!! <br> ";
  } 
  else {
      echo "<br> login failed!!!! <br> " ; }
  /* free result set */
  $result->close();
}
$mysqli->close();
?>
<!-- Meta tag Keywords -->
</head>

<body>
<style type="text/css">
    body{
             background-image:url("manwei.jpg");
             background-position:center;
    background-repeat:no-repeat;
            }
</style>
<div style="text-align:center;margin-top:120px">
<!--main-->
<!--//header-->
 <h2 align="center"><font size=6>Login</font></h2>
        <form action="login.php" method="post" name="form_login">
    <input placeholder="E-mail" name="Email" class="user" type="text" 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>
<!--//main-->
</div>

<script language="javascript">  
   function validateLogin(){  
       var sUserName = document.form_login.Email.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>

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

<img src="lyk.jpg" />

其他随意输入，就可以读取到图片

基础问题

  1. 什么是表单
  1. 浏览器可以解析运行什么语言。
  1. WebServer支持哪些动态语言
    ASP，JSP，PHP

实验中的问题

  1. 一开始的html文件编的太low了，后来在做PHP时我又改进了一下html文件的内容
  2. 但是我发现无论怎么运行都是之前的文件运行结果，直到最后改了个文件名才成功

实验感悟

本次实验，我最大的体会就是，网络对抗这门课是个综合性很强的课程，可以与很多我们学过或正在学习的课程融通，比如上学期的网络安全编程基础，和这学期的信息系统安全等，关于网页编程和数据库的知识，确实打下了基础后进行跨平台学习也会相对容易，就像学会了c语言再学其他语言时也会节省不少力气。所以，我觉得既然学一门课就要学好、弄懂，如果只是浮于表面，或是最后应付一个考试，可能真的等到毕业后就都忘记了。

标签：Web,Exp8,表单,密码,html,2019,login,输入
来源： https://www.cnblogs.com/lyklyk/p/10883559.html