20175133 於沛辰 Exp8 Web基礎
1、實踐內容javascript
1.Web前端HTMLphp
·能正常安裝、啓停Apache。理解HTML，理解表單，理解GET與POST方法,編寫一個含有表單的HTML。html
2.Web前端javascipt前端
·理解JavaScript的基本功能，理解DOM。編寫JavaScript驗證用戶名、密碼的規則。java
3.Web後端：MySQL基礎：正常安裝、啓動MySQL，建庫、建立用戶、修改密碼、建表mysql
4.Web後端：編寫PHP網頁，鏈接數據庫，進行用戶認證web
5.最簡單的SQL注入，XSS攻擊測試sql
2、實踐過程數據庫
1.Web前端HTMLapache
·kali使用命令 service apache2 start 打開Apache服務沒有任何錯誤提示，代表成功開啓
·輸入指令 cd /var/www/html 進入Apache目錄下，新建一個簡單的含有表單的html文件simple_form.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/simple_form.html 打開網頁
2.Web前端javascipt
·在simple_form.html基礎上，能夠添加一段JavaScript代碼，以完成對用戶是否填寫郵箱和密碼的判斷。修改後的login.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" 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/login.html ，若用戶郵箱或密碼未填寫提交，會出現如下提示
3.Web後端：MySQL基礎：正常安裝、啓動MySQL，建庫、建立用戶、修改密碼、建表
·輸入指令 /etc/init.d/mysql start 開啓MySQL服務
·輸入指令 mysql -u root -p 使用root權限進入，默認的密碼爲password
·輸入指令 show databases; 查看數據庫基本信息
·輸入指令 use mysql; 選擇使用mysql這個數據庫
·輸入指令 select user, password, host from user; 查看當前用戶信息
·輸入指令 update user set password=PASSWORD("5133") where user='root'; 修改密碼爲5133
·輸入指令 flush privileges; 更新權限
·輸入指令 exit 退出數據庫，使用新的密碼登陸
·輸入指令 create database pp5133; 創建一個名爲pp5133的數據庫
·輸入指令 show databases; 查看存在的數據庫
·輸入指令 use mysql; 使用數據庫 mysql
·使用指令 create table login (username VARCHAR(20),password VARCHAR(20)); 創建數據庫表，並設置字段基本信息（varchar類型與非char類型的差異：char類型指定大小後會預分配固定大小，不論是否使用空間都被佔用；varchar類型用多少佔多少，只是不能超過括號中指定的上限）
·輸入指令 show tables; 查看錶信息
·輸入指令 insert into login values('pp@qq.com','20175133'); 在表login插入數據（這裏爲郵箱&密碼）
·輸入指令 select * from login; 查詢login表中的數據
·MySQL中增長新用戶，輸入指令 grant select,insert,update,delete on ypc20175133.* to YPP@localhost identified by "1"; 意思是將對某數據庫的全部表的select,insert,update,delete權限授予當前主機localhost登陸的用戶ypc20175133，1是登陸密碼
·增長新用戶後，輸入指令 exit 退出，而後使用新的用戶名和密碼進行登陸,登錄成功。
4.Web後端：編寫PHP網頁，鏈接數據庫，進行用戶認證
·在/var/www/html目錄下新建一個PHP測試文件phptest.php內容以下：
<?php echo ($_GET["a"]); include($_GET["a"]); echo "Hello word! This is my php test page!<br>"; ?>
·在瀏覽器網址欄中輸入 localhost:80/phptest.php 可看到文件的內容
·瀏覽器網址欄中輸入指令 localhost:80/phptest.php?a=/etc/passwd 可看到/etc/passwd文件的內容
·結合編寫的登陸網頁進行登陸身份認證，修改後的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", "ypc20175133", "1", "mysql"); $query_str1="use mysql;"; /* 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();
?>
·瀏覽器輸入 127.0.0.1/login.php 如圖，表示鏈接成功
·瀏覽器輸入 127.0.0.1/login.html 訪問登陸界面，輸入添加到數據庫的帳號和密碼，登錄成功
5.最簡單的SQL注入
·SQL注入，就是經過把SQL命令插入到Web表單提交或輸入域名或頁面請求的查詢字符串，最終達到欺騙服務器執行惡意的SQL命令。具體來講，它是利用現有應用程序，將（惡意的）SQL命令注入到後臺數據庫引擎執行的能力，它能夠經過在Web表單中輸入（惡意）SQL語句獲得一個存在安全漏洞的網站上的數據庫，而不是按照設計者意圖去執行SQL語句。
·此次實驗方法：在用戶名輸入框輸入 ' or 1=1# 密碼任意輸入，可登錄成功
·原理：輸入的用戶名和咱們的代碼中select語句組合起來變成了 select * from users where username='' or 1=1#' and password='' ，#至關於註釋符，會把後面的內容都註釋掉，而1=1是永真式，因此這個條件永遠成立，因此無論密碼是否輸入正確，都可以成功登錄
6.XSS攻擊測試
·概念：跨站腳本攻擊(Cross Site Scripting)，爲不和層疊樣式表(Cascading Style Sheets, CSS)的縮寫混淆。故將跨站腳本攻擊縮寫爲XSS。XSS是一種常常出如今web應用中的計算機安全漏洞，它容許惡意web用戶將代碼植入到提供給其它用戶使用的頁面中。好比這些代碼包括HTML代碼和客戶端腳本。攻擊者利用XSS漏洞旁路掉訪問控制——例如同源策略(same origin policy)。這種類型的漏洞因爲被駭客用來編寫危害性更大的phishing攻擊而變得廣爲人知。
·一張圖片放在/var/www/html目錄下
·在login.html中用戶名輸入框輸入 <img src="van.jpg" /> 密碼能夠隨意填寫，就能夠讀取圖片