先上界面：
（前端可以使用css、js等库进行美化，相关章节可以参见前面关于css、js的总结。当然，“技术不是最重要的，最重要的想法、创意”。瞎扯，都重要！其实艺术和技术的结合，是一件挺有意思的事情）
1. 本地tomcat上部署后，访问链接：http://localhost:9001/BS/
成绩单：
源码：
index.jsp:
<%@page contentType="text/html;charset=GBK"%> <html> <head> <title>小学一年级数学期末考试</title> </head> <style> #all{ width: 800px; height: 450px; border: 1px solid green; position:absolute; top:50%; left:50%; margin:-225px 0 0 -400px; } </style> <% int errorTag=0;////errorTag！=0是因为用户非法输入，非法输入不更新题目 if(session.getAttribute("errorTagInput")!=null){ errorTag = (int)session.getAttribute("errorTagInput"); session.setAttribute("errorTagInput", null);// 重新监听非法输入 } if(errorTag == 0){// 正常输入 int a = (int)(Math.random() * 1000) + 1; int b = (int)(Math.random() * 1000) + 1; session.setAttribute("a", a); session.setAttribute("b", b); } %> <!-- 显示正确/错误的提示信息 --> <jsp:useBean id="ci" scope="session" class="exec.CInfo"> <jsp:setProperty name="ci" property="info" value="****" /> </jsp:useBean> <body> <div id="all" style="border:1px #cccccc solid; 50%; height:80%px; text-align:center;"> <br> <h1>小学一年级期末考试</h1> <h2>计时开始...</h2> <br> <b>Please Answer：</b><br> <%= session.getAttribute("a") %> + <%= session.getAttribute("b") %>= <br><br> <b>The last time to answer：</b> <p style="color:red"><jsp:getProperty name="ci" property="info" /><p> <br> <!-- 输入猜数的表单界面 --> <form method="POST" action="Action"> <b>Answer：<input type="text" name="guessNumber" size="20"></b> <input type="submit" value="SUBMIT" name="B1"> </form> <form method="POST" action="Action"> <input type="submit" value="QUIT" name="B1"> </form> </div> </body> </html>
success.jsp:
<%@page contentType="text/html;charset=GBK"%> <html> <head> <title>数学期末成绩</title> </head> <pre> <% if(session.getAttribute("true_total")!=null && session.getAttribute("total")!=null){ int true_total = (int)session.getAttribute("true_total"); int total = (int)session.getAttribute("total"); out.println("正确数：" + true_total); out.println("答题数：" + total); out.println("正确率：" + String.format("%.2f",true_total*100.0/total)+"%"); }else{ out.println("请不要交白卷！"); } session.invalidate(); %> </pre> <body> <p><a href='index.jsp'>是否对成绩还不满意？点击重考！</a> </body> </html>
Action.java:
import java.io.IOException; import java.io.PrintWriter; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; //判断题目是否正确的Servlet类，并做相应的处理 public class Action extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet { // 构造函数 public Action() { super(); } // 记录题目数 int total = 0; int true_total = 0; // 处理GET请求 public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException { // 设置发送到客户端的内容类型 response.setContentType("text/html;charset=GB2312"); //判断点击的是哪个按钮 String btn = request.getParameter("B1"); if(btn.equals("QUIT")) {//如果是退出按钮，直接返回了，不用执行下面else里面的代码了 total = 0; true_total = 0; RequestDispatcher dispatcher = request .getRequestDispatcher("success.jsp"); dispatcher.forward(request, response); }else { // 获取客户端写入器 PrintWriter out = response.getWriter(); // 获取客户端请求信息中的guessNumber属性值 String s1 = request.getParameter("guessNumber"); // System.out.println(s1); // 获取当前会话 HttpSession session = request.getSession(true); session.setAttribute("total", ++total); session.setAttribute("true_total", true_total);//为了防止全答错的情况 // 获取会话信息中的ci属性 exec.CInfo ci = (exec.CInfo) session.getAttribute("ci"); int num1=0; int a = (int) session.getAttribute("a"); int b = (int) session.getAttribute("b"); System.out.println(a+"+"+b); // 得到输入的内容 if(isNumeric(s1)) { num1 = Integer.parseInt(s1); }else { session.setAttribute("errorTagInput", 1); ci.setInfo("Input error, please retype****** "+a+"+"+b+"="); RequestDispatcher dispatcher = request .getRequestDispatcher("index.jsp"); dispatcher.forward(request, response); } // 如果猜数与系统生成的初始随机数相等 if (num1 == a+b) { // 跳转到成功页面 session.setAttribute("true_total", ++true_total); ci.setInfo(a+"+"+b+"="+num1+"******"+"True"); RequestDispatcher dispatcher = request .getRequestDispatcher("index.jsp"); dispatcher.forward(request, response); // 结束当前会话 // session.invalidate(); } else { // 设置显示的提示信息 ci.setInfo(a+"+"+b+"="+num1+"******"+"False"+"******The correct result："+(a+b)); // 跳转到主页面页面 RequestDispatcher dispatcher = request .getRequestDispatcher("index.jsp"); dispatcher.forward(request, response); // 结束当前会话 // session.invalidate(); } }} // 处理POST请求，执行和处理GET请求一样的方法 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } // 判断传入的值是否为数字类型 public static boolean isNumeric(final String str) { // null or empty if (str == null || str.length() == 0) { return false; } try { Integer.parseInt(str); return true; } catch (NumberFormatException e) { try { Double.parseDouble(str); return true; } catch (NumberFormatException ex) { try { Float.parseFloat(str); return true; } catch (NumberFormatException exx) { return false; } } } } }
CInfo.java：（这个类其实没有必要做，直接返回一个字符串到session中即可，但这是一个时代留下来的经典用法，简单熟悉一下，算是回顾吧）
package exec; //提示信息类 public class CInfo { // 提示信息 private String info; // 提示信息的设置函数 public void setInfo(String str) { info = str; } // 提示信息的读取函数 public String getInfo() { return info; } }
web.xml：
<?xml version="1.0" encoding="UTF-8"?> <web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <display-name>webapp</display-name> <servlet> <description> </description> <display-name> Action</display-name> <servlet-name>Action</servlet-name> <servlet-class> Action</servlet-class> </servlet> <servlet-mapping> <servlet-name>Action</servlet-name> <url-pattern>/Action</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list> </web-app>
-----------servlet+jsp end ---------
链接：https://github.com/tangdiao/Explore/
相关的基础和高深的知识，其他博客已有更新，这里不再赘述。其实servlet+jsp很可爱，加上数据库访问层，对于一般的web应用完全没问题。从实际项目开发中，我发现，一个应用要真正的落地，构建应用阶段其实问题不大，不断地update就行了。重在后面维护和运营等一系列事情，这里涉及到一个软件的整个生命周期的问题。我是正在探索中的小白，一起加油吧。