[置顶] 深入体验JavaWeb开发内幕——JSP技术相关案例应用
应用一、通过JSP打印“九九表”
•创建一个Web Project工程。
•编写.jsp页面，页面中提供两个输入文本框，用来收集用户提交的数据，并提供“提交”和“取消”按钮，方便用户提交或取消相应的操作。
l
效果如图：
![[置顶] 深入体验JavaWeb开发内幕——JSP技术相关案例应用_第1张图片](http://img.e-com-net.com/image/info5/7e068d40e3eb49538c6af446d428f022.jpg)
![[置顶] 深入体验JavaWeb开发内幕——JSP技术相关案例应用_第2张图片](http://img.e-com-net.com/image/info5/71038aac03c244c0afec92456519b550.jpg)
![[置顶] 深入体验JavaWeb开发内幕——JSP技术相关案例应用_第3张图片](http://img.e-com-net.com/image/info5/3feaaa46fffa414da5732b8e3d3e689e.jpg)
jsp代码
Chart.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'Chart.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<form action ="ChartPrintServlet" method ="post">
<table border = "1px">
<tr><td>StartNumber</td><td><input type ="text" name = "start" id = "start"/></td></tr>
<tr><td>EndNumber</td><td><input type ="text" name = "end" id = "end"/></td></tr>
<tr><td><input type ="submit" value ="提交" id ="submit"/></td><td><input type ="reset" value ="重置" id ="reset"/></td></tr>
</table>
</form>
</body>
</html>
ChartPrint.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'ChartPrint.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<%
String startNumber = (String)request.getAttribute("start");
String endNumber = (String)request.getAttribute("end");
int st =new Integer(startNumber);
int se =new Integer(endNumber);
for( int i=1;i<=se;i++){
for(int j=st;j<=i;j++){
// out.print(j+"*"+i+"="+j*i+"<br>");
out.print(j+"*"+i+"="+j*i+" ");
}
out.print("<br>");
}
%>
</body>
</html>
ChartPrintServlet.java
package net.csdn.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ChartPrintServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
String start= request.getParameter("start");
String end= request.getParameter("end");
request.setAttribute("start", start);
request.setAttribute("end", end);
request.getRequestDispatcher("ChartPrint.jsp").forward(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
二、使用JSP相关知识通过将jsp页面中的表单信息在服务端获取然后在另一个jsp页面进行输出。
效果如图：
![[置顶] 深入体验JavaWeb开发内幕——JSP技术相关案例应用_第4张图片](http://img.e-com-net.com/image/info5/4dd4d8784a8b4a73bd4d785b01bc6cae.jpg)
![[置顶] 深入体验JavaWeb开发内幕——JSP技术相关案例应用_第5张图片](http://img.e-com-net.com/image/info5/70c0b5affddc4109947a7efe0826af00.jpg)
具体实现如下：
Chart2.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'Chart2.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<form action="ChartServlet" method="post">
<table border ="1px">
<tr><td>姓名：</td><td> <input type="text" name="name"/></td></tr>
<tr><td>性别：</td><td> <input type="radio" value ="male" name ="sex"/>男
<input type="radio" value ="female" name ="sex"/>女</td></tr>
<tr><td>地址：</td><td> <input type="text" name="address"/></td></tr>
<tr><td>爱好：</td><td><input type="checkbox" name="hobby" value="sing"/>唱歌
<input type="checkbox" name="hobby" value="dance"/>跳舞<input type="checkbox" name="hobby" value="read"/>读书
<input type="checkbox" name="hobby" value="write"/>写字</td></tr>
<tr><td border="0px"></td><td> <input type="submit" name="submit" value="提交"/>
<input type="reset" name="reset" value="重置"/></td></tr>
</table>
</form>
</body>
</html>
ChartServlet .java
package net.csdn.servlet;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class ChartServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");PrintWriter out = response.getWriter();String name = request.getParameter("name");System.out.println(name);String sex =request.getParameter("sex").trim();String address =request.getParameter("address").trim();String hobby =request.getParameter("hobby").trim();if((name.equals("")&&name==null)){System.out.println("用户名不能为空！");request.getRequestDispatcher("Chart2.jsp").forward(request, response);return ;}else{request.setAttribute("name", name);request.setAttribute("sex", sex);request.setAttribute("address", address);request.setAttribute("hobby",hobby);request.getRequestDispatcher("Chart3.jsp").forward(request, response);}}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doGet(request, response);}}Chart3.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'Chart3.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <%=request.getAttribute("name") %><br/> <%=request.getAttribute("sex") %><br/> <%=request.getAttribute("address") %><br/> <%=request.getAttribute("hobby") %><br/> </body> </html>好了，赶快自己动在jsp中输出相应信息吧！