目录:
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.猜测结果
结束啦·!
感谢大家观看,有时间的话,可以点赞收藏哦!