springboot(二)web开发

1.静态资源存放位置

存放位置我们这里只说三种:优先级从上到下。
1.resources下创建resources文件夹,然后在里面写静态资源
2.resources下创建static文件夹,然后在里面写静态资源
3.resources下创建public文件夹,然后在里面写静态资源
以上三种方式内的文件,在url中直接输入文件名即可访问到。

拓展:
我们可在resources目录下创建一个templates文件夹,与上面三个文件夹在同一级目录,但是,如果想要访问该文件下的静态资源,路由必须是@Controller的才可以访问,并且需要在pom.xml中导入thymeleaf模版引擎的依赖。

2.首页定制

只需要在上面说的三个文件夹中的一个文件夹中添加一个名为index.html的文件,即可被默认作为首页。

3.thymeleaf模版引擎

在springboot看来传统的jsp实际上是比较落后的,所以我们使用模版引擎。

3.1依赖
<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf-spring5</artifactId>
</dependency>
<dependency>
    <groupId>org.thymeleaf.extras</groupId>
    <artifactId>thymeleaf-extras-java8time</artifactId>
</dependency>
3.2html文件位置

在前面我们说过,在resources目录下创建templates文件夹,这个文件夹下面的html文件必须通过@Controller注解的类来访问。因此我们吧静态htm页面放在了templates文件夹下。

扩展:
我们分析源码得出,我们如果在类上使用了@Controller注解,并在方法上使用了@RequestMapping注解跳转路由的时候,返回的字符串可以不加后缀,只需要写文件名称即可,因为解析器会自动在名称后面拼接上.html。

	@Controller
public class EmployeeController {
    @RequestMapping("/emps")
    public String list(){
        return "test";//这里会自动在templates文件夹中寻找test.html文件
    }
}
3.3表达式的用法

想要使用thymeleaf,必须在html文件中进行声明

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"> //这里是声明
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Signin Template for Bootstrap</title>
	
	<body class="text-center">
	</body>
</html>

所有的html元素都能被thymeleaf替换接管,接管方法为:th:元素名

thymeleaf的基本表达式语法:

  • 简单的表达:
    变量表达式: ${…}
    选择变量表达式: *{…}
    消息表达: #{…}
    链接 URL 表达式: @{…}
    片段表达式: ~{…}
  • 文字
    文本字面量:‘one text’, ‘Another one!’,…
    数字字面量:0, 34, 3.0, 12.3,…
    布尔文字:true,false
    空字面量: null
    文字标记:one, sometext, main,…
  • 文字操作:
    字符串连接: +
    字面替换: |The name is ${name}|
  • 算术运算:
    二元运算符:+, -, *, /,%
    减号(一元运算符): -
  • 布尔运算:
    二元运算符:and,or
    布尔否定(一元运算符):!,not
  • 比较与相等:
    比较器:>, <, >=, <=( gt, lt, ge, le)
    等式运算符:==, !=( eq, ne)
  • 条件运算符:
    如果-那么: (if) ? (then)
    如果-然后-其他: (if) ? (then) : (else)
    默认: (value) ?: (defaultvalue)
    具体可以看官网的第四和第十小节

拓展:抽取代码片段
在我们写页面的时候,会存在大量的重复代码,比如多个页面都有相同的导航栏和侧边栏,这两个多次重复的组件我们就可以把他们抽取到一个公共页面,然后在所有页面在插入进去即可。

公共页面部分:

<div th:fragment="侧边栏">侧边栏代码片段</div>
<div th:fragment="导航栏">导航栏代码片段</div>

插入部分:

<div th:insert="~{公共页面名称::侧边栏}"

上面就是抽取公共页面以及使用公共页面的操作。

4.装配扩展springmvc

4.1方式一

springboot在自动配置很多组建的时候,先看容器中有没有用户自己配置的(即用户自己配置的@Bean),如果有就使用用户配置的,如果没有就使用自动配置的。有些组件可一存在多个,比如视图解析器,会将用户配置和默认配置组合起来。

使用方式:
编写一个@Configuration注解类,并且实现WebMvcConfigurer类,并且不能使用@EnableWebMvc注解。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值