1. 创建spring boot项目

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第1张图片

选择spring initializr,然后选择default

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第2张图片

点击next,填写项目信息

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第3张图片

点击“next”,选择web->web

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第4张图片

点击“next”,填写项目信息

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第5张图片

点击“finish”,在新窗口打开后项目结构如下

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第6张图片

2. 添加rest controller

在com.spboot.mvcdemo右键添加new class

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第7张图片

创建HelloController,代码如下

package com.spboot.mvcdemo;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class HelloController {
@RequestMapping("/")
public String Hello(){
return "hello world!";
}
}

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第8张图片

然后直接运行,运行后访问http://localhost:8080

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第9张图片

到此我们可以通过rest进行api的开发了。

3. 添加mvc支持

在pom中添加springmvc和themeleaf的依赖

<dependency>
     <groupId>org.springframeworkgroupId>
     <artifactId>spring-webmvcartifactId>
dependency>
<dependency>
     <groupId>org.springframework.bootgroupId>
     <artifactId>spring-boot-starter-thymeleafartifactId>

dependency>

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第10张图片

创建mvcController类

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第11张图片

代码如下:

package com.spboot.mvcdemo;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HelloMVCController {

     @RequestMapping("/mvc")
     public String Hello(){
         return "hello";
     }

}

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第12张图片

在resources/templates下创建hello.html文件

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第13张图片

代码如下:

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第14张图片

记住:html页面中一定要加入 这句话,否则themeleaf引擎无法识别。

配置完成后,重新运行,访问http://localhost:8080/mvc,效果如下:

clip_image025

这种模式,对于新创建的项目,或是以前就是用html做为前端的view层的可以采用。但是对于一些老的项目,用的jsp做为view,要如何改造呢,继续看下面。

4. 添加对jsp的支持

在pom中添加对jsp的依赖,同时要把themeleaf的依赖注释掉


<dependency>
     <groupId>org.apache.tomcat.embedgroupId>
     <artifactId>tomcat-embed-jasperartifactId>
    
dependency>

<dependency>
     <groupId>org.springframework.bootgroupId>
     <artifactId>spring-boot-starter-testartifactId>
     <scope>testscope>
dependency>
<dependency>
     <groupId>org.springframework.bootgroupId>
     <artifactId>spring-bootartifactId>
     <version>2.0.1.RELEASEversion>
dependency>

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第15张图片

添加webapp的目录,结构如下:

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第16张图片

在jsp目录下添加view页面。

在application.properties中添加如下的配置

spring.mvc.view.prefix = /WEB-INF/jsp/
spring.mvc.view.suffix = .jsp

clip_image029

在controller中添加一个mapping

@RequestMapping("/welcome")
public String welcome(){
     return "welcome";
}

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第17张图片

在启动类添加ServletComponentScan的标注,同时要继承SpringBootServletInitializer
 

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第18张图片

重新运行应用后访问http://localhost:8080/welcome

clip_image034

5. 发布到github

创建一个仓库名字为springbootMVCDemo,创建完成后,如图:

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第19张图片

在本地找一个目录,clone一下先。

https://github.com/lileihappy123/springbootMVCDemo.git

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第20张图片

完成后在本地会有一个springbootMVCDemo的目录

clip_image038

把代码copy到目录下

因为我这里有图形界面所以比较简单,直接右键git commit->master,弹出提交界面,全选,输入comments, 点击”commit & push”

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第21张图片

等待上传完成

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第22张图片

然后到github上查看即可查看到上传的代码

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第23张图片

关注微信公众号”挨踢学霸”,更多IT姿势在等你

Intellij+spring boot+spring MVC创建helloworld示例完整步骤_第24张图片