Jsp第十三课 MVC+三层架构

Posted 笔触狂放

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jsp第十三课 MVC+三层架构相关的知识,希望对你有一定的参考价值。

概念

MVC模式的核心思想是把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离,这样一个应用被分成三个层:模型层、视图层、控制层

MVC模式详细定义这3部分之间的交互:

  • 用户和视图(View)进行交互,输入数据并点击按钮
  • 控制器(Controller)收到来自视图的事件,并对模型(Model)进行操作,根据用户提供的数据更新模型(Model)
  • 视图同时也会收到“模型更新”的事件通知,从而更新自己,呈现结果给用户

MVC模式在Web中应用:

  • View处于Web层或者说是Client层,通常是JSP或Servlet,即页面显示部分。
  • Controller也处于Web层,通常用Servlet来实现,即页面显示的逻辑部分实现。
  • Model处于Middle层,通常用服务端的JavaBean或者EJB实现,即业务逻辑部分的实现

 

JSP页面身兼View和Controller两种角色,将控制逻辑和表现逻辑混杂在一起,JSP页面的编写者必须即是网页的设计者又是Java的开发者。

内嵌的逻辑使开发人员要理解应用程序的整个流程,必须浏览所有的页面,工作量很大。html标签、Java代码和javascript代码集中在同一个页面中,使调试变得很困难。

强耦合性,变更业务逻辑和数据会涉及到多个页面 

 该框架的核心是前端控制器(Front Controller),它被实现为Servlet,主要作用在于初始化并解析配置文件,并将用户请求的URL映射到需要被执行的命令实例,命令实例其实就是Action。

前端控制器接受用户的每个请求,并简单地把请求委托给调度器(Dispatcher),由调度器执行相应的动作(Action)。调度器把Action返回的url返回给前端控制器,并由前端控制器负责转发。

 MVC+三层架构开发模式

M:mode  模型
V:view   视图
C:controller  控制

三层架构:
控制层
业务逻辑层
数据访问层

 

开发步骤

1.创建项目并分层

我们这里使用前面几篇文章中的数据库作为项目的数据使用,这里创建数据库的过程就不再赘述,如果初学者对数据库的建立不熟练的可以查看【Jsp】第十一课 JDBC的回顾及单元测试框架的使用_笔触狂放的博客-CSDN博客 

创建好web服务端项目之后,在src文件夹中进行建立不同的包,作为项目的分层。

com.student.filter,com.student.controller,com.student.service,com.student.dao,com.student.util等等。

2.创建过滤器

按照流程图,浏览器通过地址访问需要过滤器的拦截审核,因此我们先在com.student.filter包下建立MyFilter过滤器,将拦截地址设置为/*用于拦截所有浏览器的访问请求。

package com.student.filter;

import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;

/**
 * 拦截浏览器所有访问服务器的请求
 */
@WebFilter("/*")
public class MyFilter implements Filter 

    /**
     * Default constructor. 
     */
    public MyFilter() 
        // TODO Auto-generated constructor stub
    

	/**
	 * @see Filter#destroy()
	 */
	public void destroy() 
		// TODO Auto-generated method stub
	

	/**
	 * @see Filter#doFilter(ServletRequest, ServletResponse, FilterChain)
	 */
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException 
		response.setContentType("text/html");
		response.setCharacterEncoding("UTF-8");
		request.setCharacterEncoding("UTF-8");
		chain.doFilter(request, response);
	

	/**
	 * @see Filter#init(FilterConfig)
	 */
	public void init(FilterConfig fConfig) throws ServletException 
		// TODO Auto-generated method stub
	


并在允许继续访问之前,将request和response对象的数据的编码格式提前改为UTF-8格式,为控制层的Servlet节省重复性的代码,提高项目的高内聚,低耦合的性能。

3.创建控制层

按照流程图来看,开始进入控制层,我们在 com.student.controller包中建立HomeServlet用于处理浏览器需要展示数据库中所有学生信息列表的请求。

package com.student.controller;

import java.io.IOException;
import java.util.List;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.student.service.IStudentService;
import com.student.service.StudentServiceImp;

/**
 * Servlet implementation class HomeServlet
 */
@WebServlet("/HomeServlet")
public class HomeServlet extends HttpServlet 
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public HomeServlet() 
        super();
        // TODO Auto-generated constructor stub
    

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
		//接收浏览器的任务,要所有学生信息
		//给业务逻辑层下达任务
		
		
	

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
		// TODO Auto-generated method stub
		doGet(request, response);
	


并将该Servlet作为项目的默认访问地址,在web.xml文件中设置

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:jsp="http://java.sun.com/xml/ns/javaee/jsp" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>Day17Jsp</display-name>
  <welcome-file-list>
    <welcome-file>HomeServlet</welcome-file>
  </welcome-file-list>
 
</web-app>

 4.建立业务逻辑层

按流程图控制层需要将任务发给业务逻辑层执行,因此我们在com.student.service中建立接口文件IStudentService(I表示该文件是接口文件,Student表示该文件操作Student学生表,Service表示该文件是业务逻辑层文件),在该接口中建立接收控制层任务的方法:

package com.student.service;
/**
 * 业务逻辑层操作学生表的接口
 * @author Administrator
 *
 */

import java.util.List;
import java.util.Map;

