springboot学习笔记系列(三)-2018年8月29日 23:10:38

ok,闲了快一周了,上一次整理springboot笔记还是8月23日,至今日6天,确实太懒了,虽然这一周以来并不是说没有看程序,只是即便看的再多,不好好记下来还是别人的,很快就还给别人了,只有自己好好整理出来,把自己使用过程中的问题整理好,归纳出解决办法才是自己的,加油吧.

↓↓↓↓续上一篇的一些话,因时间久点了,权当回顾一下↓↓↓↓

#

上一篇笔记整理了helloWord的建立过程,主要是通过restful请求方式实现,通过servlet向前端页面返回字符串直接显示出来.

第一:上一篇仅仅是初步接触springboot,也就仅仅可以叫做见识了springboot开发的方便,具体什么是springboot都还不知道,很多东西都不清楚是怎么回事.
第二:上一篇主要也是了解一下springboot编程中主要用到的注解开发方式,这里自己给自己挖下好多坑需要后面慢慢填,一是要整理注解的意义和使用方式,二是鉴于注解开发的便利以及高效性,能否自己写出部分简单可实用化的注解,可有针对性的,就当工具类使用,方便使用.
第三:由于上一篇仅仅使用了几个注解实现的,所以也注定要引出今天的话题,模板,对,就是前端的一些东西.

简单说到这里吧,再继续的话今天整理的内容全成回顾了.

开始今天的内容

先以一张图开始说起:

这是springboot英文官方文档的参考指南,学技术就看英文的,看着玩就看中文的(皮一下很开心,哈哈),说实话,不管什么技术,官方文档是最好的学习资料,可能部分技术文档写的看似很粗糙,那是因为他认为使用它们技术的人应该都是牛人,牛人之间很多话不必说明白的,所以,为了能够听懂别人说的话,努力学习吧.

言归正传: –Springboot非常强大,支持thymeleaf、freemarker、JSP，但是上图也看到了,官方不建议使用JSP,因为有些功能会受限制,之前使用jsp的时候感觉哇!好厉害! ok 在这里springboot明确提出jsp将限制较多springboot的功能发挥.

#

开始今天的重点:thymeleaf

thymeleaf模板

thymeleaf模板的前端界面为.html格式的文件，可以直接使用浏览器进行查看，方便进行样式等方面的调试。
还记得我们之前刚接触jsp或者php的时候,没有环境都不能可靠运行之后是什么样的,那种尴尬啊,tomcat这只猫感觉是那么可爱,PHPstudy是那么的贴心,前后端运行都需要开启服务器模式.
现在好了,thymeleaf来了,完全做到前后端分离,前端只需要负责开发前端样式,后端仅需要为前端提供数据支撑,互不干扰,前端开发完全可以自己填充默认数据来查看开发效果,后端人员拿填充数据也可以明确需要提供的数据格式.

Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。
Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。
Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。

首先说明学习环境:

JDK：jdk1.8.0_144
IDE：IntelliJ IDEA 2018.2.1
TOMCAT：apache-tomcat-9.0.0.M26（貌似也不用，springboot自带tomcat）
MAVEN：apache-maven-3.5.2
springboot:2.0.4.RELEASE(中文版文档基本都是1.5的,网上的教程也多为1.5的)
其他相关的框架(mybatis,druid数据库连接池等,后面会一一整理)

开始后面的内容时,默认已经有上面的内容.

内容基于maven开发,首先添加依赖信息:

