Jfinal结合Freemarker渲染界面

最新推荐文章于 2021-07-21 17:02:37 发布
最新推荐文章于 2021-07-21 17:02:37 发布
阅读量5.5k 收藏 1
点赞数
文章标签： freemarker java jfinal
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36073929/article/details/74453042
版权

1.介绍

Jfinal默认render视图模式为Freemarker，如果想使用jsp视图，则需要设置

 

这样render时就是jsp视图。否则为Freemarker。

    现在项目中的页面初始化数据都是用ajax请求数据，这样的模式不好，不但会把后台接口暴露出去，而且页面用户体验差。因此引入Freemarker模版引擎，后台初始化数据。以后项目页面必须使用这种模式，除非特殊情况。

2.开始使用

    使用Freemarker需要用到包，将该jar引入到项目中去，即可开始开发。需要创建Controller action，然后在action中获取所有页面需要的数据。然后renderFreeMarker方法，完成视图渲染。代码：

try {

    this.setCookie("name", URLEncoder.encode("5555","utf-8"),84000);

    //设置数据

    this.setAttr("username", "fwefwefw");

    //设置cookie值

    this.setAttr("cookies", this.getCookie("name"));

    //设置列表数据

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

    list.add("列表1");

    list.add("列表2");

    list.add("列表3");

    list.add("列表4");

    list.add("列表5");

    this.setAttr("testlist",list );

       Map<String,List<String>> kindsMap = new      HashMap<String,List<String>>();

    List<String> aList = new ArrayList<String>();

    aList.add("a1");

    aList.add("a2");

     List<String> bList = new ArrayList<String>();

     bList.add("b1");

     bList.add("b2");

     kindsMap.put("a",aList);

     kindsMap.put("b", bList);

       this.renderFreeMarker("/index.html");

        } catch (UnsupportedEncodingException e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        }

接着页面开始取值，代码：

<body>

<!--判断是否为null -->

<#if cookies ??>

<!--取值 -->

<h>${cookies }</h>

</#if>

        <div>你的名字：${username}</div>

        <div>你设置cookie值：</div>

<#if testlist ??>

<h>列表大小：${testlist.size() }</h>

<br>

<!--遍历list-->

<#list testlist as info>

<a>${info}</a> 

</#list>

</#if>

<h1> 取Map例子</h1>

<#if kindsMap ?? && kindsMap.size() gt 0>

<#list kindsMap.keySet() as mKey>

    <h1>key:${mKey}</h1>

<!-- 定义变量 -->

    <#assign item = kindsMap[mKey]>   

     <#list item as itemValue>

         <h1>list value:${itemValue}</h1>

     </#list>

   </#list>

   </#if>

</body>

相关网址：http://demojava.iteye.com/blog/800204

3.其他

Controller类需要分模块，按模块指定访问路径，例如：

 

this.renderFreeMarker("/index.html");//绝对根目录

this.renderFreeMarker("index.html");//相对路径  会请求/user/index.html页面

前台文件需要分模块，按模块建目录，与Controller路径对应起来。

 

 

使用这个解决动态资源路径问题。html页面使用Freemarker取值：

<script type="text/javascript" src="${contextPath}/js/jquery.js"></script>


