题目1
1 题目说明
1、请实现一个简单的购物车功能。
(1)list.jsp。商品列表页面,可以将商品加入购物车,可以查看购物车。
(2)shopcar.jsp。显示购物车里的商品
2 实验设计
题目1工程结构:有两个jsp页面,分别为list.jsp和shopcar.jsp。list.jsp负责显示商品列表,利用表单的复选框checkbox选定需要购买的商品并提交。在list.jsp页面也有超链接可以点开shopcar.jsp。在shopcar.jsp,可以显示之前已经选定购买的商品,也可以通过超链接回到list.jsp页面
3 运行界面截图与说明
在list.jsp页面,显示了各项商品的名称与价格。在商品名称前还有复选框,可以选定想购买的商品。
点击“购物”后,再点击“欢迎查看购物车”,可以看到已经选定购买的商品名单。
4 代码
list.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>list.jsp</title> </head> <body> <form action="" method="post" name="form"> 这里是商品列表页面: <br /> <input type="checkbox" name="item" value="iPhone XXX"> iPhone XXX <font color="red">8888.88</font><br> <input type="checkbox" name="item" value="iPad Pro"> iPad Pro <font color="red">7777.77</font><br> <input type="checkbox" name="item" value="Dell G3"> Dell G3 <font color="red">6666.66</font><br> <input type="checkbox" name="item" value="华为手机"> 华为手机 <font color="red">9999.99</font><br> <input type="checkbox" name="item" value="大鼠标垫"> 大鼠标垫 <font color="red">5555.55</font><br> <br /> <input type="submit" value="购物" name="submit"> <p> <a href="shopcar.jsp"> 欢迎查看购物车!</a> </p> <% request.setCharacterEncoding("utf-8"); String goods[] = request.getParameterValues("item"); if (goods != null && goods.length != 0) { for (int i = 0; i < goods.length; i++) { session.setAttribute(goods[i], goods[i]); } } %> </form> </body> </html>
shopcar.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ page import="java.util.*"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>shopcar.jsp</title> </head> <body> <p> <% Enumeration enumGoods = session.getAttributeNames(); out.println("<font size=40>购物车:</font><br>"); while (enumGoods.hasMoreElements()) { String key = (String) enumGoods.nextElement(); String good = (String) session.getAttribute(key); out.println(" " + good + "<br>"); session.removeAttribute(key); } %> </p> </body> </html>
题目2
1 题目说明
使用JSP内置对象实现猜数字的小游戏。见附件1
(1)当客户访问服务器上的getNumber.jsp 时,随机分配给客户一个1~100 之间的整数, 然后将这个整数存在客户的session对象中。客户在表单里输入一个整数, 来猜测分配给自己的那个整数。
(2)客户输入一个整数后, 提交给result.jsp,该页面负责判断这个整数是否和客户session对象中存在的那个整数相同, 如果相同就连接到success.jsp;如果不相同就连接到large.jsp 或small.jsp,然后, 客户在这些页面再重新提交整数result.jsp。
2 实验设计
题目2工程结构:启动时运行getNumber.jsp,生成一个随机数并创建一个session。这五个网页用的都是同一个session。
在getNumber.jsp页面中,用户可以输入一个数字并提交表单。交给result.jsp判断用户猜的数与getNumber.jsp中随机生成的数是否相等。若相等,则跳转到success.jsp页面。success.jsp能计算session创建的时长即为用户猜这个数字所需的时间,并输出用户猜错数字的次数。若不相等,则交给large.jsp和small.jsp给用户提示这个数字是大了或小了。并在这两个网页内,也会记录用户猜错数字的次数。
3 运行界面截图与说明
50比实际的数大,跳转到了large.jsp。此时,再猜25
25比实际的数小,再猜。这次猜40。
再猜。第三次猜就猜对了,正确地输出了提示语句。正确地计算了猜数字所需时间与次数。
4 代码
getNumber.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>getNumber.jsp</title> </head> <body> 随机分给你了一个1到100之间的数,请猜!<br> <% int num=(int)(Math.random()*100)+1; session.setAttribute("cnt",0); session.setAttribute("ans",num); out.println("输入你所猜的数"); %> <form action="result.jsp" method="post"> <input type="text" name="usernum"> <input type="submit" value="送出" name="submit"> </form> </body> </html>
large.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>large.jsp</title> </head> <body> <% out.println("所猜的数比实际的数大,请再猜"); %> <form action="result.jsp" method="post"> <input type="text" name="usernum"> <input type="submit" value="送出" name="submit"> </form> </body> </html>
result.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>result.jsp</title> </head> <body> <% String str=request.getParameter("usernum"); if (str==null) str="0"; int guessNum=Integer.parseInt(str); int ans=(int)session.getAttribute("ans"); int cnt=(int)session.getAttribute("cnt"); cnt++; session.setAttribute("cnt",cnt); if(guessNum==ans){ response.sendRedirect("success.jsp"); } else if(guessNum>ans){ response.sendRedirect("large.jsp"); } else { response.sendRedirect("small.jsp"); } %> </body> </html>
small.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>small.jsp</title> </head> <body> <% out.println("所猜的数比实际的数小,请再猜"); %> <form action="result.jsp" method="post"> <input type="text" name="usernum"> <input type="submit" value="送出" name="submit"> </form> </body> </html>
success.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>success.jsp</title> </head> <body> 恭喜你,猜对了<br> <% int cnt=(int)session.getAttribute("cnt"); int ans=(int)session.getAttribute("ans"); long startTime=session.getCreationTime(); long endTime=session.getLastAccessedTime(); double usedTime=(endTime-startTime)/1000; out.println("您共猜了"+cnt+"次<br>"); out.println("用时"+usedTime+"秒<br>"); out.println("这个数字就是"+ans+"<br>"); %> 您必须关掉浏览器才能获得新的数<br> </body> </html>