javaweb之jsp猜数字小游戏

该博客主要介绍了使用Java和JSP实现猜数游戏的过程。首先新建工程,在工程下创建多个JSP文件,如test1.jsp、test1guess.jsp等,并在各文件中编写代码。最后展示了游戏开始和猜测结果的运行情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录:

1.新建工程

2.代码实现

3.运行结果

1.新建工程

题目解释:

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

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

在工程下新建jsp文件:test1.jsp,test1guess.jsp,test1large.jsp,test1small.jsp,test1right.jsp。

在各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>

2.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>

3.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>

 4.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>

 3.运行结果

1.游戏开始

 

 2.猜测结果

结束啦·!

感谢大家观看,有时间的话,可以点赞收藏哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值