资源描述
登陆界面:welcome.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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 background="image/11.png" >
<style type="text/css">
h1{color:#A0795A;
font-size:40pt;
}
</style>
<img src="image/wel1.gif">
<!--生成随机数 -->
<%
/*给count清空 */
if(session.getAttribute("count")!=null){
session.invalidate();
}
int random=(int)(Math.random()*100+1);
session.setAttribute("random", random);
System.out.print("随机数 "+random);
session.setAttribute("count", 1);
%>
<center>
<h1>猜数字</h1>
<br>
<br>
<form >
<button type="button" name="but01" onclick="window.location.href='Guess.jsp'" ><font size="5px" face="楷体" color="#A0795A">开始游戏</font></button>
<button type="button" name="but02" onclick="window.location.href='Introduce.jsp'" ><font size="5px" face="楷体" color="#A0795A">游戏说明</font></button>
</form>
<br>
<br>
</center>
</body>
</html>
游戏介绍:introduce.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>
<script type="text/javascript">
function restart() {
top.location("Welcome.jsp");
}</script>
</head>
<body background="image/12.png" >
<style type="text/css">
h1{
color:#FD5183;
font-size:40pt;
font-style:inherit;
}
</style>
<%if(session.getAttribute("count")!=null){
session.invalidate();
// System.out.print("you mei you zhi xing ");
} %>
<center>
<h1>猜数字游戏说明<br></h1>
<font color="red" size="5">点击开始游戏进入游戏界面<br>
输入你所猜的数字,游戏会提示你所猜的数字与正确数字的大小<br>
你有五次猜数字的机会,若五次都未猜中,则游戏失败<br>
<br>
<br>
<button type="button" name="but" onclick="window.location.href='Welcome.jsp'" ><font size="5px" face="楷体" color="#A0795A">返回开始游戏</font></button>
<!-- <input type="button" name="but01" value="返回开始游戏" onclick="window.location.href='Welcome.jsp'"> -->
</center>
</font>
</body>
</html>
Guess.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>
<script type="text/javascript">
/*判断输入的值是否为空和是否在1~100之间 */
function check(){
var num0 = document.getElementById("num").value;
if(!check1(num0)){
alert("请输入数字!");
return false;
}
if(!check2(num0)){
alert("请输入1~100间的数字!");
return false;
}
}
function check1(num){
if(num==null||isNaN(num)){
return false;
}
return true;
}
function check2(num){
if(num>100||num<1){
return false;
}
return true;
}
</script>
</head>
<body background="image/w.png">
<% String message = (String)session.getAttribute("message"); %>
<center><font size="6px" face="宋体">欢迎进入游戏</font></center>
<br>
<br>
<br>
<br>
<form action="${pageContext.request.contextPath}/Control" method="post" name=form1 >
<center><font size="4px" face="宋体">请输入一个1~100之间的数字:</font>
<input type="text"name="txt01" id = "num"size=8>
<input type="submit" name="type" value="提交" onclick="return check()">
</center>
<br>
<br>
<img alt="" src="image/g2.gif" align="left" >
<img alt="" src="image/g2.gif" align="right" >
<table width="500px" height="250px" border="2" align="center">
<%
String c=session.getAttribute("count").toString();
int count = Integer.parseInt(c);
//System.out.print("zhiccccc"+count);
if(count != 1){
for(int i= 1;i <= count-1;i++){
%>
<tr>
<td>
<%
out.print("这是第"+i+"次猜数字");
%>
</td>
<td>
<%
String num = session.getAttribute("number"+i).toString();
//System.out.print("num-=========="+num);
out.print("您猜的数字是"+num);
%>
</td>
<td>
<%
String result = session.getAttribute("message"+i).toString();
out.print("提示 "+result);
%>
</td>
</tr>
<% }
}
%>
</table>
</form>
</body>
</html>
成功界面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>Insert title here</title>
<script type="text/javascript">
function restart() {
top.location("Welcome.jsp");
}</script>
</head>
<body background="image/13.png">
<center>
<h2><font size="6px" face="楷体" color="#BB7E01">恭喜你,猜对啦^_^</font></h2>
<br>
<br>
<br>
<img src="image/s2.gif" align="left">
<img src="image/s2.gif" align="right">
<button type="button" onclick="restart()" ><font size="6px" face="宋体" color="#BB7E01">重新开始</font></button>
</center>
</body>
</html>
失败界面:Fail.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>Fail!</title>
<script type="text/javascript">
function restart() {
top.location("Welcome.jsp");
}</script>
</head>
<body background="image/14.png">
<center>
<h1><font size="6px" face="宋体" color="#A6B387">好可惜,没有猜对#^_^:</font></h1>
<img alt="" src="image/fail.gif" align="center">
<br>
<br>
<br>
<br>
<br>
<button type="button" onclick="restart()"><font size="6px" face="宋体" color="#A6B387">再来一次</font></button>
</center>
</body>
</html>
控制层:Cotrol.java
package Controller;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import javax.swing.text.StyledEditorKit.BoldAction;
import javax.websocket.Session;
import Model.Computer;
/**
* Servlet implementation class Control
*/
@WebServlet("/Control")
public class Control extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public Control() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
test(request, response);
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
test(request, response);
}
protected void test(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
//得到输入的值
String s=request.getParameter("txt01");
int number=Integer.parseInt(s);
//得到随机数
String random=request.getSession().getAttribute("random").toString();
//将随机数转换成int型
int random_num=Integer.parseInt(random);
//获取次数
String c =request.getSession().getAttribute("count").toString();
int count = Integer.parseInt(c);
count++;
Computer computer=new Computer();
int oper=pute(request, response, number, random_num); //调用方法获得比较的结果
//跳转界面
if(oper==0){
response.sendRedirect("Success.jsp");
request.getSession().invalidate();
}
else{
//第五次没猜对,游戏结束
if(count>5){
response.sendRedirect("Fail.jsp");
request.getSession().invalidate();
}
else{
if(oper==1){
response.sendRedirect("Guess.jsp");
request.getSession().setAttribute("count", count);
}
else if(oper==-1){
response.sendRedirect("Guess.jsp");
request.getSession().setAttribute("count", count);
}
}
}
}
}
模型层:computer.java
package Model;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class Computer {
public int compute(HttpServletRequest request, HttpServletResponse response,int number,int random){
//获取count值
String c = request.getSession().getAttribute("count").toString();
int count = Integer.parseInt(c);
//判断输入的值与随机数的大小
if(count<6){
if(number==random){
return 0;
}else{
if(number>random){
request.getSession().setAttribute("message"+count, "猜大了");
request.getSession().setAttribute("number"+count,number);//保存num
return 1;
}else if(number<random){
request.getSession().setAttribute("message"+count, "猜小了");
request.getSession().setAttribute("number"+count,number);//保存num
return -1;
}
}
}
return 3;
}
}
展开阅读全文