百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

如何在Struts2框架中应用FreeMarker模板的实例

ccwgpt 2024-10-03 18:27 25 浏览 0 评论

软件项目实训及课程设计指导——如何在Struts2框架中应用FreeMarker模板技术的实例

1、Struts2应用框架全面地支持FreeMarker模板技术

(1)FreeMarker模板特别适应于基于MVC体系架构模式的Web应用系统

Struts2应用框架默认采用FreeMarker作为其模板文件,并且Struts2应用框架中所有的主题模板文件都是采用FreeMarker模板技术编写的。

(2)Struts2应用框架全面提供对FreeMarker模板技术的支持

在基于Struts2应用框架的Web应用系统中,开发人员只需要将项目中的Action类的配置定义中的结果<result>标签中的type属行设置为:type="freemarker",就可以自动地由Struts2应用框架中内带的FreeMarker引擎完成模型数据和模板文件的总装配和输出(参看如下示例图所示)。

作者在下文为读者介绍在J2EE Struts2应用框架的应用系统环境中如何应用FreeMarker模板技术。

2、在基于Struts2应用框架的Web项目中添加与FreeMarker有关的*.jar包文件

在Web项目中添加与FreeMarker有关的*.jar包文件,操作的主要过程可以参看如下示图所示。

3、在基于Struts2应用框架的Web项目中添加一个请求页面fmtUserLogin.jsp

(1)在Web项目中添加一个请求的JSP页面,该页面的文件名称为fmtUserLogin.jsp文件,在MyEclipse开发工具中选择文件新建菜单项目,然后创建出一个JSP类型的页面文件,操作的主要过程可以参看如下示图所示。

(2)fmtUserLogin.jsp文件的代码内容参看如下的示例

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>My JSP 'fmtUserLogin.jsp' starting page</title>
</head><body>
      <form action="/Struts2Web/fmtUserInfoAction.action" method="post" >
      您的名称:<input type="text" name="userName" /> <br />
      您的密码:<input type="password" name="userPassWord" /> <br />
      <input type="submit" value="提交" name="submitButton" onclick="this.value='正在提交请求,请稍候'"/>
      <input type="reset" value="取消" />
      </form>
</body>
</html>

fmtUserLogin.jsp页面文件在静态状态下预览的效果示图请参看如下示例图所示。

4、在Web项目中再设计一个处理的Action类,该类名称为FMTUserInfoAction

(1)包名称为com.px1987.struts2.action,并继承com.opensymphony.xwork2.ActionSupport基类

在Web项目中添加一个Action程序类,该Action程序类的文件名称为FMTUserInfoAction.java文件,在MyEclipse开发工具中选择文件新建类项目,然后创建出一个Java程序类文件,并在该FMTUserInfoAction类继承com.opensymphony.xwork2.ActionSupport基类,程序包名称为com.px1987.struts2.action。操作的主要过程可以参看如下示图所示。


(2)FMTUserInfoAction程序类的代码示例参看如下的程序示例,并注意其中黑体标识的语句。

package com.px1987.struts2.action;
import javax.servlet.http.HttpServletRequest;
import org.apache.struts2.ServletActionContext;
import com.opensymphony.xwork2.ActionSupport;
import com.px1987.struts2.actionform.UserInfoActionForm;
public class FMTUserInfoAction extends ActionSupport {
      private String userName=null;
      private String userPassWord=null;
      private UserInfoActionForm oneUserInfo=null;
      public FMTUserInfoAction() {
      }
      public String execute(){ //在该方法中进行用户登陆的功能实现
            String resultMessage=null;
            boolean returnResult=getUserName().equals("yang") &&getUserPassWord().equals("1234");
            if(returnResult){
           				 resultMessage =getUserName()+"您登录成功!";
            }
            else{
            			resultMessage =getUserName()+"您的身份信息无效!";
            }
            HttpServletRequest request=ServletActionContext.getRequest();
            request.setAttribute("showResultInfo", resultMessage);
            return this.SUCCESS;
      }
      public String getUserName() {
      			return userName;
      }
      public void setUserName(String userName) {
      			this.userName = userName;
      }
      public String getUserPassWord() {
     				 return userPassWord;
      }
      public void setUserPassWord(String userPassWord) {
      			this.userPassWord = userPassWord;
      }
}

