这个游戏是从网上找的代码参考做出来的,参考的游戏是全静态的布局,无法自适应。我将其修改了一下,将其改为自适应的程序。
这个程序我是有php代码的,所以如果没有学过的话,可以学一下,或者将php代码删除了,再改一下文件的后缀为.html就可以运行了。
开始界面做的比较丑,将就着看吧。
排名榜的界面。
帮助的界面。
游戏的主体部分。
结束的界面。
游戏的界面基本上就是这样子了,接下来就是来讲解一下代码了。
index.php:
<?php error_reporting(0);header("Content_type:text/html;charset=utf-8");
$link = mysql_connect("localhost","root","root");
if(!$link){
die("数据库连接失败".mysql_error());
}
mysql_select_db("demo_3",$link);
mysql_query("set names utf8");
if($data = $_GET[t]){
$id = 0;//"微信openid"
$name = "用户名";
//找到用户信息
$sql = "select * from `game` where ID='{$id}'";
$user = mysql_query($sql,$link);
if($user_data = mysql_fetch_row($user)){
//当前的成绩比以前强
if($user_data[1] > $data){
$sql = "update `game` set score='{$data}' where ID=$id";
if(!mysql_query($sql,$link)){
echo "数据更新失败!";
}
}
} else {
$sql = "insert into `game`(ID,score,name)values('{$id}','{$data}','{$name}')";
if(!mysql_query($sql,$link)){
echo "数据插入失败!";
}
}
}else {
$sql = "select * from `game` order by score desc";
$user = mysql_query($sql,$link);
for($i=0;$i<6&&($temp=mysql_fetch_row($user));$i+=2){
$show[$i] = $temp[2];
$show[$i+1] = $temp[1];
}
$sql = "select * from `museum`";
if(!($val = mysql_query($sql,$link))){
echo "查找失败!".m