springboot显示图标依赖_springboot:springboot的web开发(静态资源的处理方式、首页和图标定制、thymeleaf模板引擎初识)...

1、静态资源的处理方式

(1)依赖的方式

导入依赖:

org.webjars

jquery

3.4.1

查看jquery文件位置,获取jQuery文件:

38d7ff5573a503aab5dc7e7cfeab8c81.png

获取jquery文件成功:

d1d7d3d880bb5b76ae1b8fd60c95b962.png

(2)在目录中书写

查看源码:

426dbb5c90f35549b0c032877cb5b71a.png

可以在resources目录下创建三个目录:

1c26b7e7eed300fcf90c723d9f470f9f.png

其中resources目录下的优先级最高,static其次,public最低

b68724eac031c3dd42c7a90459241afb.png

2、首页和图标定制

(1)源码

86216f740316a6302b969e787385181d.png

(2)首页的书写与访问

在public、resources、static中的任意一个目录放置首页:

0517745e9e8ce7f08c00c2cabca79d49.png

书写首页:

index

下午好,现在是2020年9月13日16:42:26

测试运行:

421a79406f2dbe8a083c306dd9187e74.png

(3)图标

先在配置文件中关闭默认的图标:

spring.mvc.favicon.enabled=false

导入图标:

b351b1d762b28c9b7de607bc33e09434.png

3、thymeleaf模板引擎

(1)概念

springboot是不支持jsp的,如果我们直接用纯静态页面,会给我们开发会带来非常大的麻烦,SpringBoot推荐我们使用模板引擎。

5d56e7d4cda29b920cd6dd2335bb6f75.png

(2)导入依赖

org.thymeleaf

thymeleaf-spring5

org.thymeleaf.extras

thymeleaf-extras-java8time

(3)在templates目录下创建html页面

fd0bffa32c63159367dcd2466d264fea.png

(4)在controller层书写代码跳转到controller页面

@Controllerpublic classTestController {

@RequestMapping("/test")publicString hello(){return "test";

}

}

测试:

392ab579889aacb69690894276e5f775.png

结论:只要需要使用thymeleaf,只需要导入对应的依赖就可以了,我们将html放在我们的templates目录下即可通过controller访问到页面

查看源码:

0b449686dbff2575d20ae21c772ab3f5.png

(5)向模板写入数据

书写html格式的模板:

Title

在controller层将数据写入模板:

@Controllerpublic classTestController {

@RequestMapping("/test")publicString hello(Model model){

model.addAttribute("msg","hello SpringBoot");return "test";

}

}

测试:

5a51e1e670f4dc48ef2e90aa35ef1225.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值