5、在Web项目的系统配置文件struts.xml文件中配置出该Action类

在Web项目的系统配置文件struts.xml文件中的最终配置结果如下示例所示,请注意其中黑体所标识的语句。

<action name ="fmtUserInfoAction" class ="com.px1987.struts2.action.FMTUserInfoAction">
      <result name="success" type="freemarker">/userManage/showInfoTemplate.ftl</result>
      <result name="input">/userManage/fmtUserLogin.jsp</result>
</action>

在系统配置文件struts.xml文件中的最终配置结果如下示例图所示。

由于Struts2应用框架使用FreeMarker模板作为其默认的模板技术,因此Struts2应用框架对FreeMarker模板的技术支持是非常良好的。为了在Struts2应用框架中使用FreeMarker模板技术,只需要在struts.xml系统配置文件中进行简单配置(参看上面的配置示例)。

6、在基于Struts2应用框架的Web项目中添加一个模板文件

(1)新增模板页面showInfoTemplate.ftl文件

在Web项目中添加一个模板文件,该模板文件的文件名称为showInfoTemplate.ftl。在MyEclipse开发工具中选择文件新建菜单项目,然后创建出一个模板文件,操作的主要过程可以参看如下示图所示。

(2)模板页面showInfoTemplate.ftl文件的代码内容,并注意其中的黑体标识的语句,该文件中的代码主要是获得用户登录后的状态信息。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head> <title>showInfoTemplate.ftl</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<body>
      <h2>采用标准的方式获得参数值: ${showResultInfo}</h2 > <br>
      <h2>采用FreeMarker模板的内建变量的方式获得参数值: ${Request.showResultInfo }</h2 > <br>
</body>
</html>

读者需要注意的是,由于showInfoTemplate.ftl模板文件不是JSP类型的页面文件,而是普通的文本文件,该文件的内容不需要通过JSP引擎的解析和处理。如下示例图为showInfoTemplate.ftl模板文件在MyEclipse开发工具中的显示状态图。

Struts2应用框架还为在FreeMarker模板中访问Servlet/JSP范围对象提供了支持,通过这种支持可以直接访问这些变量,FreeMarker模板的内建变量有如下几个:

1)Stack:代表ValueStack本身,可通过如下方式来访问其中的变量"${stack.findString('ognl expr')}"

2)Action:代表刚刚执行过的Action实例

3)Response:代表HpptServletResponse实例

4)Request::代表HpptServletRequest实例

5)Session:代表HpptSession实例

6)Application:代表ServletContext实例

7)Base:代表用户请求的上下文路径

从上面的showInfoTemplate.ftl模板页面文件示例中可以了解到FreeMarker的模板文件基本上就是静态的HTML页面,FreeMarker模板文件主要由如下4个部分组成:

1)文本:直接输出的部分

2)注释:<#-- ... -->格式部分,不会输出

3)插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出

4)FTL指令:由FreeMarker指定但和HTML标记基本类似,名字前加#予以区分,不会输出。

7、部署本Web示例项目和测试示例中的相关功能

(1)部署本Web示例到Tomcat服务器中,部署后的结果示图如下示例图所示。

(2)在浏览器中启动测试页面

一旦将本Web项目部署成功后,然后再启动服务器。在浏览器的URL地址栏中输入如下示例图中所示的URL地址将能够启动本示例中的测试页面。

在测试页面的表单中输入模拟系统登录相关的账户和密码(首先输入正确的登录参数),然后再点击其中的"提交"按钮,最终浏览的结果参看如下示例图所示。

(3)在表单中输入相关的参数后的提交输出结果,参看如下示例图所示

