SpringBoot整合Freemarker的基本步驟

更新時間：2022年02月10日 11:26:48 作者：星辰之力

這篇文章主要介紹了SpringBoot整合Freemarker的基本步驟,添加依賴及添加相關配置的實例代碼詳解，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

添加pom依賴

<!-- springboot整合freemarker -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>

在application.yml中添加相關配置

# 配置freemarker
spring:
  freemarker:
    # 設置模板后綴名
    suffix: .ftl
    # 設置文檔類型
    content-type: text/html
    # 設置頁面編碼格式
    charset: UTF-8
    # 設置頁面緩存
    cache: false
    # 設置ftl文件路徑
    template-loader-path:
      - classpath:/templates
  # 設置靜態(tài)文件路徑，js,css等
  mvc:
    static-path-pattern: /static/**

創(chuàng)建freemarker模板

目錄：src/main/resources 創(chuàng)建templates文件夾，文件夾里新建freemarker.ftl文件

<!DOCTYPE>
<html>
    <head>
        <title>freemark</title>
    </head>
    <body>
        <h1>Hello ${name} from resource freemark!</h1>
    </body>
</html>

創(chuàng)建控制層

package com.ahut.action;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
/**
 * 
 * @ClassName: FreemarkerAction
 * @Description: freemarker控制層
 * @author cheng
 * @date 2018年1月22日 下午8:19:39
 */
@Controller
@RequestMapping(value = "/freemarker")
public class FreemarkerAction {
    /**
     * 日志管理
     */
    private static Logger log = LoggerFactory.getLogger(FreemarkerAction.class);
     * 
     * @Title: toDemo
     * @Description: 跳轉freemarker頁面
     * @param mv
     * @return
    @RequestMapping(value = "/toDemo")
    public ModelAndView toDemo(ModelAndView mv) {
        log.info("====>>跳轉freemarker頁面");
        mv.addObject("name", "jack");
        mv.setViewName("freemarker");
        return mv;
    }
}

測試訪問

啟動項目，輸入http://localhost:8080/freemarker/toDemo，看到以下界面

Freemarker獲取項目根路經

application.properties

spring.freemarker.request-context-attribute=request

ftl

<#assign base=request.contextPath />
<!DOCTYPE html>
<html lang="zh">
<head>
    <base id="base" href="${base}" rel="external nofollow" >
    <title>首頁</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="${base}/static/bootstrap-3.3.4/css/bootstrap.min.css" rel="external nofollow"  rel="stylesheet">
    <script src="${base}/static/bootstrap-3.3.4/js/bootstrap.min.js"></script>

var base = document.getElementById("base").href;
// 與后臺交互
_send = function(async, url, value, success, error) {
    $.ajax({
        async : async,
        url : base + '/' + url,
        contentType : "application/x-www-form-urlencoded; charset=utf-8",
        data : value,
        dataType : 'json',
        type : 'post',
        success : function(data) {
            success(data);
        },
        error : function(data) {
            error(data);
        }
    });
};

Springboot配置靜態(tài)資源

package com.ahut.config;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
/**
 * @author cheng
 * @className: WebConfig
 * @description: 靜態(tài)資源配置類
 * @dateTime 2018/4/19 17:59
 */
@Configuration
@EnableWebMvc
public class WebConfig extends WebMvcConfigurerAdapter {
    /**
     * 日志管理
     */
    private Logger log = LoggerFactory.getLogger(WebConfig.class);
     * @description:
     * @author cheng
     * @dateTime 2018/4/19 17:59
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        log.info("配置靜態(tài)資源所在目錄");
        // 和頁面有關的靜態(tài)目錄都放在項目的static目錄下
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }
}

Freemarker頁面引用靜態(tài)資源（CSS、JS）

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SpringBoot - 登錄</title>
    <meta name="keywords" content="springboot">
    <meta name="description" content="SpringBoot">
    <link rel="shortcut icon" href="favicon.ico" rel="external nofollow" >
    <link href="/static/css/bootstrap.min.css?v=3.3.6" rel="external nofollow"  rel="stylesheet" type="text/css">
    <link href="/static/css/font-awesome.css?v=4.4.0" rel="external nofollow"  rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="/static/css/plugins/sweetalert/sweetalert.css" rel="external nofollow"  rel="stylesheet">
    <link href="/static/css/animate.css" rel="external nofollow"  rel="stylesheet">
    <link href="/static/css/style.css?v=4.1.0" rel="external nofollow"  rel="stylesheet">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <script>if (window.top !== window.self) {
        window.top.location = window.location;
    }</script>
