1、登陆界面
实现:
本界面由三部分构成,Footer.jsp,Index.jsp,Header.jsp
Header.jsp
<center> <h2>在线测试系统</h2> <p> <a href="Index.jsp" rel="external nofollow" >登录</a> | <a href="test.jsp" rel="external nofollow" >在线测试</a> | <a href="scorelist.jsp" rel="external nofollow" >成绩榜</a> </p> </center>
该部分主要实现主界面的头部信息,显示三个链接,分别可以跳转到登陆界面,在线测试界面,以及成绩榜界面
Footer.jsp
<%!int pageCount = 0;%> <% pageCount++; %> <center> <p>Copyright @ 2018 | 访问次数:<%=pageCount%></p> </center>
该部分显示登录页面的底部信息,即显示访问次数等其他信息
Index.jsp
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <jsp:include page="Header.jsp" /> <center> <form action="check.jsp" method="get"> 用户名<input type="text" name="username" /> <br> 密码<input type="password" name="psd" /> <br><br> <button type="submit">登录</button> <button type="reset">重填</button> </center> <jsp:include page="Footer.jsp" /> </form> </body> </html>
该部分主要显示登陆界面的中间界面,用户可以输入用户名和密码实现登陆系统
2、登陆检测
当用户点击登陆按钮,系统后台会获取用户输入的用户名以及密码,并与预设的进行比对,由于本例没有使用数据库,所以使用Map存储用户名及密码
<%! Map<String,String> userlist= new HashMap<String,String>(); %> <% userlist.put("qq", "11"); userlist.put("ww","22"); userlist.put("ee","33"); %> <%! boolean check(String username,String psd){ if(userlist.containsKey(username)){ if(userlist.get(username).equals(psd)){ return true; } } return false; } %> <% String username=request.getParameter("username"); String psd=request.getParameter("psd"); if(check(username,psd)){ session.setAttribute("username", username); out.print("欢迎"+username); out.print("<a href='test.jsp'>开始测试</a>"); } else{ out.print("登陆失败,3秒钟后重新登录"); response.setHeader("refresh", "3;url='Index.jsp'"); } %>
当用户输入的用户名及密码正确时,系统会显示用户姓名,以及跳转链接,同时使用session保存用户名,密码不正确时,3秒后返回登陆界面,
3、测试页面
用户输入用户名及密码后便进入测试页面,测试页面的第一行显示用户名,之后显示题目信息。
<% String username=(String)session.getAttribute("username"); if(username==null){ out.print("未登陆,3秒钟后重新登录"); response.setHeader("refresh", "3;url='Index.jsp'"); } else{ %> 考生:<%=session.getAttribute("username") %> <h3>在线测试题</h3> <form action="submit.jsp" onsubmit="return confirm('确定提交吗?')"> 第1题:湖北省会是 <input type="text" name="q1" /> <br><br> 第2题:宋朝开国皇帝是 <br> <input type="radio" value="赵匡胤" name="q2"> 赵匡胤 <input type="radio" value="朱元璋" name="q2"> 朱元璋 <input type="radio" value="李渊" name="q2"> 李渊 <br><br> 第3题:四大名著有 <br> <input type="checkbox" value="红楼梦" name="q3"> 红楼梦 <input type="checkbox" value="水浒传" name="q3"> 水浒传 <input type="checkbox" value="J2EE编程技术" name="q3"> J2EE编程技术 <br><br> <button type="submit">提交</button> </form> <%}%>
进入页面之前,会再次检测用户是否登录,以防止用户通过其他路径访问到该页面。
点击提交时,系统会提示是否提交,点击确定后,系统后台要做两件事,第一件事就是注销session,另一件事就是通过答案获取相应的分数,并且将用户名和分数保存。
4、提交页面
用户完成题目点击提交后,系统会获取用户的答案,并与标准答案对比,获取相应的分数,同时使用application保存用户名和成绩,这样就可以在成绩榜中显示每个用户的成绩信息
<%! Map<String, Integer> score_list = new HashMap<String, Integer>(); //存放用户名+成绩 %> <% int score=0; String q1=request.getParameter("q1"); String q2=request.getParameter("q2"); String[] q3=request.getParameterValues("q3"); if(q1!=null&&q1.equals("武汉")){ score+=10; } if(q2!=null&&q2.equals("赵匡胤")){ score+=10; } if(q3!=null&&q3.length==2&&q3[0].equals("红楼梦")&&q3[1].equals("水浒传")){ score+=10; } //out.print("<h2>你的成绩=" + score + "</h2>"); score_list.put((String)session.getAttribute("username"), score); application.setAttribute("scorelist", score_list); response.sendRedirect("logout.jsp"); %>
5、成绩榜
成绩榜通过application显示所有登陆用户的用户名及成绩,并按照成绩进行排序‘'
<h1>成绩榜</h1> <%! //降序排序 public <K, V extends Comparable<"scorelist")==null){ out.print("<h3>没有成绩</h3>"); } else{ //遍历显示所有成绩(Map遍历) Map<String, Integer> score_list= (Map<String, Integer>)application.getAttribute("scorelist"); score_list=sortByValueDescending(score_list); Set s=score_list.keySet(); Iterator it=s.iterator(); while(it.hasNext()){ String username=(String)it.next(); int score=score_list.get(username); out.print("<h3>"+username+":"+score+"</h3>"); } } %>
6、完整流程
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]