Simpleframework组件与FreeMarker 整合例子

allbin1983

浏览: 36008 次
性别:
来自: 北京

最近访客更多访客>>

wyx065747

xuwenyan

绿茵好莱坞

suncong1024

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (32)

社区版块

存档分类

freemarker Servlet Web JavaEE JSP

Simpleframework是基于后处理后处理模式技术实现的Web应用级开源框架。采用过滤器工作机制和申明式组件元数据定义，所以备整装零用的应用模式，不仅可以支持Web应用的全程开发装，也可以在其他框架资源和应用的基础上仅引用其部分组件，本例介绍通过FreeMarker代替jsp做页面展示，并在FreeMarker模板文件输出Simpleframework的树组件。

FreeMarker是开源的模板框架。对于它的介绍网上已经很多了。详情可参考
主页:http://www.freemarker.org/
现在我们就开始FreeMarker版的Hello World并实现输出Simpleframework树组件。
1.去这里下载最新的FreeMarker.我下载的是Download freemarker-2.3.16
2.解压你下载的freemarker-2.3.16。
3.新建一web工程。我是Eclipse下做的。把freemarker-2.3.16/lib目录下的
jar文件复制到你建的web工程的lib目录下。
4.在WEB-INF目录下建一文件夹templates,然后在这个文件夹里面新建一个模板文件test.ftl

<html>

<head>

<title>你的自定义模板</title>

</head>

<body>

<h1> freemarker 输出的内容<h1>

${message}

:${ username }

<h1> sSimple 输出的内容<h1>

<table>

<tr>

<div> 可以拖动的普通树 </div>

</td>

<div> 动态装载的树，可以多选 </div>

</td>

</tr>

</table>

</body>

</html>

5.建一个HelloFreeMarkerServlet:

packagedemo;

importjava.io.IOException;

importjava.io.PrintWriter;

importjava.util.HashMap;

importjava.util.Map;

importjavax.servlet.ServletException;

importjavax.servlet.http.HttpServlet;

importjavax.servlet.http.HttpServletRequest;

importjavax.servlet.http.HttpServletResponse;

importfreemarker.template.Configuration;

importfreemarker.template.Template;

importfreemarker.template.TemplateException;

@SuppressWarnings("serial")

publicclassHelloFreeMarkerServlet extendsHttpServlet

