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

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来了,完全做到前后端分离,前端只需要负责开发前端样式,后端仅需要为前端提供数据支撑,互不干扰,前端开发完全可以自己填充默认数据来查看开发效果,后端人员拿填充数据也可以明确需要提供的数据格式.

1. Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

2. Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。

3. 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的内容)

    4.0.0
    
    com.sammery
    tang
    0.0.1-SNAPSHOT
    war
    
    tang
    Sammery Tang project for Myself
    
    
        org.springframework.boot
        spring-boot-starter-parent
        2.0.4.RELEASE
         
    
    
    
        UTF-8
        UTF-8
        1.8
    
    
    
        
            clojars
            http://clojars.org/repo/
        
    

    
        
        
            org.springframework.boot
            spring-boot-starter-freemarker
        
        
        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        
        
        
            org.springframework.boot
            spring-boot-starter-web
        
        
        
            org.mybatis.spring.boot
            mybatis-spring-boot-starter
            1.3.2
        
        
        
            org.springframework.boot
            spring-boot-devtools
            runtime
        
        
            
            
            
        
        
        
            org.projectlombok
            lombok
            true
        
        
            org.springframework.boot
            spring-boot-starter-tomcat
            provided
        
        
            org.springframework.boot
            spring-boot-starter-test
            test
        
        
        
            com.microsoft.sqlserver
            sqljdbc4
            4.0
        
        
        
            com.alibaba
            druid-spring-boot-starter
            1.1.10
        
        
        
            javax.servlet
            servlet-api
            2.5
            provided
        
    

    
    
        
            
                org.springframework.boot
                spring-boot-maven-plugin
            
        
    

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

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

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

##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，代码：

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