【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】第十三课 MVC+三层架构(一)_第1张图片 

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

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

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

【Jsp】第十三课 MVC+三层架构(一)_第2张图片

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

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

【Jsp】第十三课 MVC+三层架构(一)_第3张图片 MVC+三层架构开发模式

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

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

 【Jsp】第十三课 MVC+三层架构(一)_第4张图片

开发步骤

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文件中设置



  Day17Jsp
  
    HomeServlet
  
 

 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> 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> 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> 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> 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> getStudents() {
		return null;
	}

	
}

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

【Jsp】第十三课 MVC+三层架构(一)_第5张图片

 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语句即可完成数据库的查询操作

【Jsp】第十三课 MVC+三层架构(一)_第6张图片 根据流程图的操作,数据库中查询的数据将一层层往上返回,最终返回值至控制层的HomeServlet中,控制层拿到所有数据需要将数据发给Jsp页面进行展示。

【Jsp】第十三课 MVC+三层架构(一)_第7张图片

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" %>




学生信息列表



	
	
学号 姓名 年龄 操作
${map.id } ${map.name } ${map.age }

 效果

【Jsp】第十三课 MVC+三层架构(一)_第8张图片

 

 

你可能感兴趣的:(Jsp网络编程,mvc,架构,项目,java,web)