【抽獎平臺開發（3）】將抽獎結果提交的表單上傳至數據庫，完成抽獎平臺前臺開發（PHP+MySQL）

---

前期內容提要：

• 【抽獎平臺開發（1）】抽獎功能的前端實現（HTML+JS+CSS）
• 【抽獎平臺開發（2）】抽獎結果的表單提交，實現Web前後端的數據交互（HTML+JS+PHP）

---

在將抽獎結果通過表單方式提交至後端後，最後一步就是要將後端接受到的抽獎結果存儲至數據庫中去。

基本思路：數據庫創建用於記錄抽獎結果的數據表，使用PHP連接數據庫並向數據表中寫入數據。

---

一、創建用於存儲抽獎結果的數據表

由於準備使用PHP連接數據庫，因此在MySQL 數據庫的管理工具選擇上使用了這款使用PHP 開發的基於B/S模式的 MySQL 客戶端軟件phpMyAdmin。

1. 選中數據庫創建數據表
2. 創建數據表結構
   
   這裏我設置了兩個字段名，分別爲id和gift，並將id設置爲 主鍵 並且 AUTO_INCREMENT 。

嘗試寫入一條數據測試：

INSERT INTO `gift`(`gift`) VALUES ("禮物")

---

二、使用PHP連接數據庫並向數據表中寫入數據

• 連接數據庫

<?php
header("content-type:text/html;charset=utf-8");

@ $db=mysqli_connect("localhost","用戶名","密碼","數據庫名稱");
if(mysqli_connect_errno()){
	echo("Error:Couldnot connect the database");
	exit;
}
?>

• 寫入抽獎結果

<?php
$results=$_GET['results'];

$strsql = "insert into gift(gift) values($results)";
$result=mysqli_query($db,$strsql);
if(!$result){
	echo("fail to insert data");
}else{
	echo("sucess in insert data");
}
@ mysqli_free_result($result);
mysqli_close($db);
?>

---

三、優化表單提交

顯然，在抽獎完成後，數據的後端提交無需回顯至用戶界面，也不應當允許頁面自動跳轉覆蓋原來的抽獎頁面。基於此，在表單HTML部分，做出如下修改，使得在表單提交後，跳轉自當前頁面（未跳轉）：

	<form  id='test_form' action="gift.php"  method="get" target="frameName">	
      <input name="results" id="results" type="hidden" value="">
	</form>

	<iframe src="" frameborder="0" name="frameName" style="display:none;"></iframe>

---

至此，我們成功將抽獎結果提交的表單上傳至數據庫，完成了抽獎平臺前臺的全部開發（源碼已上傳），在下一章，我們將致力於爲管理員提供一個安全高效可視化的數據管理平臺，選擇MVC開發模式，將顯示與邏輯相分離，通過對複雜度的簡化，使程序結構更加直觀，同時提高代碼複用率，降低耦合度，完成抽獎平臺後臺開發。

---

後期內容提要：

• 【抽獎平臺開發（4）】基於MVC模式實現數據後臺管理操作的可視化（PHP+HTML+MySQL）

---

如果您有任何疑問或者好的建議，期待你的留言與評論！