SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_springboot+vue博客如何在本地架设

一.搭建SpringBoot项目

第一步 ：使用构建工具搭建SpringBoot项目

这样完成了项目的基础搭建

第二步：修改pom导入模板引擎

我们搭建的是一个Maven项目可以在pom中写入相关依赖

     <!-- 模板引擎-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
1
2
3
4
5

第三步：修改网页小图标

在这里插入图片描述

可以在阿里巴巴矢量图标库里找到你想要的图标

之后把图标名称改为

favicon.ico
1

注意: 之后放置在static目录下（这样就可以通过SpringBoot的默认配置读取到）
名称要必须要为favicon.ico

第四步：导入原型

原型下载地址

该原型非原创，侵权请联系

运行之后会有找不到资源的问题

第五步 ： 对是静态资源进行配置

新增config目录

增加WebConfig配置

package com.aze.blog.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

/**
 * @author ：Aze
 * @description：拓展SpringMvc的配置
 * @date ：Created in 2019/10/25 11:36
 * @modified By：
 * @version:
 */

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {


    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/index").setViewName("index");
    }

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }

}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

这样就完成了