版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
前期内容提要：
- 【抽奖平台开发（1）】抽奖功能的前端实现（HTML+JS+CSS）
- 【抽奖平台开发（2）】抽奖结果的表单提交，实现Web前后端的数据交互（HTML+JS+PHP）
在将抽奖结果通过表单方式提交至后端后，最后一步就是要将后端接受到的抽奖结果存储至数据库中去。
基本思路：数据库创建用于记录抽奖结果的数据表，使用PHP连接数据库并向数据表中写入数据。
一、创建用于存储抽奖结果的数据表
由于准备使用PHP连接数据库，因此在MySQL 数据库的管理工具选择上使用了这款使用PHP 开发的基于B/S模式的 MySQL 客户端软件phpMyAdmin。
- 选中数据库创建数据表
- 创建数据表结构
这里我设置了两个字段名，分别为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开发模式，将显示与逻辑相分离，通过对复杂度的简化，使程序结构更加直观，同时提高代码复用率，降低耦合度，完成抽奖平台后台开发。
后期内容提要：
扫描二维码关注公众号，回复：
7593700 查看本文章
- 【抽奖平台开发（4）】基于MVC模式实现数据后台管理操作的可视化（PHP+HTML+MySQL）
如果您有任何疑问或者好的建议，期待你的留言与评论！