(整理不限于thymeleaf的,学习用到的就整理上来,这里暂时先只是使用maven,不做过多解释,后面再整理学习maven的内容)

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <!--项目信息-->
    <groupId>com.sammery</groupId>
    <artifactId>tang</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>war</packaging>
    <!--可有可无,项目描述信息-->
    <name>tang</name>
    <description>Sammery Tang project for Myself</description>
    <!--引入父依赖,会省去后面的很多事,建议,可以自己写,后面会整理这部分内容又挖一坑-->
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.4.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <!--指定项目的编码信息以及jdk版本-->
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
    </properties>
    <!--这里仅仅是为了解决sqlserver驱动无法在官方仓库获取的问题,如本地或者私服有可忽视-->
    <repositories>
        <repository>
            <id>clojars</id>
            <url>http://clojars.org/repo/</url>
        </repository>
    </repositories>

    <dependencies>
        <!--freemarker依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-freemarker</artifactId>
        </dependency>
        <!--thymeleaf依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <!--webmvc依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!--mybatis依赖-->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>1.3.2</version>
        </dependency>
        <!--热启动使用,其实感觉不怎么好用-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
        </dependency>
        <!--<dependency>-->
            <!--<groupId>com.microsoft.sqlserver</groupId>-->
            <!--<artifactId>mssql-jdbc</artifactId>-->
            <!--<scope>runtime</scope>-->
        <!--</dependency>-->
        <!--注解日志和简写getset方法的依赖-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <!--sqlserver驱动-->
        <dependency>
            <groupId>com.microsoft.sqlserver</groupId>
            <artifactId>sqljdbc4</artifactId>
            <version>4.0</version>
        </dependency>
        <!-- alibaba的druid数据库连接池 -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid-spring-boot-starter</artifactId>
            <version>1.1.10</version>
        </dependency>
        <!--servlet-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
            <scope>provided</scope>
        </dependency>
    </dependencies>

    <!--Spring Boot包含一个Maven插件，它可以将项目打包成一个可执行jar。-->
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>


</project>

把相关的依赖添加完毕之后,就开始看看怎么使用吧.

通过依赖分析直接可以查看引入的依赖以及依赖关系.

有了依赖的引入,就要看看如何配置使用了:

##application.properties文件
##thymeleaf的配置
spring.thymeleaf.enabled=true
spring.thymeleaf.cache=true
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.mode=HTML
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.check-template=true
spring.thymeleaf.servlet.content-type=text/html
spring.thymeleaf.check-template-location=true

配置信息不限于上述部分,

这里必须要注意的是，开发的时候要关闭模板缓存，不然修改界面文件后无法实时显示。在application.properties文件中关闭模板缓存：

spring.thymeleaf.cache=false

关闭缓存后，修改html文件，可以直接Ctrl+F9编译后，显示最新的修改内容。

编写界面

界面hello.html路径为：templates/template/hello.html，代码：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Title</title>
</head>
<body>
    <!--/*@thymesVar id="name" type="java.lang.String"*/-->
    <p th:text="'Hello, ' + ${name}" ></p>
</body>
</html>

修改上一期的controller

编写controller

package com.sammery.tang;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;

@Controller
@SpringBootApplication
public class TangApplication {

    @RequestMapping("/")
    String index(Model model) {
        model.addAttribute("name", "world");
        return "hello";
    }

    public static void main(String[] args) {
        SpringApplication.run(TangApplication.class, args);
    }
}

特别注意:

这里使用的是@Controller而不是上一期的@RestController

@Controller:用于定义控制器类，在spring项目中由控制器负责将用户发来的URL请求转发到对应的服务接口（service层），一般这个注解在类中，通常方法需要配合注解@RequestMapping。

@RestController 注解告诉Spring以字符串的形式渲染结果，并直接返回给调用者。

也就是说@Controller负责视图数据的获取和视图的转发.

到这里算是真正的helloWord的了.

freemarker模板的配置方式以及controller的编写和thymeleaf很多相似之处,暂时不特殊说明,推荐将thymeleaf学好之后再学习其他的模板.

今天的笔记先到这里,关于thymeleaf的详细信息可以参照笔记中的thymeleaf学习笔记系列在过去的这一周时间之内已经整理基础的4篇,后面再进行深入学习.

明天开始再重点整理一下thymeleaf的内容,上周整理的内容太过粗糙了,注意要参照英文文档来学习!!!

springboot学习笔记系列(三)-2018年8月29日 23:10:38

springboot学习笔记系列(三)-2018年8月29日 23:10:38

↓↓↓↓续上一篇的一些话,因时间久点了,权当回顾一下↓↓↓↓

#

开始今天的内容

#

开始今天的重点:thymeleaf

thymeleaf模板

首先说明学习环境:

编写界面

编写controller

*特别注意*:

猜你喜欢

特别注意: