MVC系列教材（一）- 教程

MVC系列教材（二）- 结合Servlet和JSP 实现查询功能

工具版本兼容问题

MVC是一种分层的设计模式，本章节从Servlet和JSP的局限性谈起，慢慢引入MVC的概念。

纠

步骤 1 : 仅仅使用Servlet的短处
步骤 2 : 仅仅使用JSP的短处
步骤 3 : 结合Servlet和JSP
步骤 4 : MVC设计模式

步骤 1 :

仅仅使用Servlet的短处

edit 顶折

纠问

在Servlet的章节中，使用了编辑Hero的Servlet
根据浏览器提交的id，通过HeroDAO找到对应的Hero,然后在Servlet中组织html显示出来。

可以看到这个Servlet不仅要准备数据，还要准备html。尤其是准备html，可读性非常差，维护起来也很麻烦

代码行数较多，请点击查看

package servlet;
 
import java.io.IOException;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import bean.Hero;
import dao.HeroDAO;
 
public class HeroEditServlet extends HttpServlet {
 
    protected void service(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
 
        int id = Integer.parseInt(request.getParameter("id"));
 
        Hero hero = new HeroDAO().get(id);
 
        StringBuffer format = new StringBuffer();
        response.setContentType("text/html; charset=UTF-8");
 
        format.append("<!DOCTYPE html>");
 
        format.append("<form action='updateHero' method='post'>");
        format.append("名字 ： <input type='text' name='name' value='%s' > <br>");
        format.append("血量 ： <input type='text' name='hp'  value='%f' > <br>");
        format.append("伤害： <input type='text' name='damage'  value='%d' > <br>");
        format.append("<input type='hidden' name='id' value='%d'>");
        format.append("<input type='submit' value='更新'>");
        format.append("</form>");
 
        String html = String.format(format.toString(), hero.getName(), hero.getHp(), hero.getDamage(), hero.getId());
 
        response.getWriter().write(html);
 
    }
}

步骤 2 :

仅仅使用JSP的短处

edit 顶折

纠问

因为在Servlet中编写html有这样的短板，所以索性直接在JSP中开发编辑Hero这个功能

这时会发现，虽然编写html方便了，但是写java代码不如在Servlet中那么方便

代码行数较多，请点击查看

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="java.util.*,bean.*,java.sql.*"%>

<%
	int id = Integer.parseInt(request.getParameter("id"));
	Hero hero = null;
	try {
		Class.forName("com.mysql.jdbc.Driver");
	
		Connection c = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/how2java?characterEncoding=UTF-8",
				"root", "admin");
	
		Statement s = c.createStatement();
	
		String sql = "select * from hero where id = " + id;
	
		ResultSet rs = s.executeQuery(sql);
	
		if (rs.next()) {
			hero = new Hero();
			String name = rs.getString(2);
			float hp = rs.getFloat("hp");
			int damage = rs.getInt(4);
			hero.name = name;
			hero.hp = hp;
			hero.damage = damage;
			hero.id = id;
		}
	
		s.close();
	
		c.close();
	
	} catch (ClassNotFoundException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	} catch (SQLException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}
	
%>

<form action='updateHero' method='post'>
	名字 ： <input type='text' name='name' value='<%=hero.getName()%>'> <br>
	血量 ：<input type='text' name='hp' value='<%=hero.getHp()%>'> <br>
	伤害： <input type='text' name='damage' value='<%=hero.getDamage()%>'> <br>
	<input type='hidden' name='id' value='<%=hero.getId()%>'>
	<input type='submit' value='更新'>
</form>

步骤 3 :

结合Servlet和JSP

edit 顶折

纠问

既然Servlet和JSP都有各自的优势和短板，那么为什么不结合起来扬长避短呢？
HeroEditServlet：只用来从数据库中查询Hero对象，然后跳转到JSP页面

request.setAttribute("hero", hero);

在request中设置hero

request.getRequestDispatcher("editHero.jsp").forward(request, response);

服务端跳转到editHero.jsp，因为是服务端跳转，都属于同一次请求，所以可以在editHero.jsp通过request取出来

editHero.jsp: 不做查询数据库的事情，直接获取从HeroEditServlet传过来的Hero对象，通过EL表达式把request中的hero显示出来

