猫哥带你去战斗—Java Web开发—Servlet篇[4]—JSP顺势而生
来源:互联网 发布:淘宝新店怎么增加流量 编辑:程序博客网 时间:2024/05/29 12:15
前一篇讲了利用HttpServletRequest可以获取网页请求相关的信息,之前我们已知道利用HttpServletResponse可以向网页返回(输出)信息。前一篇已经演示了获取网页请求中参数的方法,本篇就先来演示下Servlet如何响应网页的请求返回对应的信息给用户。
我们就来模拟这么一个场景,数据库里面有两张表,分别是学生、班级表,一个班级对应多个学生。网页上显示所有的班级信息,选中一个班级后,点击查询按钮,得到的网页显示该班级所有的学生信息。
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');
OK,我们将ServletDemo项目整理如下图:
简单的解释下:
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包下的类不再介绍,需要了解的看以前的文章。
好的,首先我们来设计下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>
我们将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>
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(); }}
上面的代码中,猫哥预留了一个位置://此处要从数据库中查询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>");
是啊,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类啊,所以这之间传值必然非常简单,事实也确实就是很简单。
- 猫哥带你去战斗—Java Web开发—Servlet篇[4]—JSP顺势而生
- 猫哥带你去战斗—Java Web开发—Servlet篇[2]—get与post
- 猫哥带你去战斗—Java Web开发—Servlet篇[3]—获取网页数据
- 猫哥带你去战斗—Java Web开发—Servlet篇[0]—Servlet是干嘛的
- 猫哥带你去战斗—Java Web开发—Servlet篇[1]—手(首)写Servlet
- 猫哥带你去战斗—Java Web开发—Servlet篇[6]—漂亮的终结篇
- 猫哥带你去战斗—Java Web开发—Servlet篇[5]—犀利的内置对象
- 猫哥带你去战斗—Java Web开发—Java篇[13]—联表操作
- 猫哥带你去战斗—Java Web开发—Java篇[14]—数据库操作简化
- 猫哥带你去战斗——Java Web开发——Java篇[4]——常用容器
- 猫哥带你去战斗——Java Web开发——网页篇[4]——表单
- 猫哥带你去战斗——Java Web开发——开发环境介绍[0]
- 猫哥带你去战斗——Java Web开发——开发环境介绍[1]
- 猫哥带你去战斗——Java Web开发——开发环境介绍[2]
- 猫哥带你去战斗——Java Web开发——前言[0]
- 猫哥带你去战斗——Java Web开发——Java篇[0]——小谈动态网页
- 猫哥带你去战斗——Java Web开发——Java篇[1]——从内存讲起
- 猫哥带你去战斗——Java Web开发——Java篇[2]——Hello World
- Leetcode 495 Teemo Attacking
- leetcode5. Longest Palindromic Substring
- [转] HTTPS详解SSL/TLS
- JavaWeb学习(二)
- windows 学习
- 猫哥带你去战斗—Java Web开发—Servlet篇[4]—JSP顺势而生
- 利用Python数据分析:pandas入门(五)
- MyBatis学习笔记(5)
- 位运算之两数相除
- 游戏UI框架设计(二)
- 历届试题 数字游戏
- Java笔记~ArrayList
- jmap、 jhat 分析堆内存溢出
- 36、C++对C语言的面向对象的扩充