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的内容,上周整理的内容太过粗糙了,注意要参照英文文档来学习!!!