我本名叫一休
关注
Swagger接口文档基本使用教程
www.h y p e r p l a s m a.top
08-19 1026
Swagger是一个针对RESTful Web服务的框架，旨在简化接口的生成、描述和测试，非常适合前后端分离的开发模式。它能够自动生成在线接口文档，减轻后端开发人员的文档编写负担。此外，Swagger与Spring框架高度兼容，通过引入Springfox组件，开发者可以轻松集成Swagger。Knife4j作为Swagger的增强解决方案，提供了更为便利的API文档生成工具，适合于Java MVC框架。
jfinal文档
03-24
JFinal支持FreeMarker和Velocity两种模板引擎，用于视图渲染。开发者可以根据自己的需求选择合适的模板引擎，自由设计页面布局。 6. 插件系统 JFinal的插件系统是其强大之处，包括缓存插件、上传下载插件、AOP插件...
jfinal结合freemarker，页面使用$符获取属性值报错原因解决
l_degege的专栏
01-22 627
1.需要在java配置文件中声明freemarker视图 public void constant(Constants me){ me.setViewType(ViewType.FREE_MARKER); } 2.添加freemarkerJar包 3.后台        setAttr("hello", "adfafa"); 4.前台         ${hello} 注：...
JFinal+freemarker+maven demo实例
12-29
此次写这个文章主要是为了记得的一个笔记成分，然后分享一下自己在入门学习是的一些步骤和源码问题，分享给大家一起学习，一起探讨深入
jfinal中使用freemarker
l_degege的专栏
10-30 489
引入jar包 <dependency> <groupId>org.freemarker</groupId> <artifactId>freemarker-gae</artifactId> <version>2.3.30</version> </dependency> - https://blog.csdn.net/twj123456321/article/details/80881037 .
jfinal下超爽的freemarker自定义标签，web开发的利器
11-30 333
为什么采用freemarker? 1、模板技术，不依附于语言和框架，前端和后端解耦，便于分工协作，更好的协同。 2、页面相应速度快 3、前端非常的灵活，采用自定义标签可以在不更改后端的基础上很容易的构造前端逻辑，可适应多变的网站。 为什么要自定义标签？ 答案在第一个问题的第三点，我们需要一个前端灵活的架构，在不更改后端逻辑的基础上，很容易的改造前端逻辑。 在SSH的架构中，自定义...
Jfinal中FreemarkerRender小改进
weixin_33671935的博客
01-03 156
2019独角兽企业重金招聘Python工程师标准>>> ...
Jfinal freemarker
我的博客
11-08 772
天蓬小猪12个月前 http://my.oschina.net/u/257950/blog/477532 天蓬小猪12个月前 http://my.oschina.net/u/257950/blog/477532
jfinal demo
02-16
JFinal 支持FreeMarker和Beetl两种模板引擎，它们可以方便地渲染视图，实现动态网页的生成。模板文件通常位于项目的`/views`目录下，与Controller中的Action相对应。 5. **插件系统** JFinal 有丰富的插件库，...
jfinal全集
06-08
5. **页面设计与渲染**：使用JSP、FreeMarker等模板引擎技术生成动态页面。 6. **单元测试与集成测试**：编写测试用例，确保各个模块正常工作。 7. **部署与上线**：将项目部署到服务器上，进行压力测试、安全测试等...
JFinal架包
07-16
4. **内置模板引擎**：JFinal内置了 Beetl 和 FreeMarker 两种模板引擎，可以方便地进行视图层的渲染。 5. **简单易用的API**：JFinal的API设计简洁明了，学习曲线平缓，使得开发者能够快速上手。 6. **强大的...
JFinal+Maven+FreeMarker入门实例
09-01
JFinal+Maven+FreeMarker入门实例 JFinal这个框架确实不错，受够了Struts 2
JFinal资源
02-03
- **MVC模式**：JFinal遵循Model-View-Controller的设计模式，使得业务逻辑、数据模型和界面展示分离，提高了代码的可读性和可维护性。 - **零配置**：JFinal通过代码生成配置，避免了繁琐的XML配置，简化了项目的...
实现通过jfinal框架自动扫描freemarker的自定义标签
huxichen1234的博客
07-21 176
参考了jfinal的路由扫描功能 在afterJFinalStart中添加标签的扫描 只扫描指定包下的内容，并通过自定义注解实现对freemarker自定义标签的命名和注册 代码详见https://download.csdn.net/download/huxichen1234/20401330 注意：代码包不能直接跑，需将代码拷贝至完整的jfinal框架上，如何拷贝和使用详见包里面的readme，其中Config.java，仅包含了如何添加标签扫描 ...
Java使用servlet+freemarker渲染html视图
Journey的博客
04-04 1180
创建web project 编写配置类 package com.mazun.weixin.freemarker; import java.io.PrintWriter; import java.util.HashMap; import java.util.Map; import javax.servlet.http.HttpServletRequest; import javax.se
JFinal使用Freemarker作为展示层中的国际化配置使用
weixin_33727510的博客
04-27 171
2019独角兽企业重金招聘Python工程师标准>>> ...
jfinal和freemaker的分页
我本名叫一休的博客
07-27 432
<#-- pageShow 总页数, 当前页, 请求服务地址, 页面大小默认15, 显示最多分页个数, 请求服务地址参数默认为p, 分页样式（可选：gray（默认）、orange、blue） -->
Jfinal使用Freemarker配置处理NULL、重起生效等问题
weixin_33916256的博客
01-08 111
2019独角兽企业重金招聘Python工程师标准>>> ...
jfinal返回html源码,jfinal freemarker生成静态html完整例子！支持调用两次render效果，返回json数据。...
最新发布
06-08
好的，下面是一个完整的例子，演示如何使用 JFinal 和 Freemarker 生成静态 HTML 并返回 JSON 数据。在这个例子中，我们将渲染一个简单的 HTML 页面，然后返回 JSON 数据。 1. 首先，我们需要在 pom.xml 文件中添加以下依赖项： ```xml <dependency> <groupId>com.jfinal</groupId> <artifactId>jfinal</artifactId> <version>4.1</version> </dependency> <dependency> <groupId>org.freemarker</groupId> <artifactId>freemarker</artifactId> <version>2.3.30</version> </dependency> ``` 2. 接下来，我们需要创建一个 JFinal 的配置类，例如 `MyConfig.java`，并添加以下代码： ```java public class MyConfig extends JFinalConfig { public void configConstant(Constants me) { // 设置开发模式，方便调试 me.setDevMode(true); } public void configRoute(Routes me) { // 定义路由映射，将 /hello 映射到 HelloController me.add("/hello", HelloController.class); } public void configEngine(Engine me) { // 配置 Freemarker 模板引擎 me.setDevMode(true); // 设置开发模式 me.addSharedFunction("/common/layout.html"); // 添加共享模板 me.addSharedFunction("/common/pagination.html"); // 添加共享模板 } } ``` 3. 然后，我们需要创建一个 JFinal 控制器类，例如 `HelloController.java`，并添加以下代码： ```java public class HelloController extends Controller { public void index() { // 设置数据模型 setAttr("username", "John Doe"); setAttr("age", 30); setAttr("message", "Hello, World!"); // 渲染 HTML 页面 render("/hello.html"); // 渲染 JSON 数据 renderJson("{\"success\": true, \"data\": {\"message\": \"Hello, World!\"}}"); } } ``` 4. 接下来，我们需要创建一个 Freemarker 模板文件，例如 `hello.html`，并添加以下代码： ```html <!DOCTYPE html> <html> <head> <title>Hello, World!</title> </head> <body> <h1>Welcome, ${username}!</h1> <p>You are ${age} years old.</p> <p>${message}</p> </body> </html> ``` 5. 最后，我们需要启动 JFinal 应用程序，并访问 http://localhost:8080/hello/index，您将看到渲染的 HTML 页面和返回的 JSON 数据。 以上就是一个完整的例子，演示了如何使用 JFinal 和 Freemarker 生成静态 HTML 并返回 JSON 数据。希望能对您有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值