jsp：1.计算字符串长度；2.猜英文26个小写字母的web游戏

红太狼 2022-02-25 03:11 230阅读 0赞

**目录**

案例一

一、内容

二、实现

三、效果展示

案例二

一、内容

二、实现

三、效果展示

四、总结

--------------------

## 案例一 ##

### 一、内容 ###

编写两个JSP页面inputString.jsp和computer.jsp，用户可以使用inputString.jsp提供表单的输入一个字符串，并提交给computer.jsp页面，该页面通过内置对象获取inputString.jsp页面提交的字符串，计算并显示该字符串的长度。

### 二、实现 ###

1.inputString.jsp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>在此处插入标题</title>
    </head>
    <body>
    <font size=5>
    <form action="computer.jsp" method="post" name="form">
    请输入一个字符串
    <input type="text" name="str">
    <input type="submit" value="提交并计算长度">
    </form>
    </body>
    </html>

2.computer.jsp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>在此处插入标题</title>
    </head>
    <body>
    <font size=5>
    <%String str=request.getParameter("str");
    	byte b[]=str.getBytes("ISO-8859-1");
    	str=new String(b);
    %>
    字符串长度：<%=str.length() %>
    </body>
    </html>

### 三、效果展示 ###

![20190331165032212.png][]   ![20190331165047577.png][]

--------------------

## 案例二 ##

### 一、内容 ###

编写一个猜英文26个小写字母的Web游戏。当用户访问example4-18.jsp页面时，服务器随机分配一个a-z间的字母给用户，用户点击该页面的a连接跳转至guess.jsp页面进行猜测，guess.jsp请求Guess.tag判断用户猜测是否正确。

### 二、实现 ###

1.example4-18.jsp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>在此处插入标题</title>
    </head>
    <body>
    随机分配一个小写的英文字母，请猜猜看！
    <%
    int letter=(int)(Math.random()*26)+97;
    session.setAttribute("count",new Integer(0));
    session.setAttribute("save",new Integer(letter));
    %>
    <br><a href="guess.jsp">去猜猜这个数</a>
    </body>
    </html>

2.guess.jsp

<%@ page contentType="text/html;charset=utf-8"%>
    <%@ taglib tagdir="/WEB-INF/tags" prefix="guessLetter"%>
    <html>
    <body>
    <%String str=request.getParameter("guessLetter");
    if(str==null){
    	str="*";
    }
    if(str.length()==0){
    	str="*";
    }
    %>
    <guessLetter:GuessTag letter="<%=str %>"/>
    当前猜测结果：<%=message %>
    <%if(message.startsWith("你猜对了！")){
    %>	<br><a href="example4-18.jsp">重新获得随机字母</a>
    <%}
    else{
    %> <br> 输入你的猜测：
    <form action="" method="post" name="form">
    <input type="text" name="guessLetter">
    <input type="submit" value="送出" name="submit">
    </form>
    <%}
    %>
    </body>
    </html>

3.Guess.tag

<%@ tag pageEncoding='UTF-8'%>
    <%@ attribute name="letter" required="true" %>
    <%@ variable name-given="message" scope="AT_END"%>
    <% String mess="";
    	Integer integer=(Integer)session.getAttribute("save");  //随机生成的数
    	int realletter=integer.intValue();
    	int guessLetter=0;
    	boolean boo=true;
    	try{
    		char ch[] = letter.toCharArray();
    		byte b=(byte)ch[0];
    		guessLetter=b;
    	}
    	catch(Exception exp){
    		boo=false;
    	}
    	if(boo){
    		if(guessLetter==realletter){
    			int n=((Integer)session.getAttribute("count")).intValue();
    			n=n+1;
    			session.setAttribute("count",new Integer(n));
    			mess="你猜对了！这是第"+n+"次猜测";
    		}
    		else if(guessLetter>realletter){
    			int n=((Integer)session.getAttribute("count")).intValue();
    			n=n+1;
    			session.setAttribute("count",new Integer(n));
    			mess="你猜大了！这是第"+n+"次猜测";
    		}
    		else if(guessLetter<realletter){
    			int n=((Integer)session.getAttribute("count")).intValue();
    			n=n+1;
    			session.setAttribute("count",new Integer(n));
    			mess="你猜小了！这是第"+n+"次猜测";
    		}
    		else if(letter.equals("你还没开始猜")){
    			mess="你还没开始猜";
    		}
    		jspContext.setAttribute("message",mess);
    	}
    	else{
    		jspContext.setAttribute("message","请输入你的猜测");
    	}
    %>

### 三、效果展示 ###

![20190331172127654.png][]   ![20190331172143492.png][]   ![20190331172158128.png][]

![201903311722171.png][]  ![20190331172231634.png][]  ![20190331172242752.png][]  ![20190331172253337.png][]

### 四、总结 ###

案例2，因为小写字母a-z对应的ASCII码值为97-122，所以我的做法是，后台生成一个范围在\[97,123)的随机数，再将用户输入的字母转化成int型，将两个数字进行比较，得出结果。

所以该案例需要考虑的就是如何将用户输入的字母转成对应的ASCII码（主要思想就是字符串转成字符，字符再求出其ASCII码），其中需要两步：

// 1.将输入的字符串转成字符数组：
    char ch[] = letter.toCharArray();
    // 2.将字符数组中的第一个字符转成byte
    byte b=(byte)ch[0];

注意此处不能直接把用户传来的String直接转成int型。

其他细节可以参考书本上的例4-18。

以上。

[20190331165032212.png]: https://img-blog.csdnimg.cn/20190331165032212.png
[20190331165047577.png]: /images/20220225/831213273cf74d6bad2e21771dfdd69e.png
[20190331172127654.png]: https://img-blog.csdnimg.cn/20190331172127654.png
[20190331172143492.png]: https://img-blog.csdnimg.cn/20190331172143492.png
[20190331172158128.png]: /images/20220225/7888455c96794ce4af8e8f0c28f17388.png
[201903311722171.png]: https://img-blog.csdnimg.cn/201903311722171.png
[20190331172231634.png]: https://img-blog.csdnimg.cn/20190331172231634.png
[20190331172242752.png]: https://img-blog.csdnimg.cn/20190331172242752.png
[20190331172253337.png]: /images/20220225/0185212660dd4f499e017d2fc32bc1c5.png