我们就来模拟这么一个场景，数据库里面有两张表，分别是学生、班级表，一个班级对应多个学生。网页上显示所有的班级信息，选中一个班级后，点击查询按钮，得到的网页显示该班级所有的学生信息。
OK，之前已经建立过这两张表了，我们在表内插入以下测试数据：
/*班级编号、班级名称、对应的房间编号*/
INSERT INTO `class_info` VALUES ('1', '一班', '1');
INSERT INTO `class_info` VALUES ('2', '二班', '2');
INSERT INTO `class_info` VALUES ('3', '三班', '3');
/*学生编号、学生姓名、对应的班级编号*/
INSERT INTO `student_info` VALUES ('2', '火星人', '1');
INSERT INTO `student_info` VALUES ('3', '赵柳', '1');
INSERT INTO `student_info` VALUES ('4', '霸王龙', '2');
INSERT INTO `student_info` VALUES ('5', '张大飞', '3');
简单的解释下：
1，项目分为源代码src和网页WebRoot两大部分
2，src下属4个包entity、operation、servlet、sql，分为用来保存数据库表对应Java类、表对应的增删改查操作类、保存servlet、保存mysql数据库操作的基础类。
3，WebRoot下有个WEB-INF下的lib下有一个mysql-connector-java文件，是连接mysql的驱动，放在lib下可以直接调用。
4，WebRoot下有一个classStudent.html网页，用于测试通过班级查询学生的功能。
5，所有类的详细代码，用到的会介绍，sql包下的类不再介绍，需要了解的看以前的文章。
1
2
3
4
5
好的，首先我们来设计下classStudent.html网页如下：
<!DOCTYPE html>
<html>
<head>
<title>classStudent.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- 本行用来设置编码 -->
</head>
<body>
<form name="mainForm" method="post" action="/ServletDemo/ClassServlet"><!-- 表单提交给ClassServlet-->
请选择要查询的班级：
<select name="class">
<!--此处注意分别对应class_info表的class_id和class_name-->
<!--实际上这三个班级信息也应该是从数据库中查出，此处为了方便演示直接写死，因为我们要演示的重点是Servlet输出数据到网页-->
<option value="1">一班</option>
<option value="2">二班</option>
<option value="3">三班</option>
</select>
<br/>
<input type="submit"></input>
</form>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
我们将action="/ServletDemo/ClassServlet"对应的Servlet建立如下：
<!-- 本部分内容位于web.xml -->
<servlet>
<servlet-name>ClassServlet</servlet-name>
<servlet-class>servlet.ClassServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ClassServlet</servlet-name>
<url-pattern>/ClassServlet</url-pattern>
</servlet-mapping>
1
2
3
4
5
6
7
8
9
package 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;
/**
* ClassServlet类
* @author 猫哥
*/
public class ClassServlet extends HttpServlet {
public ClassServlet() {
super();
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");//设置输入格式
response.setContentType("text/html");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();//out用于输出
String classId=request.getParameter("class");//获取要查询的班级id
//此处要从数据库中查询classId对应班级的学生信息
//将班级的学生信息输出
out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
out.println("<HTML>");
out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>");
out.println(" <BODY>");
out.print(" This is ");
out.print(this.getClass());
out.println(", using the POST method");
out.println(" </BODY>");
out.println("</HTML>");
out.flush();
out.close();
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
上面的代码中，猫哥预留了一个位置：//此处要从数据库中查询classId对应班级的学生信息此处需要注意，查询classId对应的班级的学生信息，可以在StudentOperation中查询，方法名为selectByClassId，也可以在ClassOperation中查询，方法名为selectById。猫哥的习惯是，返回值是谁或者是谁的列表，就在谁里面操作，此处返回值很明显是List,所以猫哥在StudentOperation中操作。
所以在StudentOperation中添加selectByClassId方法如下：
public List selectByClassId(String classId) {
MysqlHandler hand=new MysqlHandler();
ResultSet rs=null;
ArrayList<StudentInfo> students=new ArrayList<StudentInfo>();//返回值
try {
//此处可看到我们只关联了class_info的id和name，没有继续关联到RoomInfo，这个是看具体需求来设计的
//一般来说去到第二层的字段就够用了
rs=hand.query("select * from student_info s,class_info c where s.student_class_id=c.class_id and c.class_id='"+classId+"'");
while(rs.next()){
StudentInfo stu=new StudentInfo();//返回值中的一个
ClassInfo cla=new ClassInfo();//StudentInfo对象还包含一个ClassInfo对象
cla.setClassId(rs.getString("class_id"));
cla.setClassName(rs.getString("class_name"));
stu.setStudentId(rs.getString("student_id"));
stu.setStudentName(rs.getString("student_name"));
stu.setStudentClass(cla);
students.add(stu);//添加到列表
}
hand.sayGoodbye();//释放资源
return students;
} catch (Exception e) {
e.printStackTrace();
return null;
}
}
现在可以继续完善ClassServlet 为：
package servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import entity.StudentInfo;
import operation.StudentOperation;
/**
* ClassServlet类
* @author 猫哥
*/
public class ClassServlet extends HttpServlet {
public ClassServlet() {
super();
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");//设置输入格式
response.setContentType("text/html");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();//out用于输出
String classId=request.getParameter("class");//获取要查询的班级id
//此处要从数据库中查询classId对应班级的学生信息
StudentOperation stuOper=new StudentOperation();
//将班级的学生信息输出
out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
out.println("<HTML>");
out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>");
out.println(" <BODY>");
List students=stuOper.selectByClassId(classId);
out.println("该班学生有：<br/>");
for(Object obj:students){
StudentInfo stu=(StudentInfo)obj;
out.print("姓名:"+stu.getStudentName()+" ");
out.print("班级:"+stu.getStudentClass().getClassName());
out.print("<br/>");
}
out.println(" </BODY>");
out.println("</HTML>");
out.flush();
out.close();
}
}
此时，我们重新部署、运行Tomcat，浏览http://127.0.0.1:8080/ServletDemo/classStudent.html网页：
好的，到了此处，大家发现问题了没有，有没有觉得什么地方让人非常不爽？反正猫哥觉得不爽了，每次都有这么一大块重复的内容（下面的），感觉很乱，这些不是html的东西吗，怎么在Servlet里面写，不能放html里面吗。
out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
out.println("<HTML>");
out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>");
out.println(" <BODY>");
1
2
3
4
是啊，Java Web开发者也发现这个问题了，于是他们想了一个鬼点子——JSP。
JSP是什么东西呢？它表面上看比较像一个html网页，如下是一个简单的JSP页面：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyJsp.jsp</title>
</head>
<body>
This is my JSP page. <br>
</body>
</html>
注意它其实跟html有很大的区别，因为它本质上是个披着html羊皮的Servlet：
1，.jsp文件最终被转换为servlet执行，至于怎么转换的，自动转换的！
2，.html文件是不会变化的，是静态的；.jsp文件是可以变化的，是动态的。
3，怎么变化？哈哈，很简单，.jsp文件里面可以直接写Java代码实现动态变化。
4，那怎么区分jsp和html，这个就太简单了，html文件拓展名为.html，jsp文件后缀名是.jsp。
5，jsp文件以<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>开头，<%@page ......%>表示这是一个jsp网页， language="java"表示使用java语言， pageEncoding="utf-8"表示使用utf-8编码，而 import="java.util.*"的意思不就是转换为servlet时候为import java.util.*;这一句嘛。
光说还是有点抽象啊，我们用class.jsp来实现ClassServlet的功能，这样大家就更好理解了，具体实现代码如下;
首先，修改classStudent.html，因为后台不是ClassServlet而是class.jsp了，所以改为：
<!DOCTYPE html>
<html>
<head>
<title>classStudent.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- 本行用来设置编码 -->
</head>
<body>
<form name="mainForm" method="post" action="class.jsp"><!-- 表单提交给class.jsp-->
请选择要查询的班级：
<select name="class">
<!--此处注意分别对应class_info表的class_id和class_name-->
<!--实际上这三个班级信息也应该是从数据库中查出，此处为了方便演示直接写死，因为我们要演示的重点是Servlet输出数据到网页-->
<option value="1">一班</option>
<option value="2">二班</option>
<option value="3">三班</option>
</select>
<br/>
<input type="submit"></input>
</form>
</body>
</html>
我们写的是action=“class.jsp”，所以要在classStudent.html同目录下新建一个class.jsp，代码如下：
<%@ page language="java" import="java.util.*,operation.StudentOperation,entity.StudentInfo" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyJsp.jsp</title>
</head>
<body>
该班的学生有：<br/>
<%
response.setContentType("text/html");//设置输入格式
response.setContentType("text/html");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String classId=request.getParameter("class");//获取要查询的班级id
StudentOperation stuOper=new StudentOperation();
List students=stuOper.selectByClassId(classId);
for(Object obj:students){
StudentInfo stu=(StudentInfo)obj;
out.print("姓名:"+stu.getStudentName()+" ");
out.print("班级:"+stu.getStudentClass().getClassName());
out.print("<br/>");
}
%>
</body>
</html>
我们运行之后发现效果是一样的，很显然，JSP通过在网页中嵌入<% 这中间可以放java代码 %>来实现动态效果，但是上面这段代码中out.print("
");这一句仍然很刺眼，因为<br/>还是html标签啊，所以我们继续修改为：
<%@ page language="java" import="java.util.*,operation.StudentOperation,entity.StudentInfo" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyJsp.jsp</title>
</head>
<body>
该班的学生有：<br/>
<%
response.setContentType("text/html");//设置输入格式
response.setContentType("text/html");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String classId=request.getParameter("class");//获取要查询的班级id
StudentOperation stuOper=new StudentOperation();
List students=stuOper.selectByClassId(classId);
for(Object obj:students){
StudentInfo stu=(StudentInfo)obj;
out.print("姓名:"+stu.getStudentName()+" ");
out.print("班级:"+stu.getStudentClass().getClassName());
%>
<br/>
<%
}
%>
</body>
</html>
这样总算把Java代码和html标签分开了，但是好像也没有简单到哪里，在两端Java 代码中间还有一个标签，很不优雅，不好读。
关键的关键，现在的这个JSP网页，又有html，又有Java代码，网页设计师搞不懂Java逻辑，Java工程师设计不好html，感觉都没法玩了，还是不行啊。
没关系，其实技术我们都已经具备了，只是多考虑下策略就行了，很简单，我们JSP只放跟显示相关的东西，而如何得到这些东西交给Servlet来处理，那么问题就简单多了，变为一个把数据从Servlet传给JSP的 问题，这个问题还是问题吗，因为JSP就是Servlet就是Java类啊，所以这之间传值必然非常简单，事实也确实就是很简单。
