天天看點
傳回

SpringBoot 整合視圖層技術

SpringBoot整合視圖層技術

  • SpringBoot 整合jsp
  • SpringBoot 整合freemarker
  • SpringBoot 整合Thymeleaf

一 SpringBoot 整合jsp技術

1.修改pom檔案添加坐标

<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>

  <parent>

    <groupId>org.springframework.boot</groupId>

    <artifactId>spring-boot-starter-parent</artifactId>

    <version>2.1.4.RELEASE</version>

  </parent>

  <groupId>com.alan</groupId>

  <artifactId>05-spring-boot-view-jsp</artifactId>

  <version>0.0.1-SNAPSHOT</version>

  <properties>

  <!-- 指定jdk 版本 -->

      <java.version>1.8</java.version>

  </properties>

  <dependencies>

      <!-- 聲明 spring boot web 啟動器 -->

      <dependency>

          <groupId>org.springframework.boot</groupId>

          <artifactId>spring-boot-starter-web</artifactId>

      </dependency>

      <!-- 因為springboot 本事不建議使用 jsp，是以springboot在整合jsp時，需要引入jsp相關的依賴jar包 -->

      <!--  jstl -->

      <dependency>

          <groupId>javax.servlet</groupId>

          <artifactId>jstl</artifactId>

      </dependency>

      <dependency>

          <groupId>org.apache.tomcat.embed</groupId>

          <artifactId>tomcat-embed-jasper</artifactId>

          <scope>provided</scope>

      </dependency>

  </dependencies>

</project>

2、建立springboot 全局配置檔案

spring.mvc.view.prefix=/WEB-INF/jsp/

spring.mvc.view.suffix=.jsp
SpringBoot 整合視圖層技術

3.建立controller

@Controller

public class UserController {

    @RequestMapping(value = "showUserInfo")

    public String showUserInfo(Model model) {

        List<Object> list = new ArrayList<Object>();

        list.add(new UserEntity(1, "zhangshan", 23));

        list.add(new UserEntity(2, "王五", 24));

        list.add(new UserEntity(3, "李四", 26));

        model.addAttribute("list", list);

        return "userList";

    }

}

4、編寫jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>查詢使用者清單</title>

</head>

<body>

    <table align="center" width="50%">

        <tr>

            <th>ID</th>

            <th>Name</th>

            <th>Age</th>

        </tr>

        <c:forEach items=${list } var="user">

            <tr>

                <td>${user.id }</td>

                <td>${user.name }</td>

                <td>${user.age }</td>

            </tr>

        </c:forEach>

    </table>

</body>

</html>

5、編寫程式啟動類

@SpringBootApplication

public class App {

    public static void main(String args[]){

        SpringApplication.run(App.class, args);

    }

}

6、通路報錯及解決方案

