博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SpringBoot---静态页面加载
阅读量:5018 次
发布时间:2019-06-12

本文共 1694 字,大约阅读时间需要 5 分钟。

Thymeleaf模板配置:

maven添加支持如下:

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

application.properties添加如下配置:

# 定位模板的目录spring.mvc.view.prefix=classpath:/templates/# 给返回的页面添加后缀名 spring.mvc.view.suffix=.html

controller返回页面:

@GetMapping("/index") public String index(){   return "home"; //当浏览器输入/index时,会返回 /templates/home.html页面 } 注意: spring boot默认开启了静态文件的配置,任何放在static文件夹下的资源都是静态文件。引用静态文件时以/或者前缀不加任何定位符,都会去static文件夹下查找。 Thymeleaf模版默认会使用templatess作为视图文件下

返回纯静态html,时下,比较流行的是前后端分离,前端做路由,前端的开发不使用模板。在这种情况下,使用模板就显得有些臃肿了。

spring boot返回静态页面的方式非常方便,首先需要移除maven的thymeleaf依赖。

非controller模式

这种模式不使用controller,将html和css,js同等对待。这种模式下,html中的如果不加/,则会定位到当前页面。
要看到返回静态页面,只需要将之前的home.html移到static文件夹下。并删除controller和注释掉application.properties中的配置即可。直接在浏览器中输入:http://localhost:8080/index.html。

controller模式

习惯上,我们还是多使用/index方式,而不是index.html方式。
为此还是需要controller。

# 定位页面的目录到static/下

spring.mvc.view.prefix=/
spring.mvc.view.suffix=.html
controller当然也是需要的,和之前一样:

@GetMapping("/index")

public String index(){
return "home"; //当浏览器输入/index时,会返回 /static/home.html的页面
}
到这里就可以了。不在需要额外配置。在浏览器中输入:http://localhost:8080/index就可以定位到static下的index.html页面了。

 

注意点:

一般如果只把框架做为url路由,最好的做法是在静态资源和视图View建立相同的文件,视图在通过框架在相应的目录查找,静态资源则路由到static目录下去查找。

看如下项目结构:

 

更改静态资源默认的访问路径

上面说到/resources/static静态资源的默认请求路径为/ 。假如我的静态资源位于/resources/static/dist目录下,但是我不想将请求改为/dist(这里要注意一下html中引用其它资源的相对路径如果是./xxx 在本地更改真个文件加的路径引用的资源文件是能够正常定位,但是在web容器中./xxx需改为/dist/xxx ,这里涉及到web根路径和本地文件路径的问题)可以在application.properties加如下配置: 

spring.resources.static-locations=classpath:/static/dist/ 
这样当我们访问/ 时实际定位的资源文件位置是/resources/static/dist 这样就避免了当更改资源文件的位置时需要更改html中的全部引用。

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/csguo/p/9596973.html

你可能感兴趣的文章
https://www.cnblogs.com/zy-jiayou/p/7661415.html
查看>>
004_URL 路由 - 定制路由系统 & 使用区域
查看>>
ganglia Web前端清除当机节点
查看>>
Week4 案例分析
查看>>
Java----用正则表达式匹配Java源码中的关键字
查看>>
HDU2896+AC自动机
查看>>
使用c#创建一个可以监视全局鼠标位置的程序
查看>>
Asp.Net MVC2 控件开发实例(3)
查看>>
从零开始配置Ubuntu 14.04&SSH&curl&Git&MongoDB&Node.js
查看>>
SpringCloud微服务实战
查看>>
opencms研究笔记
查看>>
基础薄弱的反思
查看>>
ORACLE增删改查以及case when的基本用法
查看>>
[转]oracle10客户端PL/SQL Developer如何连接远程服务器上的oracle数据库
查看>>
HTML5 表单元素和属性
查看>>
SDUTOJ 2498 数据结构实验之图论十一:AOE网上的关键路径
查看>>
使用SpringSocial开发QQ登录
查看>>
好玩的游戏
查看>>
2.6. Statistical Models, Supervised Learning and Function Approximation
查看>>
JS相等运算符(==)和等同运算符(===)
查看>>