HeroEditServlet.java
editHero.jsp

代码行数较多，请点击查看

package servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import bean.Hero;
import dao.HeroDAO;

public class HeroEditServlet extends HttpServlet {

	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		int id = Integer.parseInt(request.getParameter("id"));
		Hero hero = new HeroDAO().get(id);
		request.setAttribute("hero", hero);
		request.getRequestDispatcher("editHero.jsp").forward(request, response);
	}
}

代码行数较多，请点击查看


<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="java.util.*,bean.*,java.sql.*"%>

<form action='updateHero' method='post'>
	名字 ： <input type='text' name='name' value='${hero.name}'> <br>
	血量 ：<input type='text' name='hp' value='${hero.hp}'> <br>
	伤害： <input type='text' name='damage' value='${hero.damage}'> <br>
	<input type='hidden' name='id' value='${hero.id}'>
	<input type='submit' value='更新'>
</form>

步骤 4 :

MVC设计模式

edit 顶折

纠问

上述例子中结合Serlvet和JSP进行数据的显示，就是一种MVC的思想。

M 代表模型（Model）
V 代表视图（View）
C 代表控制器（controller)

模型是什么呢？模型就是数据，就是dao,bean

视图是什么呢？就是网页, JSP，用来展示模型中的数据

控制器是什么？控制器用来把不同的数据，显示在不同的视图上。在这个例子的，Servlet就是充当控制器的角色，把Hero对象，显示在JSP上。

控制器的作用就是把不同的数据(Model)，显示在不同的视图(View)上。

MVC系列教材（二）- 结合Servlet和JSP 实现查询功能

HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。

问答区域

2023-12-15 关于站长想要表达中缺少的部分。想要明白站长说的意思必须要看的地方。

Shu_Enryu

关于 J2EE-MVC-Hello MVC 的提问

如题这节课需要看站长在之前的Servlet课里的CRUD里面的内容。那里面有HeroListServlet, HeroEditServlet, HeroUpdateServlet。把这三个Servlet做完，并且配置好 web.xml文件。然后站长写的HeroDAO里的get()方法里有个小错误，导致永远都取不出来hero的属性。把站长写的 Hero hero = null; 换成 Hero hero = new Hero(); 后把从DAO中取到的值一个一个赋值给这个Hero对象就好。代码贴上了然后再把这节课里的，HeroEditServlet改成这节课的。再写一个editHero.jsp。就完事了。