</head>
<body class="gray-bg">
<div class="middle-box text-center loginscreen  animated fadeInDown">
    <div>
        <div>
            <h1 class="logo-name">Spring</h1>
        </div>
        <h3>歡迎使用 SpringBoot</h3>
        <div class="form-group">
            <input type="text" id="userAccount" class="form-control" placeholder="用戶名" required="">
            <input type="password" id="userPassword" class="form-control" placeholder="密碼" required="">
        <button class="btn btn-primary block full-width m-b" onclick="login()">登 錄</button>
        <p class="text-muted text-center"><a href="login.ftl#" rel="external nofollow" >
            <small>忘記密碼了？</small>
        </a> | <a href="register.html" rel="external nofollow" >注冊一個新賬號</a>
        </p>
    </div>
</div>
<!-- 全局js -->
<script src="/static/js/jquery.min.js?v=2.1.4"></script>
<script src="/static/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="/static/js/plugins/sweetalert/sweetalert.min.js"></script>
<script>
    // 登錄
    function login() {
        var userAccount = $("#userAccount").val();
        var userPassword = $("#userPassword").val();
        if (userAccount == "") {
            return false;
        }
        if (userPassword == "") {
        // 登錄
        $.ajax({
            url: "/v1/login",
            type: "GET",
            data: {
                userAccount: userAccount,
                userPassword: userPassword
            },
            success: function (data) {
                if ("SUCCESS" == data.type) {
                    // 成功
                    swal({
                        title: "登錄成功",
                        timer: 1000,
                        type: "success",
                        showConfirmButton: false
                    });
                } else if ("FAIL" == data.type) {
                    // 失敗
                        title: data.msg,
                        type: "error",
                }
            }
        })
    }
</script>
</body>
</html>

到此這篇關于SpringBoot整合Freemarker的基本步驟的文章就介紹到這了,更多相關SpringBoot整合Freemarker內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

IDEA 錯誤 No main class specified的問題
這篇文章主要介紹了IDEA 錯誤 No main class specified的問題,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-04-04
Java回溯法解決全排列問題流程詳解
從n個不同元素中任取m（m≤n）個元素，按照一定的順序排列起來，叫做從n個不同元素中取出m個元素的一個排列。當m=n時所有的排列情況叫全排列。這篇文章主要介紹了Java回溯法解決全排列問題
2022-10-10
JavaWeb之會話技術案例詳解
這篇文章主要介紹了JavaWeb之會話技術案例詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下
2021-07-07
Java隨機數(shù)算法原理與實現(xiàn)方法實例詳解
這篇文章主要介紹了Java隨機數(shù)算法原理與實現(xiàn)方法,簡單分析了隨機數(shù)算法的原理并結合具體實例形式給出了java編程計算隨機數(shù)的具體操作技巧,需要的朋友可以參考下
2017-09-09
SpringBoot項目設置斷點debug調試無效忽略web.xml問題的解決
這篇文章主要介紹了SpringBoot項目設置斷點debug調試無效忽略web.xml問題的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-08-08
SpringBoot多環(huán)境日志配置方式
SpringBoot?默認使用LogBack日志系統(tǒng),默認情況下,SpringBoot項目的日志只會在控制臺輸入,本文給大家介紹SpringBoot多環(huán)境日志配置方式,需要的朋友可以參考下
2024-08-08
Java執(zhí)行hadoop的基本操作實例代碼
這篇文章主要介紹了Java執(zhí)行hadoop的基本操作實例代碼的相關資料,需要的朋友可以參考下
2017-04-04
從架構思維角度分析分布式鎖方案
這篇文章主要介紹了從架構與思維的角度來分析分布式鎖的方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-01-01
springboot整合企微webhook機器人發(fā)送消息提醒
這篇文章主要為大家介紹了springboot整合企微webhook機器人發(fā)送消息提醒，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-12-12
利用gson將map轉為json示例
這篇文章主要介紹了利用gson將map轉為json示例,需要的朋友可以參考下
2014-05-05