项目中前端ftl模板了解

在项目中如前端页面list.ftl，代码部分如下：

<!DOCTYPE html>
<html>
<#import "/spring.ftl" as spring>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- Tell the browser to be responsive to screen width --><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Font Awesome --><link rel="stylesheet" href="/static/plugins/fontawesome-free/css/all.min.css"><!-- icheck bootstrap --><link rel="stylesheet" href="/static/plugins/icheck-bootstrap/icheck-bootstrap.min.css"></head>
<body>

这里的 <#import “/spring.ftl” as spring> 怎么理解呢？

前端ftl模板中一定要引入spring.ftl

再说这个文件在哪里可以找到呢?

位置：项目下，External Libraries -> 找到Maven: org.springframework:spring-webmvc:5.1.7.RELEASE, -> spring-webmvc:5.1.7.RELEASE.jar ->org.springframework.web.servlet -> view -> freemarker ->spring.ftl

打开spring.ftl文件，可以看到定义很多宏指令

#这个宏名称为message，参数只有code，是我们国际化中最常用的,它实际调用了RequestContext的getMessage(String code)方法<#macro message code>${springMacroRequestContext.getMessage(code)}</#macro>#这个宏名称为messageArgs ，参数有两个code和args，国际化字符串中有占位符时可以用到,它实际调用了RequestContext的getMessage(String code, @Nullable Object[] args)方法<#macro messageArgs code, args>${springMacroRequestContext.getMessage(code, args)}</#macro>#这个与第二个类似，只是多了一个text参数，text传递的是默认值,调用了getMessage(String code, @Nullable Object[] args, String defaultMessage)<#macro messageArgsText code, args, text>${springMacroRequestContext.getMessage(code, args, text)}</#macro>

用法：

首先定义2个国际化配置文件
message_zh_CN.properties:

username=用户名
title=欢迎来到{0},{1}!

messages_en_US.properties:

username=UserName
title=welcome to {0},{1}!

编辑前端ftl模板

<html>
<!--一定要导入spring.ftl-->
<#import "spring.ftl" as spring><body>
<!--或者<@spring.message code="username" />-->
<@spring.message "username" /><!--arg是一个在freemarker中定义的数组,包含了占位符{0},{1}对应的参数 -->
<#assign arg = ["我的首页","张三"]>
<@spring.messageArgs "title" arg /></body>
</html>

注意：
<@spring.messageArgs> 第二个参数是一个freemarker数组，需要先用<#assign>指令定义好

freemarker使用自定义命令<@spring.*>实现实现国际化，通过@符号可以看出是自定义的指令。

如代码中:
<@spring.message code=“enms.add”/>
<@spring.message code=“enms.batchDelete”/>

项目中前端ftl模板了解相关推荐

Java项目中利用Freemarker模板引擎导出--生成Word文档
应邀写的一篇文章:Java项目中利用Freemarker模板引擎导出--生成Word文档资源下载:https://download.csdn.net/download/weixin_41367523 ...
Struts项目中前端页面向后台页面传参中文出现乱码（Get请求）
问题描述:Struts项目中前端页面向后台页面传递中文参数值,中文值传递到后台后出现乱码并且以???形式出现解决方法: 1.前端页面js文件中使用encodeURI()方法将所传递的中文值加密起来( ...
Web项目中前端页面引用外部Js和Css的路径问题
公众号:南宫一梦 Web项目中前端页面引用外部Js和Css的路径问题一般我们在做Web项目时,通常会将多个页面引入的公共js和css文件抽取出来,单独写成一个公共文件,以期方便各个页面单独引入,达到 ...
IDEA下，如何在java项目中新增jsp模板文件
IDEA下,如何在java项目中新增jsp模板文件大家会不会有这样的烦恼,就是当想要创建一个jsp模板文件的时候,右键new的时候找不到JSP选项. 这是因为在创建项目的时候没有选中Web Appl ...
Python网站导航项目-4.前端渲染模板
每每用到别人的导航网站会充斥的各种的广告,以及很多无用的内容,用起来真的很烦人.把内容网址收藏到浏览器中又很不方便,因此基于git的前端代码结合Django Web开发自制一套简易的导航网站项目. 项 ...
下载项目中的excel模板文件.xlsx后，无法打开的问题
题外话:通常在导入Excel文件时,会定义一套模板文件,让用户按此模板文件规定的内容进行填写,可以高效导入数据的同时,也利用Excel本身的功能,制定一些规则提示.有效性校验等,减少在代码中校验的繁琐 ...
《Vue》聊一聊实际项目中前端的几种皮肤实现和优缺点
前言在现代大前端领域中,换肤功能已经逐渐成为几乎所有应用的标配,尤其是暗夜模式被推广之后,皮肤功能就正式走到了大众的视野,同样,在web领域尤其是后台管理系统中皮肤功能也由此几乎成为了标配,恰好最近 ...
SpringBoot 项目中使用velocity模板(转载)
(不要使用这种模板了,spring boot最新版已经不支持了.使用FreeMarker吧:http://blog.csdn.net/clementad/article/details/5194262 ...
django项目如何连接前端_Django项目中前端序列化参数获取
我的网站: Python爬虫人工智能学习教程www.python88.cn 最近在写一个django的web项目,后端代码基本都已经写好了,主要是前端,以前学过一段前端,只是对一些基本的方法知道,但 ...

项目中前端ftl模板了解

项目中前端ftl模板了解相关推荐

最新文章

热门文章