//站长写的    
    public Hero get(int id) {
        Hero hero = null;
        try (Connection c = getConnection(); Statement s = c.createStatement();) {
            String sql = "select * from hero where id = " + id;
            ResultSet rs = s.executeQuery(sql);
            if (rs.next()) {
                hero = new Hero();
                String name = rs.getString(2);
                float hp = rs.getFloat("hp");
                int damage = rs.getInt(4);
                hero.name = name;
                hero.hp = hp;
                hero.damage = damage;
                hero.id = id;
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return hero;
    }
//可以用的（即改良后的）
	public Hero get(int id) {
		Hero h = new Hero();
		String sql = "select id, name, hp, damage from hero where id=?";
		try(Connection c = getConnection(); PreparedStatement ps = c.prepareStatement(sql)) {
			ps.setInt(1, id);
			ResultSet rs = ps.executeQuery();
			if(rs.next()) {
				int aid = rs.getInt(1);
				String name = rs.getString(2);
				float hp = rs.getFloat(3);
				int damage = rs.getInt(4);
				
				h.setName(name);
				h.setHp(hp);
				h.setDamage(damage);
				h.setId(aid);
			}
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		return h;
	}

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2020-10-04 hello MVC这里editHero.jsp是不是单纯为了使用el表达式取值？

CJJJ	关于 J2EE-MVC-Hello MVC 的提问使用HTML的话有没有办法获取hero的值呢？

3 个答案

VOID1
答案时间：2021-04-07

获得hero还是用jsp的request吧，servlet转发的request是同一个

492554146
答案时间：2020-10-25

@弦断花落丿表示怀疑，请问html哪里来的request？？？

弦断花落丿
答案时间：2020-10-23

兄弟html不具备动态网页的能力，除非用JavaScript，你把数据转成JSON就行，之后用JavaScript遍历，好沙雕

var data = <%=JSON.toJSONString(request.getAttribute("名字"))%>;

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2020-07-12 无法显示数据

lin1	关于 J2EE-MVC-Hello MVC 的提问问题截图代码异常访问listHero显示如图，数据库连接成功，也有数据

3 个答案

ecolour
答案时间：2020-10-11

兄弟们，不能直接访问xxx.JSP,必须用用映射去打开页面。web.xml里面配置的映射名称地址是什么就用什么访问，就和php的框架路由类似，JSP文件只是用作处理数据显示而已。

newbeeee
答案时间：2020-09-28

你没有setAttribute

sparksun007
答案时间：2020-09-21

把代码贴出来啊，不然怎么找错。。。

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2020-02-02 流程不懂

那个我	关于 J2EE-MVC-Hello MVC 的提问问题截图代码异常 HeroEditServlet 里的id是哪传进来的？

6 个答案

newbeeee
答案时间：2020-09-28

HeroListSerlvlet 的那个edit的超链接啊就是连接到了HeroEditServlet 超链接后面的？id=%d 和下面的hero.getId() 就是传的id的值啊

每天都要学Java啊
答案时间：2020-09-09

listHero.jsp 中有一行  <a href="editHero?id=${hero.id}">修改</a>
hero 是 heros 遍历来的，heros 在 HeroListServlet 中，通过 HeroDAO 从数据库取出，并且将这个 heros 设置在 request 域中。在 listHero.jsp 中就可以通过 request 域取出 heros 。${hero.id} 这是 EL 写法。
点击修改按钮，就会发送请求 editHero?id=xx 此时 HeroEditServlet 就会带有一个值是 xx 的参数 
id

nicococococ
答案时间：2020-02-15

是在web 服务器内（既tomcat 又叫web容器） -web server context 里利用管道传送，这需要看tomcat 源码。

浮生一日
答案时间：2020-02-11

说错了,不是查询是修改功能

浮生一日
答案时间：2020-02-11

老师这个例子是查询功能,id是从前端jsp页面request域中获取的,只是老师没把那个页面贴上来. 第二个问题,你问这问题应该是没有理解jsp的作用域.没有谁调用了servlet,这个servlet的作用就是获取前端request域中的id,然后调用Dao的方法从数据库根据id查询hero,并把查询到的结果,封装到hero对象中,然后存放到request域中,通过forward请求转发到editHero.jsp页面,然后jsp页面就能从request域中得到hero对象并显示出来.

那个我
答案时间：2020-02-02

还有哪一步调用了HeroEditServlet?

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2019-07-01 楼主，最后一个例子是否有个提交ID的页面没放上来？edithero.jsp是用来显示结果的会盖掉提交ID页面呢？

SamS	关于 J2EE-MVC-Hello MVC 的提问楼主，最后一个例子是否有个提交ID的页面没放上来？edithero.jsp是用来显示结果的会盖掉提交ID页面呢？

2 个答案

xiaobu
答案时间：2020-02-02

editHero.jsp存在的有id参数，只不过对应的属性为“hidden”：

代码超过 5行，点击查看

whiteda
答案时间：2019-12-04

不用提交id的界面了，更新按钮，通过post请求的方式，找到路径地址updateHero，request.getRequestDispatcher("editHero.jsp").forward(request, response); response对象响应结果，页面通过EL表达式获取值

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 4 条以前的提问，请点击查看

提问之前请登陆

提问已经提交成功，正在审核。请于我的提问处查看提问记录，谢谢

关于 J2EE-MVC-Hello MVC 的提问

尽量提供截图、代码和异常信息，有助于分析和解决问题。也可进本站QQ群交流: 578362961

提问尽量提供完整的代码，环境描述，越是有利于问题的重现，您的问题越能更快得到解答。
对教程中代码有疑问，请提供是哪个步骤，哪一行有疑问，这样便于快速定位问题，提高问题得到解答的速度
在已经存在的几千个提问里，有相当大的比例，是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本，可以节约自己大量的学习时间。站长把教学中用的软件版本整理了，都统一放在了这里，方便大家下载： https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图