Idea+springboot入坑之路（二）。。。接上一篇《Idea+springboot入坑之路（一）》前后端分离开

配置

前后端分离开发，为了方便部署，我们把前端静态资源放入resources中，static里面用来存放css，js等，templates存放html页面，如下图所示。

在application-dev.yml配置中加上thymeleaf信息：

spring:
    thymeleaf:
      cache: false
      prefix: classpath:/templates/
      check-template-location: true
      suffix: .html
      encoding: UTF-8
      mode: HTML5

在pom.xml中加上thymeleaf依赖

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

在这里遇到很多坑，maven依赖一直报错，后面一顿操作，莫名其妙就好了，也不知其原因，可能因为下载出错，或者版本不对吧。

前端

前端我是用react进行开发的，当然也是现学现卖，具体请参考我的另外一篇文章，这里不做赘述了。打包好之后，将资源分别放入static，templates这两个文件中，如果引用js路径不对，稍微修改下。

然后创建一个跳转页面的控制器，LoginController.java。应用@Controller注解。

package com.supos.first.controller;

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

@Controller
public class LoginController {

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

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

测试

运行项目，当然我这里只是为了测试，并没有美化页面，将就看看吧，效果达到了就行。

在浏览器中输入http://localhost:8080/login

在浏览器中输入http://localhost:8080/index

在这里有个问题，就是我每次修改html,js这种静态页面的时候，都要重新启动项目，才能生效，太麻烦了，在网上搜了下，可以设置自动编译，具体请看。。。

做完第一步之后，apply应用后,点击ok按钮

然后Alt+Shift+Ctrl+/，点击Registry

点击close即可

至此简单的springboot web项目完成！！！