springboot框架之访问HTML页面与js、css静态文件

本文记录了作者在使用Springboot框架时遇到的静态资源(HTML, js, css)无法访问的问题及其解决过程。首先介绍了引入引擎模板的jar包,接着讲述了配置类的设置以处理静态资源,强调了@Configuration注解的重要性。然后提到了controller层的代码编写注意事项,指出使用@Controller而非@RestController。最后,简单说明了测试步骤,确保HTML文件位于resources/templates下,通过浏览器访问即可正常显示。" 80792765,7730053,使用Apache POI将MySQL数据转Excel,"['数据库', 'Excel', 'POI', '数据导出', 'Java开发']

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       写在前面的话:找到工作不久,接手的第一个项目是超市的收银系统,该系统功能非常多,也很完善。由于初期使用SSM框架的时候,对框架理解的不透彻,所以果断摒弃了SSM框架,使用了更好用的Springboot框架。环境很好搭,但是真正测试的时候,静态资源和HTML文件全访问不到。现在解决了,把过程记录下来,方便自己以后复习。

1.关于jar包(第一步)

<!-- thymeleaf页面模板 -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
    <version>2.0.5.RELEASE</version>
</dependency>

 这个jar包,被称为引擎模板,可以处理HTML、XML、JavaScript,CSS甚至是纯文本。非常强大,先把这个jar包引进项目。

2.关于配置类(第二步)

package com.example.config;

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

@Configuration
public class UsingStaticController extends WebMvcConfigurationSupport {

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

       在springboot框架中,如果你想使用达到什么样的效果(例如:设置默认启动页面,加载连接数据库资源文件以及本文要说的访问js、css等静态资源的时候,都可以设置配置类来进行处理。当然也可以在application.yml文件中配置,看个人习惯)。

    注意点:注解@Configuration千万别忘了写,否则框架认不到这个类。

                  项目中resources下的包名一定要对应。例如我的路径。如下:

3.关于controller层的代码(第三步)


@Controller
@RequestMapping("/test")
public class TestController(){

     //进入主页
     @RequestMapping("/index")
     public String index(){
         return "index";
   }
}

注意点:注解:要使用Controller注解,而不是RestController。具体的,可以看一下我的另外一篇博客:Controller与RestController的区别

              HTML文件的路径:要放在resources ----> templates下

4.开始测试(第四步)

 打开浏览器,输入网址,点击回车,即可!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值