点击表单中的"提交"按钮后,前端页面将向后台服务器发送输入的登录信息。后台系统程序查询和比对以确认登录信息是否合法和有效。

浏览器的请求经过Struts2应用框架中的Action类处理后,Struts2应用框架会自动加载FreeMarker模板文件、并使用数据模型来填充该模板,然后再将最后的HTML页面输出给客户端。因此可以看到这个成功页面会将showResultInfo属性变量中的内容读出并显示输出。Struts2应用框架解析FreeMarker模板中变量的顺序如下:

1)FreeMarker模板内建的变量;

2)ValueStack中的变量;

3)ActionContext中的变量

4)HttpServletRequest中的属性

5)HttpSession中的属性

6)ServletContext范围的属性

但不能通过浏览器直接访问FreeMarker模板*.ftl文件,否则将看到该模板页面的源代码,而不是们想要的生成的HTML页面,这是因为Web容器默认不会处理FreeMarker模板页面。在浏览器中直接访问FreeMarker模板*.ftl文件showInfoTemplate.ftl(注意浏览器URL地址栏中的文件名称)后的结果如下示例图所示。

(4)输入错误的表单参数以测试非法登录状态是否能够识别

在测试页面的表单中输入模拟系统登录相关的账户和密码,但这次故意输入不正确的登录参数,最终浏览的结果参看如下示例图所示。


点击表单中的"提交"按钮后,前端页面将向后台服务器发送输入的登录信息。后台系统程序查询和比对以确认登录信息是否合法和有效。但由于本次是故意输入错误的登录参数,应该是无法正确登录系统的,观察示例程序的返回结果。

从示例程序返回的结果来看,本示例的功能实现是完全正确。因此,本示例正确地实现了将Struts2应用框架和FreeMarker模板相互整合,并在Web页面中应用FreeMarker模板技术同样也能够获得从服务器返回的处理结果。

但由于showInfoTemplate.ftl模板文件不是JSP类型的页面文件,而是普通的文本文件,该文件的内容不需要通过JSP引擎的解析和处理。因此页面的响应速度将会大大地提高,从而应用FreeMarker模板技术的Web页面可以是非JSP类型的Web页面——达到"动态内容静态化"的应用效果。

8、查看页面文件的源代码以确认是否为真正的静态页面及浏览静态化后的结果

(1)查看静态化后的结果

作者为了能够让读者进一步地理解"动态页面静态化"的应用效果,可以通过浏览结果页面相关的源程序从而确认最终是否为一个HTML格式的纯静态页面。读者可以在Web浏览器中右键单击,然后在弹出的快捷菜单项目中选择"查看源文件"的功能子菜单项目(参看如下示例图所示)。

(2)本示例的测试页面静态化后的结果示例

将在Web浏览器中显示出用户当前正在浏览的Web页面的源代码,熟悉HTML语言的读者应该能够看懂其中的代码含义——全部为HTML格式的纯静态页面标签。

如何在Struts框架中应用FreeMarker模板技术实例

如何实现Velocity模板引擎与Struts 框架相互集成

如何实现Velocity 与Struts2框架相互集成的应用

如何应用Web页面静态化技术以提高Web应用系统的响应性能

如何应用XML+XSLT+AJAX组合技术实现无刷新数据查询

相关推荐

一个基于.Net Core遵循Clean Architecture原则开源架构

今天给大家推荐一个遵循CleanArchitecture原则开源架构。项目简介这是基于Asp.netCore6开发的,遵循CleanArchitecture原则,可以高效、快速地构建基于Ra...

AI写代码翻车无数次,我发现只要提前做好这3步,bug立减80%

写十万行全是bug之后终于找到方法了开发"提示词管理助手"新版本那会儿,我差点被bug整崩溃。刚开始两周,全靠AI改代码架构,结果十万行程序漏洞百出。本来以为AI说没问题就稳了,结果...

