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

Posted 郭尕

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了哆啦A梦教你实现国际知名程序相关的知识，希望对你有一定的参考价值。

大家好，我是郭尕~

文章目录

1.什么是MVC？

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

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

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文件中添加<packaging>war</packaging>
  2. 添加web模块
  • 在src的main包下面新建一个webapp文件夹
  • 构建项目
  • 点击modules，选择我们创建的项目，点击web，之后点击右边的+号构建web.xml

    这里注意：系统自动生成的目录可能有点问题，你要把路径补充完整，保证你的WEB-INF在src下面的main下面的我们创建的webapp文件夹下
  • 点击🆗，在应用（Apply）一下就创建完成了。
  1. 添加依赖
<!-- spring-webmvc -->
 <dependency>
     <groupId>org.springframework</groupId>
     <artifactId>spring-webmvc</artifactId>
     <version>5.3.18</version>
 </dependency>
 <!-- 日志 -->
 <dependency>
     <groupId>ch.qos.logback</groupId>
     <artifactId>logback-classic</artifactId>
     <version>1.2.10</version>
     <scope>test</scope>
 </dependency>
 <!-- servlet-api -->
 <dependency>
     <groupId>javax.servlet</groupId>
     <artifactId>javax.servlet-api</artifactId>
     <version>4.0.1</version>
     <scope>provided</scope>
 </dependency>

 <!-- thymeleaf与spring5整合包 -->
 <dependency>
     <groupId>org.thymeleaf</groupId>
     <artifactId>thymeleaf-spring5</artifactId>
     <version>3.0.15.RELEASE</version>
 </dependency>

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

  • 通过<init-param>标签设置SpringMVC配置文件的路径和名称
  • 通过<load-on-startup>标签设置SpringMVC前端控制器的初始化时间
    作为框架的核心组件，在启动过程中有大量的初始化操作要做，而这些操作在第一次请求执行时会严重影响访问速度，所以需要通过<load-on-startup>标签在服务器启动时完成初始化
<?xml version="1.0" encoding="UTF-8"?>
<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">
<!--配置SpringMVC的前端控制器，对浏览器发出的请求进行统一处理-->
    <servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!-- SpringMVC配置文件的位置与名称  -->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springMVC.xml</param-value>
        </init-param>
        <!-- 将前端控制器的初始化时间提前到服务器启动时  -->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

<url-pattern>/</url-pattern>：/ 表示我们浏览器所发送的所有请求，不包括.jsp的请求路径，（jsp的本质就是servlet，需要经过当前服务器中指定的servlet来处理）
/* 也表示所有的请求，包括.jsp请求

4.4 创建请求控制器

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

@Controller
public class HelloController 

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

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

4.5 配置SpringMVC配置文件

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

<?xml version="1.0" encoding="UTF-8"?>
<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，来访问我们的工程
  • 添加一个Tomcat Server
  • 如果没有Artifact，那就去看看你的打包方式是不是war
  • 任选一个都行
  • 这里是上下文路径，可以修改，可以改为/springmvc，看你自己
  • 运行Tomcat

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

创作打卡挑战赛 赢取流量/现金/CSDN周边激励大奖

以上是关于哆啦A梦教你实现国际知名程序的主要内容，如果未能解决你的问题，请参考以下文章

教你用Python画哆啦A梦海绵宝宝皮卡丘史迪仔！

Windows程序设计画图实现哆啦A梦

HarmonyOS之CSS实现哆啦A梦头像

2021红包封面最新活动-自定义红包封面制作教程-红包封面怎么做？哆啦A梦素材免费领取

《windows程序设计》哆啦A梦（10）

微信红包封面哆啦A梦 x GUCCI古驰限定版！！