哆啦A梦教你实现国际知名程序

大家好,我是郭尕~
哆啦A梦教你实现国际知名程序_第1张图片

文章目录

  • 1.什么是MVC?
  • 2.什么是Spring MVC?
  • 3.SpringMVC的特点
  • 4.国际知名程序的实现
    • 4.1 开发环境
    • 4.2 创建maven工程
    • 4.3 在web.xml中配置前端控制器
    • 4.4 创建请求控制器
    • 4.5 配置SpringMVC配置文件
    • 4.6 访问国际知名程序

1.什么是MVC?

MVC是模型(Model)、视图(View)、控制器(Controller)的简写,是一种软件设计规范。就是将业务逻辑、数据、显示分离的方法来组织代码。MVC主要作用是降低耦合。MVC不是一种设计模式,MVC是一种架构模式。

Model(模型):是应用程序中用于处理应用程序数据逻辑的部分。通常负责在数据库中存取数据。
View(视图):负责进行模型的展示,一般就是我们见到的用户界面,客户想看到的东西。
Controller(控制器):用户交互部分,接受用户的输入并调用模型和视图去完成用户的需求,控制器本身不输出任何东西和做任何处理。也就是说控制器做了个调度员的工作。

哆啦A梦教你实现国际知名程序_第2张图片

2.什么是Spring MVC?

简单点说,springMVC是Spring框架的一部分,是基于java实现的一个轻量级web框架,通过把Model,View,Controller分离,来降低视图与业务逻辑间的双向耦合。学习SpringMVC框架最核心的就是DispatcherServlet的设计,掌握好DispatcherServlet是掌握SpringMVC的核心关键。

在Web应用程序设计中,MVC模式已经被广泛使用。SpringMVC以DispatcherServlet为核心,负责协调和组织不同组件以完成请求处理并返回响应的工作,实现了MVC模式。

3.SpringMVC的特点

  1. 轻量级、可适配、非侵入,简单易学;
  2. 高效 , 基于请求响应的MVC框架(解耦、可重用、提高维护性);
  3. 属于Spring框架的一部分,所以与Spring兼容性好,能够与Spring无缝衔接
  4. 支持多种视图技术;
  5. 提供了一个前端控制器DispatcherServlet,使开发人员不用额外开发控制器对象;
  6. 灵活性强,易于与其他框架集成。

4.国际知名程序的实现

4.1 开发环境

  • IDE:IntelliJ IDEA 2021.1.3 x64
  • 构建工具:maven 3.8.4
  • 服务器:Tomcat 8.5.78

4.2 创建maven工程

  1. 设置打包方式
    在pom.xml文件中添加war
  2. 添加web模块
  • 在src的main包下面新建一个webapp文件夹
    哆啦A梦教你实现国际知名程序_第3张图片
  • 构建项目
    哆啦A梦教你实现国际知名程序_第4张图片
  • 点击modules,选择我们创建的项目,点击web,之后点击右边的+号构建web.xml
    哆啦A梦教你实现国际知名程序_第5张图片
    这里注意:系统自动生成的目录可能有点问题,你要把路径补充完整,保证你的WEB-INF在src下面的main下面的我们创建的webapp文件夹下
    哆啦A梦教你实现国际知名程序_第6张图片
  • 点击,在应用(Apply)一下就创建完成了。
  1. 添加依赖

 <dependency>
     <groupId>org.springframeworkgroupId>
     <artifactId>spring-webmvcartifactId>
     <version>5.3.18version>
 dependency>
 
 <dependency>
     <groupId>ch.qos.logbackgroupId>
     <artifactId>logback-classicartifactId>
     <version>1.2.10version>
     <scope>testscope>
 dependency>
 
 <dependency>
     <groupId>javax.servletgroupId>
     <artifactId>javax.servlet-apiartifactId>
     <version>4.0.1version>
     <scope>providedscope>
 dependency>

 
 <dependency>
     <groupId>org.thymeleafgroupId>
     <artifactId>thymeleaf-spring5artifactId>
     <version>3.0.15.RELEASEversion>
 dependency>

4.3 在web.xml中配置前端控制器

  • 通过标签设置SpringMVC配置文件的路径和名称
  • 通过标签设置SpringMVC前端控制器的初始化时间
    作为框架的核心组件,在启动过程中有大量的初始化操作要做,而这些操作在第一次请求执行时会严重影响访问速度,所以需要通过标签在服务器启动时完成初始化

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <servlet>
        <servlet-name>SpringMVCservlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
        
        <init-param>
            <param-name>contextConfigLocationparam-name>
            <param-value>classpath:springMVC.xmlparam-value>
        init-param>
        
        <load-on-startup>1load-on-startup>
    servlet>
    <servlet-mapping>
        <servlet-name>SpringMVCservlet-name>
        <url-pattern>/url-pattern>
    servlet-mapping>
web-app>

/:/ 表示我们浏览器所发送的所有请求,不包括.jsp的请求路径,(jsp的本质就是servlet,需要经过当前服务器中指定的servlet来处理)
/* 也表示所有的请求,包括.jsp请求

4.4 创建请求控制器

通过 @Controller注解交由Spring的IoC容器管理,这样SpringMVC才能识别到该控制器

@Controller
public class HelloController {

    @RequestMapping("/")
    public String index(){
    	//返回视图名称
        return "index";
    }
}

前端控制器统一处理浏览器的请求,但每个请求有不同的处理过程,所以我们需要创建处理具体请求的类。

4.5 配置SpringMVC配置文件

上面我们使用了注解开发,所以要在此配置文件中添加自动扫描。


<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans 
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context.xsd">

    
    <context:component-scan base-package="com.gyh.controller"/>
    
    <bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
    	
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                <property name="templateResolver">
                    <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                    	
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        
                        <property name="suffix" value=".html"/>
                        <property name="templateMode" value="HTML5"/>
                        <property name="characterEncoding" value="UTF-8"/>
                    bean>
                property>
            bean>
        property>
    bean>
beans>

4.6 访问国际知名程序

  • 我们在配置视图解析器时,设置了视图的前缀为/WEB-INF/templates/,则在WEB-INF下创建一个templates文件夹,并在该文件夹下新建一个index.html文件
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
  • 配置Tomcat,来访问我们的工程
    哆啦A梦教你实现国际知名程序_第7张图片
  • 添加一个Tomcat Server
    哆啦A梦教你实现国际知名程序_第8张图片
  • 如果没有Artifact,那就去看看你的打包方式是不是war
    哆啦A梦教你实现国际知名程序_第9张图片
  • 任选一个都行
    哆啦A梦教你实现国际知名程序_第10张图片
  • 这里是上下文路径,可以修改,可以改为/springmvc,看你自己
    哆啦A梦教你实现国际知名程序_第11张图片
  • 运行Tomcat
    哆啦A梦教你实现国际知名程序_第12张图片

至此,我们就成功实现了国际知名程序Hello World!
是不是很简单!!

你可能感兴趣的