zoukankan      html  css  js  c++  java
  • springboot:springboot的web开发(静态资源的处理方式、首页和图标定制、thymeleaf模板引擎初识)

    1、静态资源的处理方式

    (1)依赖的方式

    导入依赖:

     <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.4.1</version>
      </dependency>

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

    获取jquery文件成功:

     (2)在目录中书写

    查看源码:

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

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

    2、首页和图标定制

    (1)源码

     (2)首页的书写与访问

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

     书写首页:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>index</title>
    </head>
    <body>
    <h3>下午好,现在是2020年9月13日16:42:26</h3>
    </body>
    </html>

    测试运行:

     (3)图标

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

    spring.mvc.favicon.enabled=false

    导入图标:

    3、thymeleaf模板引擎

    (1)概念

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

     (2)导入依赖

      <dependency>
                <groupId>org.thymeleaf</groupId>
                <artifactId>thymeleaf-spring5</artifactId>
            </dependency>
            <dependency>
                <groupId>org.thymeleaf.extras</groupId>
                <artifactId>thymeleaf-extras-java8time</artifactId>
            </dependency>

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

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

    @Controller
    public class TestController {
        @RequestMapping("/test")
        public String hello(){
            return "test";
        }
    }

    测试:

     

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

     (5)向模板写入数据

    书写html格式的模板:

    <!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
       <div th:text="${msg}"></div>
    </body>
    </html>

    在controller层将数据写入模板:

    @Controller
    public class TestController {
        @RequestMapping("/test")
        public String hello(Model model){
            model.addAttribute("msg","hello SpringBoot");
            return "test";
        }
    }

    测试:

    每个人都会有一段异常艰难的时光 。 生活的压力 , 工作的失意 , 学业的压力。 爱的惶惶不可终日。 挺过来的 ,人生就会豁然开朗。 挺不过来的 ,时间也会教你 ,怎么与它们握手言和 ,所以不必害怕的。 ——杨绛
  • 相关阅读:
    表单标签
    无序列表有序列表
    跳转锚点
    HTML标签01
    HTML基本结构和属性
    python爬虫学习笔记(二十三)-Scrapy框架 CrawlSpider
    python爬虫学习笔记(二十二)-Scrapy框架 案例实现
    python爬虫学习笔记(二十一)-Scrapy框架 setting
    python爬虫学习笔记(二十)-Scrapy框架 Pipeline
    python爬虫学习笔记(十九)-Scrapy 数据的保存
  • 原文地址:https://www.cnblogs.com/zhai1997/p/13662539.html
Copyright © 2011-2022 走看看