OneCode低代码平台的事件驱动设计:架构解析与实践

引言:低代码平台的事件驱动范式在现代软件开发中,事件驱动架构(EDA)已成为构建灵活、松耦合系统的核心范式。OneCode低代码平台通过创新性的注解驱动设计,将事件驱动理念深度融入平台架构,实现了业务...

国内大厂AI插件评测:根据UI图生成Vue前端代码

在IDEA中安装大厂的AI插件,打开ruoyi增强项目:yudao-ui-admin-vue31.CodeBuddy插件登录腾讯的CodeBuddy后,大模型选择deepseek-v3,输入提示语:...

AI+低代码技术揭秘(二):核心架构

本文档介绍了为VTJ低代码平台提供支持的基本架构组件,包括Engine编排层、Provider服务系统、数据模型和代码生成管道。有关UI组件库和widget系统的信息,请参阅UI...

GitDiagram用AI把代码库变成可视化架构图

这是一个名为gitdiagram的开源工具,可将GitHub仓库实时转换为交互式架构图,帮助开发者快速理解代码结构。核心功能一键可视化:替换GitHubURL中的"hub...

30天自制操作系统:第六天:代码架构整理与中断处理

1.拆开bootpack.c文件。根据设计模式将对应的功能封装成独立的文件。2.初始化pic:pic(可编程中断控制器):在设计上,cpu单独只能处理一个中断。而pic是将8个中断信号集合成一个中断...

AI写代码越帮越忙?2025年研究揭露惊人真相

近年来,AI工具如雨后春笋般涌现,许多人开始幻想程序员的未来就是“对着AI说几句话”,就能轻松写出完美的代码。然而,2025年的一项最新研究却颠覆了这一期待,揭示了一个令人意外的结果。研究邀请了16位...

一键理解开源项目:两个自动生成GitHub代码架构图与说明书工具

一、GitDiagram可以一键生成github代码仓库的架构图如果想要可视化github开源项目:https://github.com/luler/reflex_ai_fast,也可以直接把域名替换...

5分钟掌握 c# 网络通讯架构及代码示例

以下是C#网络通讯架构的核心要点及代码示例,按协议类型分类整理:一、TCP协议(可靠连接)1.同步通信//服务器端usingSystem.Net.Sockets;usingTcpListene...

从复杂到优雅:用建造者和责任链重塑代码架构

引用设计模式是软件开发中的重要工具,它为解决常见问题提供了标准化的解决方案,提高了代码的可维护性和可扩展性,提升了开发效率,促进了团队协作,提高了软件质量,并帮助开发者更好地适应需求变化。通过学习和应...

低代码开发当道,我还需要学习LangChain这些框架吗?| IT杂谈

专注LLM深度应用,关注我不迷路前两天有位兄弟问了个问题:当然我很能理解这位朋友的担忧:期望效率最大化,时间用在刀刃上,“不要重新发明轮子”嘛。铺天盖地的AI信息轰炸与概念炒作,很容易让人浮躁与迷茫。...

框架设计并不是简单粗暴地写代码,而是要先弄清逻辑

3.框架设计3.框架设计本节我们要开发一个UI框架,底层以白鹭引擎为例。框架设计的第一步并不是直接撸代码,而是先想清楚设计思想,抽象。一个一个的UI窗口是独立的吗?不是的,...

大佬用 Avalonia 框架开发的 C# 代码 IDE

AvalonStudioAvalonStudio是一个开源的跨平台的开发编辑器(IDE),AvalonStudio的目标是成为一个功能齐全,并且可以让开发者快速使用的IDE,提高开发的生产力。A...

轻量级框架Lagent 仅需20行代码即可构建自己的智能代理

站长之家(ChinaZ.com)8月30日消息:Lagent是一个专注于基于LLM模型的代理开发的轻量级框架。它的设计旨在简化和提高这种模型下代理的开发效率。LLM模型是一种强大的工具,可以...

取消回复欢迎 发表评论: