2020-05-01-----JavaWeb之猜数字小游戏

JavaWeb之猜数字小游戏实现一个猜数字小游戏：系统先随机分配给用户一个1到100之间的数，然后用户在页面输入自己的猜测，如果用户猜测不正确，则提示用户猜测的数字是大了还是小了；如果用户猜测正确，则游戏结束。要求：游戏中的不同功能分别在不同的JSP页面中实现，并在JSP页面中使用到session等内置对象。逻辑处理不允许使用JS脚本来实现。AJAX可以使用。操作步骤1.新建工程。2...

易de

6163人浏览 · 2020-05-01 11:01:57

易de · 2020-05-01 11:01:57 发布

JavaWeb之猜数字小游戏

实现一个猜数字小游戏：系统先随机分配给用户一个1到100之间的数，然后用户在页面输入自己的猜测，如果用户猜测不正确，则提示用户猜测的数字是大了还是小了；如果用户猜测正确，则游戏结束。

要求：游戏中的不同功能分别在不同的JSP页面中实现，并在JSP页面中使用到session等内置对象。逻辑处理不允许使用JS脚本来实现。AJAX可以使用。

操作步骤

1.新建工程。
2.在工程下新建jsp文件：test1.jsp，test1guess.jsp，test1large.jsp，test1small.jsp，test1right.jsp。
3.在各jsp文件下写下面代码。

实验代码

游戏开始界面test1.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>猜数字小游戏</title>
<style type="text/css">
	form{
		width: 300px;
		height:300px;
		margin: 0 auto;
		border-radius: 5%;
		border: 1px solid black;
		text-align: center;
	}
</style>
</head>
<body>
<form method="get" action="test1guess.jsp">
	<h2>猜数字小游戏</h2>
	
	<%
	int num =(int)(100*Math.random()+1);
	session.setAttribute("save", new Integer(num));
	%>
	<%-- 产生的随机数是:<%=num %> --%>
	
	<p>请用户输入猜测的数字:<input type="text" name="guess">
	<p><input type="submit" value="单击此处验证" >
	
</form>

</body>
</html>

test1guess.jsp（验证用户猜的数是大了还是小了还是正确？）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>guess</title>
</head>
<body>
	<%
		request.setCharacterEncoding("UTF-8");
		response.setCharacterEncoding("UTF-8");
		
		int num1= (int)session.getAttribute("save");//获取产生的随机数
		String guess1 = request.getParameter("guess");//获取用户猜测的数字
		session.setAttribute("guess", guess1);
		String guess2 = (String)session.getAttribute("guess");
		int guess3 = Integer.parseInt(guess2);
		if(guess2!=null){
			if(guess3>num1){
				//response.sendRedirect("test1large.jsp");
				request.getRequestDispatcher("test1large.jsp").forward(request,response);
			}else if(guess3<num1){
				response.sendRedirect("test1small.jsp");
			}else{
				response.sendRedirect("test1right.jsp");
			}
		}
	%>
</body>
</html>

test1large.jsp（猜大了）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>large</title>
<style type="text/css">
	form{
		width: 300px;
		height:300px;
		margin: 0 auto;
		border-radius: 5%;
		border: 1px solid black;
		text-align: center;
	}
</style>
</head>
<body>
<form method="get" action="test1guess.jsp">
	<h3>您猜的数字是<%=session.getAttribute("guess") %></h3>
	<h3>猜大了！</h3><br>
	<p>请重新输入猜测的数字:<input type="text" name="guess">
	<p><input type="submit" value="验证" >
	
</form>
</body>
</html>

test1small.jsp（猜小了）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>small</title>
<style type="text/css">
	form{
		width: 300px;
		height:300px;
		margin: 0 auto;
		border-radius: 5%;
		border: 1px solid black;
		text-align: center;
	}
</style>
</head>
<body>

<form method="get" action="test1guess.jsp">
	<h3>您猜的数字是<%=session.getAttribute("guess") %></h3>
	<h3>猜小了！</h3><br>
	<p>请重新输入猜测的数字:<input type="text" name="guess">
	<p><input type="submit" value="验证" >
	
</form>
</body>
</html>

test1right.jsp（猜小了）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>right</title>
<style type="text/css">
	form{
		width: 300px;
		height:300px;
		margin: 0 auto;
		border-radius: 5%;
		border: 1px solid black;
		text-align: center;
	}
</style>
</head>
<body>
<form method="get" action="test1guess.jsp"><br>
	<h3>您猜的数字是<%=session.getAttribute("guess") %></h3><br><br><br>
	<h2>恭喜您，猜对了！</h2><br>
</form>
</body>
</html>