jsp实现剪子石头布小游戏
基于JSP实现剪刀石头布小游戏,包含两个页面:玩家选择出拳页面与结果统计页面。通过form表单提交玩家选择,电脑随机出拳,判断输赢结果,并利用session记录累计对战数据,实现历史统计功能。
前两天老师布置了一道小游戏题目,让同学们练练手。说实话,难度不算大,但真上手做起来,前后也花了将近两个小时才跑通。今天把完整的思路和代码梳理出来,给正在学JSP的朋友们做个参考。
问题描述
规则很简单:实现两个页面,第一个页面让玩家选择出拳(剪刀、石头、布),可以用图片单选、radio按钮或者下拉菜单来实现;第二个页面显示本轮输赢结果,并且把历次对战的数据统计输出。跟咱们平时玩的剪刀石头布一样,没啥特殊规则。
实现过程
整体思路是用form表单提交,在第二个页面做结果判断和统计。这里面有两个关键点:一是图片怎么传值,二是数据怎么在页面间保持。下面直接看代码。
游戏界面页面
欢迎来到剪刀石头布游戏大厅 <%String pa = request.getContextPath(); %>
游戏界面长这样:

游戏结果页面
核心逻辑都在这个页面里:接收玩家选择,随机生成电脑的出拳,然后判断输赢,同时用session记录累计数据。
My JSP 'result.jsp' starting page <% String pathnew=request.getContextPath(); // 获取游戏参与者的选项值 String res=request.getParameter("option"); String reslong=res+".jpg"; // 产生随机数进行匹配图片 int com=(int)Math.random()*3; String computer=String.valueOf(com); //computer=0 jiandao //computer=1 shiyou //computer=2 bu if(computer.equals("0")){ computer="jiandao"; } else if(computer.equals("1")){ computer="shitou"; } else{ computer="bu"; } String computerlong=computer+".jpg"; int win=0; int lost=0; int ping=0; Object objwin=session.getAttribute("win"); Object objlost=session.getAttribute("lost"); Object objping=session.getAttribute("ping"); if(objwin==null){ session.setAttribute("win",String.valueOf(win)); } if(objlost==null){ session.setAttribute("lost",String.valueOf(lost)); } if(objping==null){ session.setAttribute("ping",String.valueOf(ping)); } %>结果是
您出的是:![]()
vs
电脑出的是:<% //逻辑判断,session更新统计值 if(res.equals(computer)){ out.println("平局!"); session.setAttribute("ping",String.valueOf(Integer.valueOf((String)session.getAttribute("ping"))+1)); } else if((res.equals("jiandao")&&computer.equals("bu"))||(res.equals("shitou")&&computer.equals("jiandao"))||(res.equals("bu")&&computer.equals("shiyou"))){ out.println("您赢了!"); session.setAttribute("win",String.valueOf(Integer.valueOf((String)session.getAttribute("win"))+1)); } else{ out.println("您输了!"); session.setAttribute("lost",String.valueOf(Integer.valueOf((String)session.getAttribute("lost"))+1)); } %>
统计结果,待写入数据库
您一共玩了<%=String.valueOf( Integer.valueOf((String)session.getAttribute("win"))+Integer.valueOf((String)session.getAttribute("lost"))+Integer.valueOf((String)session.getAttribute("ping")) )%>局
您赢了<%=String.valueOf( Integer.valueOf((String)session.getAttribute("win"))) %>局
您输了<%=String.valueOf( Integer.valueOf((String)session.getAttribute("lost"))) %>局
打平了<%=String.valueOf( Integer.valueOf((String)session.getAttribute("ping"))) %>局
结果页面显示效果:

测试了几轮,绝对没作弊——因为我自己就输了5局,哈哈。老师后来还提了一句,下次要写个更完整的游戏,估计在这个基础上改改就能用。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。















