SpringBoot+Vue+Element个人博客项目1-1 项目的搭建

一.搭建SpringBoot项目

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

SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第1张图片

SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第2张图片
SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第3张图片
SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第4张图片

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

SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第5张图片

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

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

SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第6张图片

     
        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        

第三步:修改网页小图标

在这里插入图片描述
SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第7张图片
可以在阿里巴巴矢量图标库里找到你想要的图标

之后把图标名称改为

favicon.ico

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

SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第8张图片

第四步:导入原型

SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第9张图片

原型下载地址

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

运行之后会有找不到资源的问题
SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第10张图片

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

新增config目录
SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第11张图片
增加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/");
    }

}

这样就完成了
SpringBoot+Vue+Element个人博客项目1-1 项目的搭建_第12张图片

你可能感兴趣的:(个人博客项目)