2017-2018-2 20155203《網絡對抗技術》 Exp8：Web基礎
阿新 • • 發佈：2018-05-15
127.0.0.1 xss AD fun ins login fff chan php
基礎問題回答
（1）什麽是表單
我認為，form概念主要區分於table，table是用網頁布局設計，是靜態的，form是用於顯示和收集信息傳遞到服務器和後臺數據庫中，是動態的； 以下是表單的百度百科： 表單在網頁中主要負責數據采集功能。一個表單有三個基本組成部分： 表單標簽：這裏面包含了處理表單數據所用CGI程序的URL以及數據提交到服務器的方法。 表單域：包含了文本框、密碼框、隱藏域、多行文本框、復選框、單選框、下拉選擇框和文件上傳框等。 表單按鈕：包括提交按鈕、復位按鈕和一般按鈕；用於將數據傳送到服務器上的CGI腳本或者取消輸入，還可以用表單按鈕來控制其他定義了處理腳本的處理工作。
（2）瀏覽器可以解析運行什麽語言。
HTML（超文本標記語言）、XML（可擴展標記語言）以及Python、PHP、JavaScript、ASP等眾多腳本語言。（3）WebServer支持哪些動態語言
JavaScript、ASP、PHP、Ruby等腳本語言，ASP基於IIS WEB PHP基於APACHE WEB 實踐總結與體會
學習了html，jsp，php等語言的使用，學到了很多有用的東西，也把學到的數據庫中的知識實踐了。網頁編程很有趣~
實踐過程記錄
1. Web前端：HTML基礎
靜態網頁
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>課程教學管理系統</title> </head> <body style= "background: url(1.png)"> <div class="form-div"> <form id="login" name="login" method="post" action="#"> <table > <tr> <th colspan="2">課程教學管理系統登錄頁面</th> </tr> <tr> <td align="right">用戶名：</td> <td><input type="text" name="usrname" size="20"></td> </tr> <tr> <td align="right">密碼：</td> <td><input type="password" name="password" size="20" ></td> </tr> <tr> <td align="right">身份：</td> <td align="center"> <input type="radio" name="identity" value="teacher">教師 <input type="radio" name="identity" value="student" checked>學生 </td> </tr> <tr> <td align="center"><input type="submit" value="登錄" onsubmit="code_isRight()"></td> <td align="center"><input type="button" value="註冊" onclick="jump2register()"></td> <td><input type="reset" name="rs" value="重置" /></td> </tr> </table> </form> </body> </html>
2. Web前端：javascipt基礎
動態網頁，代碼中包含功能函數。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>課程教學管理系統</title> <script language="javascript"> function jump2register(){ location.href="register.html"; } </script> </head> <body style= "background: url(1.png) repeat-x #fff;"> <table> <form method ="POST" action="#" name="Login" > <th colspan="2">課程教學管理系統登錄頁面</th> <tr> <td>用戶名：</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>密 碼：</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 align="right">身份：</td> <td align="center"> <input type="radio" name="identity" value="teacher">教師 <input type="radio" name="identity" value="student" checked>學生 </td> </tr> <tr> <td><input type="checkbox" name="zlogin" value="1">自動登錄</td> </tr> <table> <tr> <td><input type="submit" name="login" value="登錄" onClick="return validateLogin()"/></td> <td><input type="button" value="註冊" onclick="jump2register()"></td> <td><input type="reset" name="rs" value="重置" /></td> </tr> </table> </form> </table> <script language="javascript"> function validateLogin(){ var sUserName = document.Login.username.value ; var sPassword = document.Login.password.value ; if ((sUserName =="") || (sUserName=="Your name")){ alert("請輸入用戶名!"); return false ; } if ((sPassword =="") || (sPassword=="Your password")){ alert("請輸入密碼!"); return false ; } } </script> </body> </html>
3. Web後端：MySQL基礎
在上一次使用官方源下載安裝openvas後，不能用mysql，重新使用中科大源更新，
內存不足，恢復快照
root@20155203dukx:~# /etc/init.d/mysql start
[ ok ] Starting mysql (via systemctl): mysql.service.
root@20155203dukx:~# mysql -u root -p
Enter password: （初始）p@sswOrd
MariaDB [(none)]> show databases;
+--------------------+
| Database |
+--------------------+
| information_schema |
| mysql |
| performance_schema |
+--------------------+
MariaDB [(none)]> use mysql;
Database changed
MariaDB [mysql]> select user, password, host from user;//查看當前用戶信息
+------+----------+-----------+
| user | password | host |
+------+----------+-----------+
| root | | localhost |
+------+----------+-----------+
MariaDB [mysql]> UPDATE user SET password=PASSWORD("20155203") WHERE user=‘root‘;//更改root的密碼
MariaDB [mysql]> flush privileges;//更新權限
MariaDB [mysql]> create database 20155203dukx;
Query OK, 1 row affected (0.01 sec)
MariaDB [mysql]> use 20155203dukx;
//創建數據庫並打開
MariaDB [20155203dukx]> create table usertest1 (student VARCHAR(20),password VARCHAR(20),identity VARCHAR(20));//新建表格，指明表格包含內容以及每項的長度VARCHAR
Query OK, 0 rows affected (0.14 sec)
MariaDB [20155203dukx]> insert into usertest1 values(‘20155203‘,‘20155203‘,‘student‘);
Query OK, 1 row affected (0.01 sec)
MariaDB [20155203dukx]> select * from usertest1 ;
+----------+----------+----------+
| student | password | identity |
+----------+----------+----------+
| 20155203 | 20155203 | student |
+----------+----------+----------+
1 row in set (0.00 sec)
//插入記錄並查看，若把*替換為想查找的關鍵字，可以用於查找與關鍵字有關的記錄。
MariaDB [20155203dukx]> grant select(insert,update,delete) on 20155203dukx.* to dukx@localhost identified by "20155203";
//新建用戶，並為其賦予權限。
不輸入分號，就會一直出現"->“
4. Web後端：PHP基礎
<?php
$uname=($_POST["username"]);
$pwd=($_POST["password"]);
$iden=($_POST["identity"]);
//自行選擇需要匹配的項目進行添加網頁的表單action使用post，若使用get就改成get
/* echo $uname; */
$query_str="SELECT * FROM usertest1 where username=‘$uname‘ and password=‘$pwd‘ and identity=‘$iden‘;";//從自己的表單裏select
/* echo "<br> {$query_str} <br>";*/
$mysqli = new mysqli("127.0.0.1", "dukx", "20155203", "20155203dukx");//b不要使用root一般會失敗，可能是因為數據庫的權限問題
/* 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_str)) {
if ($result->num_rows > 0 ){
echo "<br> Wellcome login Mr/Mrs:{$uname} <br> ";//這裏可以鏈接自己寫的登陸頁面
} else {
echo "<br> login failed!!!! <br> " ;
}
/* free result set */
$result->close();
}
$mysqli->close();
?>php測試；查看/etc/password下的內容：
添加php後端：登陸成功
5. sql註入
- 在用戶名輸入框中輸入
‘ or 1=1#的時候合成的SQL查詢語句為
select * from lxmtable where username=‘‘ or 1=1#‘ and password=‘‘
，#會把後面的內容都註釋掉，而1=1是永真式，所以這個檢索必能匹配成功，所以能夠成功登陸
- 要在後端php文件中改這一句才能執行多句
if ($result = $mysqli->multi_query($query_str))
同時，html文件中用戶名輸入的文本框大小有限制也需要改大，
在用戶名輸入框中輸入‘;insert into usertest1 values(‘20155204‘,‘5204‘,‘student‘);#意思是select之後，還要執行insert語句，結果如下：
6. XSS攻擊測試
檢索/var/www/html目錄下的圖片，也就是網頁源碼文件目錄，輸入<img src="圖片文件名稱" />。。。</a>
2017-2018-2 20155203《網絡對抗技術》 Exp8：Web基礎