扫雷英雄榜演示文件修改版.pptVIP

第2章 扫雷英雄榜 1、系统设计 系统特点 功能设计 用户界面草图 页面迁移图 页面功能设计 2、数据库设计 3、JSP程序 4、系统功能完善 2.1 系统设计 2.1.1 系统特点 建立一个网络扫雷平台，使用者可以注册新用户，然后登录系统，选择扫雷游戏难度，在线进行扫雷游戏，成绩登录，查看排名等。 游戏风格力求与windows自带的游戏相似。 利用此开发思路可开发其他游戏平台，如五子棋、跳棋等 2.1.2 功能设计 2.1.3 用户界面草图 2.1.3 用户界面草图 2.1.3 用户界面草图 2.1.3 用户界面草图 2.1.3 用户界面草图 2.1.4 页面迁移图 2.1.5 页面功能基本设计 （1）欢迎页面 （2）新用户注册页面 （3）游戏难度选择页面 （4）扫雷游戏页面 （5）扫雷英雄排行榜页面 2.2 数据库设计 创建数据库 2.3.1 欢迎页面的编写 function checkform (form) { if (form.username.value == ) { alert(请输入用户名); form.username.focus(); return false; } if (form.password.value == ) { alert(请输入密码); form.password.focus(); return false; } return true; } b欢迎来到扫雷英雄榜，请输入用户名密码：/b form action=login.jsp method=post onsubmit=return checkform(this); table border=0 cellpadding=0 cellspacing=0 trtd 用户名：/tdtdinput type=text name=username/input/td/tr trtd密码：/tdtdinput type=password name=password/input/td/tr trtd height=10/td/tr tr tdinput type=submit value=登 录 style=FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 82px; COLOR: #000000; HEIGHT: 27px; BACKGROUND-COLOR: #E0E0DE/td tdinput type=button onclick=window.location = register.htm; value=注册新玩家 style= FONT-SIZE: 12px; WIDTH: 102px; COLOR: #000000; HEIGHT: 27px; BACKGROUND-COLOR: #E0E0DE/td /tr/table /form 2.4.2 新用户注册界面 2.4.3 注册操作页面的编写 register_new_user.jsp 2.4.4 用户登录页面的编写 login.jsp 2.4.5 游戏页面的编写 失败页面效果 胜利页面效果 2.4.6 游戏排名页面的编写 2.4.7 退出页面的编写 2.5 系统功能的完善 2.5.1 如何防止作弊：get与post Function gameWin() { alert(“恭喜，你赢了！\r\n用时：”+timeUsed+”秒”); document.form_main.usedTime.value=“”+timeUsed; document.form_main.grade.value=“”+level; document.form_main.submit(); } … … form name=“form_main” action=“show_record.jsp” method=“post” input type=“hidden” name=“useTime” value=“” input type=“hidden” name=“grade” value=“” /form 2.5.1 修改后的play.jsp代码 // 首先判断是否以post方式提交 If (reque