Springboot web的页面资源

最新推荐文章于 2024-07-18 10:48:42 发布

whlikect

最新推荐文章于 2024-07-18 10:48:42 发布

阅读量177

点赞数

文章标签： java spring

本文链接：https://blog.youkuaiyun.com/whlikect/article/details/108090301

版权

Springboot web的页面资源

使用SpringBoot；

1）、创建SpringBoot应用，选中我们需要的模块；

2）、SpringBoot已经默认将这些场景配置好了，只需要在配置文件中指定少量配置就可以运行起来

1.静态资源的映射

springboot的项目结构并没有熟悉的web文件夹，但也有规定了静态资源的路径

"classpath:/META-INF/resources/", 
"classpath:/resources/",
"classpath:/static/",  项目自带文件夹
"classpath:/public/" 
"/"：当前项目的根路径

同时，在任意静态资源下，如果有index.html页面。那么springboot会将其作为欢迎页

如果有favicon.ico，springboot会将其作为图标。

还有就是如果使用jq等第三方资源，可以直接在pom.xml中导入坐标

对应坐标可查询：http://www.webjars.org/

2、Thymeleaf使用

springboot使用的是jar包的格式，也就是说无法使用jsp页面而只能使用html，这样一来灵活度就大大减低了。

而thymeleaf能解决这些问题：

首先是坐标的导入：

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

切换thymeleaf版本的方法
<properties>
		<thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
		<!-- 布局功能的支持程序  thymeleaf3主程序  layout2以上版本 -->
		<!-- thymeleaf2   layout1-->
		<thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
  </properties>

thymeleaf的语法以及使用：

只要我们把HTML页面放在classpath:/templates/，thymeleaf就能自动渲染；

使用：

<html lang="en" xmlns:th="http://www.thymeleaf.org">
名称空间

使用 th:text ；可以改变当前元素里面的文本内容；

同样使用 th：可以改变任意html属性；来替换原生属性的值

以下是官方文档部分内容：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zxwrncGD-1597764794053)(C:/Users/letsgo/Desktop/补充学习/springboot核心篇+整合篇-尚硅谷/01尚硅谷SpringBoot核心技术篇/Spring Boot 笔记+课件/images/2018-02-04_123955.png)]

表达式写法：

1.获取变量值的OGNL：${…}

1）、获取对象的属性、调用方法
2）、使用内置的基本对象：
    			#ctx : the context object.
    			#vars: the context variables.
                #locale : the context locale.
                #request : (only in Web Contexts) the HttpServletRequest object.
                #response : (only in Web Contexts) the HttpServletResponse object.
                #session : (only in Web Contexts) the HttpSession object.
                #servletContext : (only in Web Contexts) the ServletContext object.
3）、内置的一些工具对象：
#execInfo : information about the template being processed.
#messages : methods for obtaining externalized messages inside variables expressions, in the same way as they would be obtained using #{…} syntax.
#uris : methods for escaping parts of URLs/URIs
#conversions : methods for executing the configured conversion service (if any).
#dates : methods for java.util.Date objects: formatting, component extraction, etc.
#calendars : analogous to #dates , but for java.util.Calendar objects.
#numbers : methods for formatting numeric objects.
#strings : methods for String objects: contains, startsWith, prepending/appending, etc.
#objects : methods for objects in general.
#bools : methods for boolean evaluation.
#arrays : methods for arrays.
#lists : methods for lists.
#sets : methods for sets.
#maps : methods for maps.
#aggregates : methods for creating aggregates on arrays or collections.
#ids : methods for dealing with id attributes that might be repeated (for example, as a result of an iteration).

2.*{…}：选择表达式：和${}在功能上是一样；起一定补充，一般用于：



<div th:object="${session.user}">
    <p>Name: <span th:text="*{firstName}">Sebastian</span>.</p>
    <p>Surname: <span th:text="*{lastName}">Pepper</span>.</p>
    <p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p>
</div>

<!--相当于-->
<div>
    <p>Name: <span th:text="${session.user.firstName}"></span></p>
    .......
</div>

3.#{…}：获取国际化内容

4.@{…}：定义URL；

@{/order/process(execId = ${execId}, execType = ‘FAST’ )}

5.~{…}：片段引用表达式

6.其他

Literals（字面量,直接写）
      Text literals: 'one text' , 'Another one!' ,…
      Number literals: 0 , 34 , 3.0 , 12.3 ,…
      Boolean literals: true , false
      Null literal: null
      Literal tokens: one , sometext , main ,…
      
Text operations:（文本操作）
    String concatenation: +
    Literal substitutions: |The name is ${name}|
    
Arithmetic operations:（数学运算）
    Binary operators: + , - , * , / , %
    Minus sign (unary operator): -
    
Boolean operations:（布尔运算）
    Binary operators: and , or
    Boolean negation (unary operator): ! , not
    
Comparisons and equality:（比较运算）
    Comparators: > , < , >= , <= ( gt , lt , ge , le )
    Equality operators: == , != ( eq , ne )
    
Conditional operators:条件运算（三元运算符）
    If-then: (if) ? (then)
    If-then-else: (if) ? (then) : (else)
    Default: (value) ?: (defaultvalue)
    
Special tokens:
    No-Operation: _ 
    
表达式也可以写在标签外，[[]]表示th：text   [()]表示th：utext

更多信息请查询官方文档

) : (else)
Default: (value) ?: (defaultvalue)

Special tokens:
No-Operation: _

表达式也可以写在标签外，[[]]表示th：text [()]表示th：utext


*更多信息请查询官方文档*

**Springboot对SpringMVC配置的扩展**：通过编写一个实现接口WebMvcConfigurer的配置类实现拓展。