public interface IStudentService 
	
	List<Map<String, Object>> getStudents();
	

 因接口是不能实现未实现的方法,需要建立该接口的实现类,StudentServiceImp(Student表示操作Student表的文件,Service表示该文件是业务逻辑层的文件,Imp表示该文件是接口文件的实现类):

package com.student.service;

import java.util.List;
import java.util.Map;

import com.student.dao.IStudentDao;
import com.student.dao.StudentDaoImp;

/**
 * 业务逻辑层操作学生表的接口实现类
 * @author Administrator
 *
 */
public class StudentServiceImp implements IStudentService 

	@Override
	public List<Map<String, Object>> getStudents() 
		
		return null;
	


接着按流程图将控制层中的任务交给业务逻辑层的接口执行:

/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
		//接收浏览器的任务,要所有学生信息
		//给业务逻辑层下达任务
		IStudentService service=new StudentServiceImp();
		List<Map<String, Object>> oList=
				service.getStudents();
		
		
	

5.建立数据访问层

按流程图可以看到,业务逻辑层实现类需要将任务发给数据访问层,因此我们在com.student.dao包中建立IStudentDao(I表示该文件是接口文件,Student表示该文件操作Student表,Dao表示该文件是数据访问层的文件):

package com.student.dao;
/**
 * 数据访问层操作学生表的接口
 * @author Administrator
 *
 */

import java.util.List;
import java.util.Map;

public interface IStudentDao 
	
	List<Map<String, Object>> getStudents();
	
	

并创建该接口的实现类:

package com.student.dao;

import java.util.List;
import java.util.Map;

import com.student.utils.DBUtil;

/**
 * 数据访问层操作学生表的接口实现类
 * @author Administrator
 *
 */
public class StudentDaoImp implements IStudentDao 

	@Override
	public List<Map<String, Object>> getStudents() 
		return null;
	

	

按流程图业务逻辑层实现类需要将任务交给数据访问层接口,因此在StudentServiceImp实现类中调用IStudentDao:

 6.建立数据库连接池工具类

按流程图可看出数据访问层实现类需要操作JDBC连接数据库并执行操作,根据我们之前学习的内容,这里我们采用Druid创建连接池的方式并结合Spring框架的JDBCTemplate类完成数据库的增删改查操作,在com.student.util包中创建DBUtil类:

package com.student.utils;

import java.io.IOException;
import java.io.InputStream;
import java.util.Properties;

import javax.sql.DataSource;

import org.springframework.jdbc.core.JdbcTemplate;

import com.alibaba.druid.pool.DruidDataSourceFactory;

public class DBUtil 
	
	public static JdbcTemplate jt=null;
	static 
		//使用反射机制将druid配置文件转换成输入流
		InputStream is=DBUtil.class
				.getClassLoader()
				.getResourceAsStream
				("com/student/utils/druid.properties");
		Properties properties=new Properties();
		try 
			properties.load(is);
			//获得连接池对象
			DataSource ds=DruidDataSourceFactory
					.createDataSource(properties);
			jt=new JdbcTemplate(ds);
		 catch (Exception e) 
			e.printStackTrace();
		
	

并将Druid插件导入lib文件夹,将Druid配置文件导入com.student.util包下

 

并将JDBCTemplate需要的jar包导入lib文件夹

 

 

再将数据库连接桥插件导入lib文件夹

 

然后只需要在数据访问层实现类中调用DBUtil工具类执行sql语句即可完成数据库的查询操作

 根据流程图的操作,数据库中查询的数据将一层层往上返回,最终返回值至控制层的HomeServlet中,控制层拿到所有数据需要将数据发给Jsp页面进行展示。

7.建立视图层

按照流程图控制层将获得的数据发送给Jsp页面进行显示,因此我们在WebContent文件件下新建Jsp文件,index.jsp,因查询出来的数据是学生列表信息,在jsp页面中使用表格标签进行展示,并结合核心标签库的迭代标签以及EL表达式的知识将数据展示。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息列表</title>
<style type="text/css">
	input
		color: white;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		border-width: 0px;
		border-radius: 5px;
	
	
	.in1
		background-color: green;
	
	.in2
		background-color: blue;
	
	.in3
		background-color: red;
	
</style>
</head>
<body>
	<!-- 使用表格展示学生信息 -->
	<div align="center">
		<table border="1" style="width: 400px;
		border-collapse: collapse;text-align: center;">
			<tr>
				<th>学号</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>操作</th>
			</tr>
			<c:forEach items="$students" var="map" varStatus="v">
				<tr>
					<td>$map.id </td>
					<td>$map.name </td>
					<td>$map.age </td>
					<td>
						<a ><input class="in1" type="button" value="添加"></a>
						<a ><input class="in2" type="button" value="修改"></a>
						<a ><input class="in3" type="button" value="删除"></a>
					</td>
				</tr>
			</c:forEach>
		</table>
	</div>
</body>
</html>

 效果

 

 

以上是关于Jsp第十三课 MVC+三层架构的主要内容,如果未能解决你的问题,请参考以下文章

Jsp第十三课 MVC+三层架构

Spring第三课 Spring框架搭建MVC三层架构

C第十三课

重学java基础第十三课:java帝国的诞生

重学java基础第十三课:java帝国的诞生

python第十三课——嵌套循环