springboot入门_模板

springboot中已经不推荐使用jsp，而是推荐使用模板，如freemarker，thymeleaf等，本文记录在sprigboot中使用模板。

创建一个maven的springboot工程，

freemarker，要使用freemarker模板需引入所需要的jar，pom.xml如下：

 <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.allen.springboot.learn</groupId>
   <artifactId>springboot_freemarker</artifactId>
   <version>0.0.1-SNAPSHOT</version>
 
   <parent>
     <groupId>org.springframework.boot</groupId>
     <artifactId>spring-boot-starter-parent</artifactId>
     <version>1.5.10.RELEASE</version>
   </parent>
 
   <dependencies>
     <!-- web 依赖 -->
     <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-web</artifactId>
     </dependency>
 
     <!-- Freemarker 依赖 -->
     <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-freemarker</artifactId>
     </dependency>
   </dependencies>
 
 </project>

在resources目录下创建application.properties文件，添加freemarker配置信息，代码如下:

 ##FREEMARKER
 spring.freemarker.template-loader-path=classpath:/view/
 spring.freemarker.suffix=.ftl
 #spring.freemarker.prefix=
 spring.freemarker.allow-request-override=false
 spring.freemarker.cache=true
 spring.freemarker.check-template-location=true
 spring.freemarker.charset=UTF-8
 spring.freemarker.content-type=text/html
 spring.freemarker.expose-request-attributes=false
 spring.freemarker.expose-session-attributes=false
 spring.freemarker.expose-spring-macro-helpers=false

这些配置信息中，比较重要的是前两行，分别指定文件所在路径和文件名的后缀。

至此freemarker的配置已经完成，接下来创建controller，实体类和模板，使用freemarker模板

 /**
  *
  */
 package com.allen.springboot.learn.controller;
 
 import java.util.ArrayList;
 import java.util.List;
 
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.RequestMapping;
 
 import com.allen.springboot.learn.entity.UserInfo;
 
 /**
  * @author admin
  *
  */
 @Controller
 @RequestMapping("/freemarker")
 public class FreemarkerController {
 
     @RequestMapping("/hello")
     public String hello(Model model){
         UserInfo u1 = new UserInfo();
         u1.setId(1);
         u1.setEmail("11@qq.com");
         u1.setAge(12);
         u1.setPassword("111111");
         u1.setSex("男");
         u1.setUsername("allen");
         model.addAttribute("u1", u1);
 
         List<UserInfo> userList = new ArrayList<UserInfo>();
         userList.add(u1);
         UserInfo u2 = new UserInfo();
         u2.setId(2);
         u2.setEmail("22@qq.com");
         u2.setAge(22);
         u2.setPassword("222222");
         u2.setSex("F");
         u2.setUsername("kobe");
         userList.add(u2);
         UserInfo u3 = new UserInfo();
         u3.setId(3);
         u3.setEmail("33@qq.com");
         u3.setAge(33);
         u3.setPassword("333");
         u3.setSex("M");
         u3.setUsername("kg");
         userList.add(u3);
         model.addAttribute("userList", userList);
         return "fmk";
     }
 
 }

 /**
  *
  */
 package com.allen.springboot.learn.entity;
 
 /**
  * @author admin
  *
  */
 public class UserInfo {
 
     private Integer id;
     private String username;
     private String password;
     private String sex;
     private String email;
     private int age;
 
     public Integer getId() {
         return id;
     }
     public void setId(Integer id) {
         this.id = id;
     }
     public String getUsername() {
         return username;
     }
     public void setUsername(String username) {
         this.username = username;
     }
     public String getPassword() {
         return password;
     }
     public void setPassword(String password) {
         this.password = password;
     }
     public String getSex() {
         return sex;
     }
     public void setSex(String sex) {
         this.sex = sex;
     }
     public String getEmail() {
         return email;
     }
     public void setEmail(String email) {
         this.email = email;
     }
     public int getAge() {
         return age;
     }
     public void setAge(int age) {
         this.age = age;
     }
 
 }

 <!DOCTYPE html>
 <html>
 <head>
 <title>Insert title here</title>
 </head>
 <body>
 用户信息<br/>
 id：${u1.id}<br/>
 username：${u1.username}<br/>
 password：${u1.password}<br/>
 sex：${u1.sex}<br/>
 email：${u1.email}<br/>
 age：${u1.age}
 <hr/>
 列表信息<br/>
 <table>
     <#if (userList ? size > 0 )>
         <#list userList as user>
             <tr>
                 <td>${user.id}</td>
                 <td>${user.username}</td>
                 <td>${user.password}</td>
                 <td>${user.sex}</td>
                 <td>${user.email}</td>
                 <td>${user.age}</td>
             </tr>
         </#list>
     <#else>
         没有数据
     </#if>
 </table>
 
 </body>
 </html>

现在就可以启动工程，访问controller了，信息正常信息

至此在springboot中使用freemarker已完成。

接下来看看使用thymeleaf模板，thymeleaf模板是springboot默认使用的模板，模板文件默认路径是在src/main/resources/templates下，和上文一样，只需要在pom.xml文件中引入对应的jar。

创建模板：

 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org">
 <head>
 <meta charset="UTF-8" />
 <title>Insert title here</title>
 </head>
 <body>
 hello <span style="color:red" th:text="${name}"></span>
 </body>
 </html>

创建controller：

 /**
  *
  */
 package com.allen.springboot.learn.controller;
 
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.RequestMapping;
 
 /**
  * @author admin
  *
  */
 @Controller
 @RequestMapping("/thymeleaf")
 public class ThymeleafController {
 
     @RequestMapping("/hello")
     public String helloThymeleaf(Model model){
         model.addAttribute("name", "Thymeleaf");
         return "tmf";
     }
 
 }

接下来启动项目，访问controller中的地址，浏览器端显示如下内容