首页 > 其他分享 >freemarker 生成前端文件

freemarker 生成前端文件

时间:2024-04-13 09:04:06浏览次数:20  
标签:Freemarker freemarker 示例 list 前端 List 生成 item 为空

Freemarker是一种模板引擎,它允许我们在Java应用程序中分离视图和业务逻辑。在Freemarker中,List是一种非常有用的数据结构,它允许我们存储一组有序的元素。有时候,我们需要判断一个List是否为空,这在程序设计中有许多应用场景。本文将详细介绍如何使用Freemarker List判断一个List是否为空,并探讨其在程序设计中的应用。在这种情况下,我们需要判断List是否为空,以确定是否需要显示提示信息或默认值。

接下来,我们将详细阐述如何使用Freemarker List进行判断。首先,我们需要导入Freemarker的jar包,并在代码中创建数据模型。然后,我们可以使用${list?empty}表达式来判断List是否为空。这个表达式将返回一个布尔值,表示List是否为空。

以下是一个示例 FTL 文件代码,用于判断 List 的大小:

`<#if list?size gt 0>
<ul>
<#list list as item>
<li>${item}</li>
</#list>
</ul>
<#else>
<p>The list is empty.</p>
</#if>````


在这个示例中,我们使用 FreeMarker 的 `#if` 指令来判断 List 的大小。`list?size` 是 FreeMarker 提供的一个特殊语法,用于获取一个变量中元素的数量。如果 List 不为空,则展示 List 中的元素,否则展示一条消息。



以下是一个示例 FTL 文件代码,用于将 List 中的内容展示为列表项:

```bash
`<ul>
<#list list as item>
<li>${item}</li>
</#list>
</ul>````


在这个示例中,我们使用 `<ul>` 标签创建一个无序列表,然后使用 FreeMarker 的 `#list` 指令遍历 List 中的每一个元素。在 `<li>` 标签中使用 `${item}` 引用当前元素的值。这样,List 中的每个元素都会被展示为一个列表项。

```bash
<#list appList as item>
<tr>
    <td style="min-width: 160px; line-height: 22px;">
        <span style="font-size: 11pt">${(item.name)!""}</span>
    </td>
    <td style="min-width: 160px;">
        <span style="font-size: 11pt">${(item.mersion)!""}</span>
    </td>
    <td style="min-width: 160px;">
        <a style="color: blue" href="${(serverUrl)!""}/?mersionId=${(item.mersionId)!""}">查看详情</a>
    </td>
</tr>
 </#list>```





![](https://mutouzuo.oss-cn-hangzhou.aliyuncs.com/my/mudouzuo1.png)

标签:Freemarker,freemarker,示例,list,前端,List,生成,item,为空
From: https://www.cnblogs.com/bigleft/p/18132467

相关文章

  • 前端录屏并保存视频到本地
    API、第三方库使用getDisplayMedia+MediaRecorder+@ozean/set-webm-duration<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-wid......
  • 2-73. NPC 的 Schedule 数据制作和路径生成
    修改NPCMovement修改Settings修改NPCMovement创建文件夹在NPC目录下创建Data和Logic两个文件夹,然后将NPCManager和NPCMovement挪动到Logic文件夹中然后在Data目录下创建ScheduleDetails创建ScheduleDataList_SO创建Schedule修改NPCMove......
  • C++生成随机数
    C++11标准#include<iostream>#include<random>usingnamespacestd;intmain(){cout<<"C++11"<<endl;default_random_enginerandom(time(nullptr));uniform_int_distribution<int>random_num1(1,100......
  • 2-69. 根据每个地图信息生成节点信息
    创建AStar脚本修改GridMapManager修改AStar脚本再写BuildPath方法再写FindShortestPath方法项目相关代码代码仓库:https://gitee.com/nbda1121440/farm-tutorial.git标签:20240412_1305......
  • 多文件二维码生成器在线报名功能,wps在线生成二维码在线预览在线分享
    为了方便用户进行线上活动报名,我们的二维码生成器还提供了在线报名功能。您可以在生成二维码时设置报名表单,包括姓名、联系方式、报名人数等必要信息。用户扫描二维码后,即可直接填写表单并提交,实现快速报名。这一功能不仅简化了报名流程,还提高了报名效率,适用于各类线上线下活动。......
  • 65. 实现树木、石头、稻草在场景里的预先生成方法
    修改GridMapManager创建CropGenerator更新GridMapManager修改CropGenerator给场景里的树添加CropGenerator修改EventHandler修改CropGenerator修改GridMapManager到目前为止,还是有点问题玩家等待树长大,然后进入房子,再从房子出来,树变回原来的样子了,想......
  • 前端使用 Konva 实现可视化设计器(4)
    给上一章做一个补充,就是实现通过上下左右按键移动所选节点。继续求Star,希望大家多多一键三连,十分感谢大家的支持~创作不易,Star50个,创作加速!github源码gitee源码示例地址通过按键移动节点准备工作给SelectionTool添加两个必要的方法://更新已选位置selecti......
  • pdf在前端网页的显示
    背景:react框架实现插件:pdfjs-dist:"^2.0.943"  (还有其他插件  react-pdf, react-pdf-js,pdf.js都可以尝试一下呢)实现效果:实现代码如下:index.jsximportReact,{useState,useEffect}from'react';import{Spin}from'antd';import{RightOutlined,L......
  • 前端纯原生js数据监控,更新视图
    还没完善好,先记录一部分 binding.js//定义Model类,用于存储数据和监听数据变化functionModel(value=""){this._value=value;//存储数据的值this._listeners=[];//存储监听数据变化的函数}//定义Model类的set方法,用于设置数据的值Model.prototype.set......
  • 文献学习-33-一个用于生成手术视频摘要的python库
    VideoSum:APythonLibraryforSurgicalVideoSummarizationAuthors: LuisC.Garcia-Peraza-Herrera,SebastienOurselin,andTomVercauterenSource: https://arxiv.org/pdf/2303.10173.pdf这篇文章主要关注的是如何通过视频摘要来简化和可视化手术视频,以便于数......