IDEA搭建SpringBoot项目

谁借莪１个温暖的怀抱￠ 2023-02-14 06:55 251阅读 0赞

### 目录 ###

*  一、IDEA创建SpringBoot项目
 *  二、配置全局配置
 *  三、thymeleaf模板访问html页面

# 一、IDEA创建SpringBoot项目 #

1、创建新项目  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0]  
2、创建springboot项目  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 1]  
当出现json解析问题而无法创建springboot项目，如图  
![在这里插入图片描述][20200601230101169.png]  
此种情况下的解决方法：改用Custom方式，输入网址[https://start.aliyun.com/][https_start.aliyun.com]。如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 2]  
3、设置项目属性  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 3]  
4、初始化时添加基本的依赖包（web依赖）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 4]  
5、设置工程路径  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 5]  
6、springboot项目创建完成，下图中红框部分文件可以删除  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 6]

# 二、配置全局配置 #

在application.yml或appplication.properties文件中输入如下配置：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 7]

# 三、thymeleaf模板访问html页面 #

1、springboot项目在使用thymeleaf模板时默认web入口是在templates文件夹下，在templates文件夹下随便写一个html文件，此处以index.html文件为例:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>首页</title>
    </head>
    <body>
        <h1>首页</h1>
    </body>
    </html>

2、在pom.xml文件中添加thymeleaf依赖

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

3、创建controller访问控制器，此处在com.example.test\_example路径下创建IndexController.java控制器，如下：

/** * TODO * * @author Cll * @date 2020/6/1 */
    @Controller
    public class IndexController { 
    
        @GetMapping("/index")
        public String index() { 
            return "index";
        }
    }

4、运行项目后，在浏览器中输入127.0.0.1:8080/te/index或者localhost:8080/te/index,成功显示的效果图如下所示：  
![在这里插入图片描述][20200601235505794.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0]: https://img-blog.csdnimg.cn/20200601225522844.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3,size_16,color_FFFFFF,t_0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 1]: https://img-blog.csdnimg.cn/20200601161647692.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3,size_16,color_FFFFFF,t_0
[20200601230101169.png]: https://img-blog.csdnimg.cn/20200601230101169.png
[https_start.aliyun.com]: https://start.aliyun.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 2]: https://img-blog.csdnimg.cn/2020060123060791.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3,size_16,color_FFFFFF,t_0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 3]: https://img-blog.csdnimg.cn/20200601231018586.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3,size_16,color_FFFFFF,t_0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 4]: https://img-blog.csdnimg.cn/20200601231244533.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3,size_16,color_FFFFFF,t_0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 5]: https://img-blog.csdnimg.cn/20200601231436628.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3,size_16,color_FFFFFF,t_0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 6]: https://img-blog.csdnimg.cn/20200601231839642.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3,size_16,color_FFFFFF,t_0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3_size_16_color_FFFFFF_t_0 7]: https://img-blog.csdnimg.cn/20200601233705534.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgzMTY3,size_16,color_FFFFFF,t_0
[20200601235505794.png]: https://img-blog.csdnimg.cn/20200601235505794.png