org.apache.jasper.JasperException: /WEB-INF/jsp/userList.jsp (line: [17], column: [20]) quote symbol expected

    at org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:42) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:292) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:98) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Parser.parseAttribute(Parser.java:237) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Parser.parseAttributes(Parser.java:168) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Parser.parseAttributes(Parser.java:159) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Parser.parseCustomTag(Parser.java:1251) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Parser.parseElements(Parser.java:1470) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Parser.parse(Parser.java:144) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.ParserController.doParse(ParserController.java:244) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.ParserController.parse(ParserController.java:105) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Compiler.generateJava(Compiler.java:206) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Compiler.compile(Compiler.java:385) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Compiler.compile(Compiler.java:362) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.compiler.Compiler.compile(Compiler.java:346) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.JspCompilationContext.compile(JspCompilationContext.java:603) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:399) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:385) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at org.apache.jasper.servlet.JspServlet.service(JspServlet.java:329) ~[tomcat-embed-jasper-9.0.17.jar:9.0.17]

    at javax.servlet.http.HttpServlet.service(HttpServlet.java:741) [tomcat-embed-core-9.0.17.jar:9.0.17]

    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:231) [tomcat-embed-core-9.0.17.jar:9.0.17]

    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) [tomcat-embed-core-9.0.17.jar:9.0.17]

    at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53) [tomcat-embed-websocket-9.0.17.jar:9.0.17]

    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) [tomcat-embed-core-9.0.17.jar:9.0.17]

    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) [tomcat-embed-core-9.0.17.jar:9.0.17]

    at org.apache.catalina.core.ApplicationDispatcher.invoke(ApplicationDispatcher.java:712) [tomcat-embed-core-9.0.17.jar:9.0.17]

    at org.apache.catalina.core.ApplicationDispatcher.processRequest(ApplicationDispatcher.java:459) [tomcat-embed-core-9.0.17.jar:9.0.17]

    at org.apache.catalina.core.ApplicationDispatcher.doForward(ApplicationDispatcher.java:384) [tomcat-embed-core-9.0.17.jar:9.0.17

報錯原因：jsp頁面元素文法錯誤

SpringBoot 整合視圖層技術
解決方案
SpringBoot 整合視圖層技術

二、springboot 整合freemarker

1 建立springboot 項目

SpringBoot 整合視圖層技術

2.引入項目依賴jar包

<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>

  <parent>

    <groupId>org.springframework.boot</groupId>

    <artifactId>spring-boot-starter-parent</artifactId>

    <version>2.1.4.RELEASE</version>

  </parent>

  <groupId>com.alan</groupId>

  <artifactId>06-spring-boot-view-framemaker</artifactId>

  <version>0.0.1-SNAPSHOT</version>

  <properties>

      <!-- 引入jdk版本 -->

      <java.version>1.8</java.version>

  </properties>

  <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>

3.編寫Controller

@Controller

public class UserController {

    @RequestMapping(value="queryUserList",method=RequestMethod.GET)

    public String queryUserList(Model model){

        List<Object> list = new ArrayList<Object>();

        list.add(new UserEntity(1,"張三",23));

        list.add(new UserEntity(2,"李四",25));

        list.add(new UserEntity(3,"wangwu",26));

        model.addAttribute("list", list);

        return "userList";

    }

}

4.編寫freemarker 模闆頁面（注意freemarker 字尾名為.ftl）

<html>

    <head>

        <title>展示使用者資訊</title>

        <meta charset="utf-8"></meta>

    </head>

    <body>

        <table align="center" width="50%">

            <tr>

                <th>ID</th>

                <th>Name</th>

                <th>Age</th>

            </tr>

            <#list list as user>

            <tr>

                <td>${user.userId}</td>

                <td>${user.name}</td>

                <td>${user.age}</td>

            </tr>

        </table>

    </body>

</html>

注意：模闆語言需要在resources目錄下建立存放模闆語言templates目錄src/main/resources/templates，否則無法通路，

templates 目錄是安全的，意味着該目錄下的靜态資源不能通過外部直接通路

5、編寫程式啟動類

@SpringBootApplication

public class App {

    public static void main(String args[]){

        SpringApplication.run(App.class, args);

    }

}

6、報如下錯誤

Unexpected end of file reached. You have an unclosed #list.] with root cause

freemarker.core.ParseException: Syntax error in template "userList.ftl" in line 21, column 7:

Unexpected end of file reached. You have an unclosed #list.

    at freemarker.core.FMParser.generateParseException(FMParser.java:5768) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.core.FMParser.jj_consume_token(FMParser.java:5627) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.core.FMParser.List(FMParser.java:1803) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.core.FMParser.FreemarkerDirective(FMParser.java:3426) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.core.FMParser.MixedContentElements(FMParser.java:3812) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.core.FMParser.Root(FMParser.java:4458) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.template.Template.<init>(Template.java:253) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.cache.TemplateCache.loadTemplate(TemplateCache.java:549) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.cache.TemplateCache.getTemplateInternal(TemplateCache.java:439) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.cache.TemplateCache.getTemplate(TemplateCache.java:292) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.template.Configuration.getTemplate(Configuration.java:2750) ~[freemarker-2.3.28.jar:2.3.28]

    at freemarker.template.Configuration.getTemplate(Configuration.java:2608) ~[freemarker-2.3.28.jar:2.3.28]

    at org.springframework.web.servlet.view.freemarker.FreeMarkerView.getTemplate(FreeMarkerView.java:373) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.view.freemarker.FreeMarkerView.checkResource(FreeMarkerView.java:227) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.view.UrlBasedViewResolver.loadView(UrlBasedViewResolver.java:530) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.view.AbstractCachingViewResolver.createView(AbstractCachingViewResolver.java:250) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.view.UrlBasedViewResolver.createView(UrlBasedViewResolver.java:493) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.view.AbstractCachingViewResolver.resolveViewName(AbstractCachingViewResolver.java:149) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.view.ContentNegotiatingViewResolver.getCandidateViews(ContentNegotiatingViewResolver.java:309) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.view.ContentNegotiatingViewResolver.resolveViewName(ContentNegotiatingViewResolver.java:227) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.DispatcherServlet.resolveViewName(DispatcherServlet.java:1411) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.DispatcherServlet.render(DispatcherServlet.java:1347) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.DispatcherServlet.processDispatchResult(DispatcherServlet.java:1116) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:1055) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:942) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:1005) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at org.springframework.web.servlet.FrameworkServlet.doGet(FrameworkServlet.java:897) ~[spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]

    at javax.servlet.http.HttpServlet.service(HttpServlet.java:634) ~[tomcat-embed-core-9.0.17.jar:9.0.17]

    at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:882) ~

原因：頁面<#list>  缺少結束标簽  加上</#list>問題解決

springboot
上一篇: B/S三層結構學習
下一篇: QT學習3:c++解析html相關

繼續閱讀