{

privateConfiguration cfg= null;

@Override

publicvoidinit() throwsServletException

{

// FreeMarker程序入口点

cfg= newConfiguration();

// 初始化 Servlet 上下文(第二参数为ServletContext的相对路径,null代表当前网站根路径，相对路径)

cfg.setServletContextForTemplateLoading(this.getServletContext(), null);

}

@SuppressWarnings("unchecked")

@Override

protectedvoiddoPost(HttpServletRequest req, HttpServletResponse resp)

throwsServletException, IOException

{

// 模板文件会根据key，读取value

Map root = new HashMap ();

root.put("message", "hello!");

root.put("username", "SSimpleframe and freemarker lover.");

Template t = cfg.getTemplate("/templates/test.ftl");

resp.setCharacterEncoding("utf-8");

PrintWriter out = resp.getWriter();

try

{

t.process(root, out);

} catch(TemplateException e)

{

e.printStackTrace();

}

@Override

protectedvoiddoGet(HttpServletRequest req, HttpServletResponse resp)

throwsServletException, IOException

{

this.doPost(req, resp);

}

6.web.xml中的相应配置:

<?xmlversion="1.0" encoding="UTF-8"?>

<web-appxmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee"

xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

id="WebApp_ID" version="2.5">

<display-name> Simpleframework </display-name>

<welcome-file-list>

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

<welcome-file>index.htm</welcome-file>

<welcome-file>index.jsp</welcome-file>

<welcome-file>default.html</welcome-file>

<welcome-file>default.htm</welcome-file>

<welcome-file>default.jsp</welcome-file>

</welcome-file-list>

<servlet-name>testServlet</servlet-name>

<servlet-class>demo.HelloFreeMarkerServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>testServlet</servlet-name>

<url-pattern>/hello.do</url-pattern>

</servlet-mapping>

<filter-name>actionFilter</filter-name>

<filter-class>net.Simpleframework.web.page.PageFilter</filter-class>

</filter>

<filter-mapping>

<filter-name>actionFilter</filter-name>

<url-pattern>*. jsp </url-pattern>

</filter-mapping>

<filter-mapping>

<filter-name>actionFilter</filter-name>

<url-pattern>*.do</url-pattern>

</filter-mapping>

<listener-class>net.Simpleframework.web.page.PageEventAdapter</listener-class>

</listener>

</web-app>

7. 申明组件元数据定义，需要对应于拦截的hello, hello.xml 文件如下：

<?xmlversion="1.0" encoding="UTF-8"?>

<pagexmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:noNamespaceSchemaLocation="/xsd/default/sSimple.xsd">

<treename="demoTree1" containerId="demoTree1" handleClass="net.Simpleframework.example.MyTree"

width="240">

<treenodetext="Root" acceptdrop="true">

<treenodetext="Node1" draggable="true" acceptdrop="true">

<jsDblclickCallback>alert('Node1');</jsDblclickCallback>

</treenode>

<treenodetext="Node2" draggable="true" acceptdrop="true">

<treenodetext="Node2_1" draggable="true" acceptdrop="true">

<jsDblclickCallback>alert('Node2_1');</jsDblclickCallback>

</treenode>

<treenodetext="Node2_2" draggable="true" acceptdrop="true">

</treenode>

<treenodetext="Node2_3" draggable="true" acceptdrop="true">

</treenode>

<treenodetext="Node3" draggable="true" acceptdrop="true">

</treenode>

<treenodetext="Node4" draggable="true" acceptdrop="true">

</treenode>

</tree>

<treename="demoTree2" containerId="demoTree2" checkboxes="true"

checkboxesThreeState="true" dynamicLoading="true" width="240">

<treenodetext="北京市"/>

<treenodetext="上海市"/>

***

</tree>

</components>

</page>

8.启动浏览器访问: http://localhost:8080/demo/hello.do

您会看到:

完整的工程点击下载

分享到：

两步本机体验simpleframework | 基于infoq介绍的国产框架开发新增,删除, ...

2010-12-14 23:57
浏览 971
评论(2)
论坛回复 / 浏览 (1 / 2450)
分类:Web前端
查看更多

2 楼 allbin1983 2010-12-15

这是为了发到论坛上，操作失误。

1 楼 kkqqcom 2010-12-15

<div class="quote_title">allbin1983 写道</div>
<div class="quote_div">
<div class="c">
Simpleframework是基于后处理后处理模式技术实现的Web应用级开源框架。采用过滤器工作机制和申明式组件元数据定义，所以备整装零用的应用模式，不仅可以支持Web应用的全程开发装，也可以在其他框架资源和应用的基础上仅引用其部分组件，本例介绍通过FreeMarker代替jsp做页面展示，并在FreeMarker模板文件输出Simpleframework的树组件。
FreeMarker是开源的模板框架。对于它的介绍网上已经很多了。详情可参考 主页:<a href="http://www.freemarker.org/">http://www.freemarker.org/</a> 现在我们就开始FreeMarker版的Hello World并实现输出Simpleframework树组件。 1.去<a href="http://www.freemarker.org/freemarkerdownload.html">这里</a>下载最新的FreeMarker.我下载的是Download freemarker-2.3.16 2.解压你下载的freemarker-2.3.16。 3.新建一web工程。我是Eclipse下做的。把freemarker-2.3.16/lib目录下的 jar文件复制到你建的web工程的lib目录下。 4.在WEB-INF目录下建一文件夹templates,然后在这个文件夹里面新建一个模板文件test.ftl
<html> 
<meta http - equiv ="Content-Type" content="text/ html ; charset = gbk " />
<head>
 <title>你的自定义模板</title>
</head>
 <body>
 <h1> freemarker 输出的内容<h1> 
 ${message}
 :${ username }
 <h1> sSimple 输出的内容<h1> 
 <table>
 <tr>
 <td width="50%" valign ="top">
 <div> 可以拖动的普通树 </div> 
 <div id="demoTree1" style="padding: 8px; border: 5px solid # ddd ;"> </div> 
 </td>
 <td width="50%" valign ="top">
 <div> 动态装载的树，可以多选 </div> 
 <div id="demoTree2" style="padding: 8px; border: 5px solid # ddd ;"> </div> 
 </td>
 </tr>
 </table> 
 </body>
</html> 
5.建一个HelloFreeMarkerServlet:
packagedemo;
importjava.io.IOException;
importjava.io.PrintWriter;
importjava.util.HashMap;
importjava.util.Map;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
 
importfreemarker.template.Configuration;
importfreemarker.template.Template;
importfreemarker.template.TemplateException;
 
@SuppressWarnings("serial")
publicclassHelloFreeMarkerServlet extendsHttpServlet
{
 privateConfiguration cfg= null;
 
 @Override
 publicvoidinit() throwsServletException
 {
 // FreeMarker程序入口点
 cfg= newConfiguration();
 // 初始化 Servlet 上下文(第二参数为ServletContext的相对路径,null代表当前网站根路径，相对路径)
 cfg.setServletContextForTemplateLoading(this.getServletContext(), null); 
 }
 @SuppressWarnings("unchecked")
 @Override
 protectedvoiddoPost(HttpServletRequest req, HttpServletResponse resp)
 throwsServletException, IOException
 {
 // 模板文件会根据key，读取value
 Map root = new HashMap ();
 root.put("message", "hello!");
 root.put("username", "SSimpleframe and freemarker lover.");
 Template t = cfg.getTemplate("/templates/test.ftl");
 resp.setCharacterEncoding("utf-8");
 PrintWriter out = resp.getWriter();
 try
 {
 t.process(root, out);
 } catch(TemplateException e)
 {
 e.printStackTrace();
 }
 }
 
 @Override
 protectedvoiddoGet(HttpServletRequest req, HttpServletResponse resp)
 throwsServletException, IOException
 {
 this.doPost(req, resp);
 }
 
}
 
6.web.xml中的相应配置:
 
<?xmlversion="1.0" encoding="UTF-8"?>
<web-appxmlns:xsi="<a class="smarterwiki-linkify" href="http://www.w3.org/2001/XMLSchema-instance">http://www.w3.org/2001/XMLSchema-instance</a>" xmlns="<a class="smarterwiki-linkify" href="http://java.sun.com/xml/ns/javaee">http://java.sun.com/xml/ns/javaee</a>"
 xmlns:web="<a class="smarterwiki-linkify" href="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd</a>"
 xsi:schemaLocation="<a class="smarterwiki-linkify" href="http://java.sun.com/xml/ns/javaee">http://java.sun.com/xml/ns/javaee</a> <a class="smarterwiki-linkify" href="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd</a>"
 id="WebApp_ID" version="2.5">
 <display-name> Simpleframework </display-name>
 <welcome-file-list>
 <welcome-file>index.html</welcome-file>
 <welcome-file>index.htm</welcome-file>
 <welcome-file>index.jsp</welcome-file>
 <welcome-file>default.html</welcome-file>
 <welcome-file>default.htm</welcome-file>
 <welcome-file>default.jsp</welcome-file>
 </welcome-file-list>
 
 <servlet>
 <servlet-name>testServlet</servlet-name>
 <servlet-class>demo.HelloFreeMarkerServlet</servlet-class>
 </servlet>
 
 <servlet-mapping>
 <servlet-name>testServlet</servlet-name>
 <url-pattern>/hello.do</url-pattern>
 </servlet-mapping>
 
 <filter>
 <filter-name>actionFilter</filter-name>
 <filter-class>net.Simpleframework.web.page.PageFilter</filter-class>
 </filter>
 <filter-mapping>
 <filter-name>actionFilter</filter-name>
 <url-pattern>*. jsp </url-pattern>
 </filter-mapping> 
 <filter-mapping>
 <filter-name>actionFilter</filter-name>
 <url-pattern>*.do</url-pattern>
 </filter-mapping>
 <listener>
 <listener-class>net.Simpleframework.web.page.PageEventAdapter</listener-class>
 </listener>
</web-app>
 
7. 申明组件元数据定义，需要对应于拦截的hello, hello.xml 文件如下：
 
<?xmlversion="1.0" encoding="UTF-8"?>
<pagexmlns:xsi="<a class="smarterwiki-linkify" href="http://www.w3.org/2001/XMLSchema-instance">http://www.w3.org/2001/XMLSchema-instance</a>"
 xsi:noNamespaceSchemaLocation="/xsd/default/sSimple.xsd">
 <responseCharacterEncoding> gbk </responseCharacterEncoding>
 <components>
 <treename="demoTree1" containerId="demoTree1" handleClass="net.Simpleframework.example.MyTree"
 width="240">
 <treenodetext="Root" acceptdrop="true">
 <treenodetext="Node1" draggable="true" acceptdrop="true">
 <jsDblclickCallback>alert('Node1');</jsDblclickCallback>
 </treenode>
 <treenodetext="Node2" draggable="true" acceptdrop="true">
 <treenodetext="Node2_1" draggable="true" acceptdrop="true">
 <jsDblclickCallback>alert('Node2_1');</jsDblclickCallback>
 </treenode>
 <treenodetext="Node2_2" draggable="true" acceptdrop="true">
 </treenode>
 <treenodetext="Node2_3" draggable="true" acceptdrop="true">
 </treenode>
 </treenode>
 <treenodetext="Node3" draggable="true" acceptdrop="true">
 </treenode>
 <treenodetext="Node4" draggable="true" acceptdrop="true">
 </treenode>
 </treenode>
 </tree>
 
 <treename="demoTree2" containerId="demoTree2" checkboxes="true"
 checkboxesThreeState="true" dynamicLoading="true" width="240">
 <treenodetext="北京市"/>
 <treenodetext="上海市"/>
 ***
 </tree>
 </components>
</page>
 
8.启动浏览器访问: <a class="smarterwiki-linkify" href="http://localhost:8080/demo/hello.do">http://localhost:8080/demo/hello.do</a> 
 您会看到:
<img style="padding: 1px; border: 1px solid #999999;" src="http://simpleframework.net/%24resource/default/filePager/jsp/dl.jsp?__file_beanId=1483841273_1967688702&__file_Id=2653&job=sys_account_normal" alt="">
 
完整的工程 <a href="http://simpleframework.googlecode.com/files/Simple-FreeMarker.zip">点击下载</a>
</div>
 
</div>
 <a href="http://www.iteye.com/topic/842350">http://www.iteye.com/topic/842350</a>
<a href="http://www.iteye.com/topic/842348">http://www.iteye.com/topic/842348</a>
 lz重复发帖了。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论