2017-2018-2 20155225《網絡對抗技術》實驗八 Web基礎

時間 2019-11-08

標籤網絡對抗技術實驗 web 基礎欄目 HTML 简体版

原文原文鏈接

2017-2018-2 20155225《網絡對抗技術》實驗八 Web基礎

一、Web前端HTML

輸入命令apachectl start打開apahce，並使用netstat -aptn查看端口號，確認apache啓動成功，如圖所示，監聽端口是80：javascript

在瀏覽器裏輸入http://127.0.0.1，能夠訪問到Apache默認頁面，證實Apache能夠正常工做。php

.測試：apache可讀取工做目錄下的文件css

在/var/www/html/目錄下，寫一個測試的txt文檔，在瀏覽器裏打開127.0.0.1/test.txt，可看到test.txt的內容，如圖：html

寫一個有表單提交的網頁：前端

在/var/www/html/目錄下，寫一個html文件：java

<html>
<body>

<form action="/demo/demo_form.asp">
User name:<br>
<input type="text" name="un" value="20155225">
<br>
Password:<br>
<input type="password" name="pw" >
<br><br>
<input type="submit" value="Submit">
</form> 

</body>
</html>

用瀏覽器打開效果以下：mysql

再給它增長一個彩色的css：web

<head>
        <meta charset="utf-8">
        <style>
            body
                {
                    background-color:#d0e4fe;
                }
            input
                {
                    color:orange;
                    text-align:center;
                }
        </style>
    </head>

效果如圖：sql

二、web前端，JavaScript

用JavaScript檢查一下，用戶名密碼的位數有沒有超過規定值。數據庫

<script>

function inputTest(){

    if (document.getElementById("1").value.length<=8){
        return true
    } else {
       alert("The student number cannot exceed 8!")
            return false;
    }

}

    </script>

學號不能超過8位，若是超過8位會提示：

三、web後端，php

在/var/www/html/目錄下，寫一個test.php，進行測試：

<?php
echo "個人第一段 PHP 腳本！";
?>

嘗試寫了一個php，接受前端傳過來的用戶名，並打印出來：

<html>
<body>

Welcome <?php echo $_POST["un"]; ?><br>

</body>
</html>

成功跳轉到php，如圖所示：

四、web後端，mysql

開啓MySQL服務，使用root權限進入，默認的密碼是password

使用create database user；新建user數據庫，並用show databases；查看數據庫

使用use user；命令使用user數據庫，同時，使用create table login (字段設定列表);創建數據庫表，並設置字段基本信息：

使用insert into login values('201155225','jzy123');插入數據：

grant select on user.login to river@localhost identified by "1";將對user.login進行查詢的權限賦給本機登陸的River用戶。

五、php+mysql

綜合運用php和mysql，實現將前端用戶名和口令，傳到後端php，在php中鏈接數據庫，進行查詢，並返回查詢結果。

<?php
$uname=$_POST["un"];
$pwd=$_POST["pw"];
echo "welcome";
 echo $uname;
$query_str="SELECT * FROM login where username='$uname' and password='$pwd';";
$mysqli = new mysqli("127.0.0.1", "river", "1", "user");

/* check connection */
if ($mysqli->connect_errno) {
    printf("Connect failed: %s\n", $mysqli->connect_error);
    exit();
}

/* Select queries return a resultset */
if ($result = $mysqli->query($query_str)) {
    if ($result->num_rows > 0 ){
            echo "<br> login success! <br> ";
    } 
    else {
        echo "<br> login failed! <br> " ; }
    /* free result set */
    $result->close();
}
$mysqli->close();
?>

登陸成功！