0
点赞
收藏
分享

微信扫一扫

使用FreeMarker的Web Project例子

少_游 2022-08-04 阅读 90

1 创建一个名为FreemarkerDemo的Web Project

 

2 删除index.jsp,新建index.html,index.html中的内容为:


<html>
<head>
<title>Hello FreeMarker Example</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
</head>
<body>
点击下面链接看看效果:
<hr>
<a href="hello.do">调用Hello模板</a>
</body>
</html>


3 把web.xml中的内容为


<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
id="WebApp_ID" version="3.1">
<display-name>FreemarkerDemo</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
</web-app>


4 把FreemarkerDemo部署到tomcat服务器中




使用FreeMarker的Web Project例子_java

 


使用FreeMarker的Web Project例子_xml_02


5 运行FreemarkerDemo程序

使用FreeMarker的Web Project例子_xml_03


6 在浏览器中输入​​http://localhost:8080/FreemakerDemo​​

使用FreeMarker的Web Project例子_xml_04


7 点击上图中的“调用Hello模板”,报错

使用FreeMarker的Web Project例子_html_05


下面要利用FreeMarker来实现这个点击事件。

1 在WebRoot下创建lib目录,将freemarker包放到lib目录下并刷新

使用FreeMarker的Web Project例子_java_06


2 在WebRoot下新建templates目录,在此目录下新建hello.ftl文件,其内容为


<html>
<head>
<title>hello</title>
</head>
<body>
<h1>Hello ${user}!</h1>
</body>
</html>



使用FreeMarker的Web Project例子_xml_07


3 在src下创建example包,在example包下创建Hello.java,其内容为:


package example;

import java.io.*;
import java.util.*;
import javax.servlet.ServletException;
import javax.servlet.http.*;
import freemarker.template.*;

public class Hello extends HttpServlet {
private static final long serialVersionUID = 1L;
private Configuration cfg;

public void init() {
//初始化FreeMarker配置
//创建一个Configuration实例
cfg =new Configuration();
//设置FreeMarker的模版文件位置
cfg.setServletContextForTemplateLoading(getServletContext(),"templates");
}

public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException {
//建立数据模型
Map<String, String> map =new HashMap<String, String>();
//放入对应数据key value
map.put("user","Zheng");
//取得模版文件
Template t =cfg.getTemplate("hello.ftl");
//开始准备生成输出
//使用模版文件的charset作为本页面的charset
//使用text/html MIME-type
response.setContentType("text/html; charset=" + t.getEncoding());
PrintWriter out = response.getWriter();

//合并数据模型和模版,并将结果输出到out中
try {
t.process(map,out);//用模板来开发servlet可以只在代码里面加入动态的数据
} catch(TemplateException e) {
throw new ServletException("处理Template模版中出现错误", e);
}
}
}


4 在web.xml中添加内容,添加完之后的全部内容为


<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
id="WebApp_ID" version="3.1">

<display-name>FreemarkerDemo</display-name>

<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>

<servlet>
<servlet-name>Hello</servlet-name>
<servlet-class>example.Hello</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>Hello</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>

</web-app>


5 重新运行项目,并且在浏览器中输入​​http://localhost:8080/FreemakerDemo​​

使用FreeMarker的Web Project例子_java_08


点击“调用Hello模板”超链接,跳转到另一个界面



使用FreeMarker的Web Project例子_html_09



 

举报

相关推荐

0 条评论