当前位置:编程学习 > 网站相关 >>

jfinal下易做图的freemarker自定义标签,web开发的利器

为什么采用freemarker?
 
1、模板技术,不依附于语言和框架,前端和后端解耦,便于分工协作,更好的协同。
 
2、页面相应速度快
 
3、前端非常的灵活,采用自定义标签可以在不更改后端的基础上很容易的构造前端逻辑,可适应多变的网站。
 
为什么要自定义标签?
 
答案在第一个问题的第三点,我们需要一个前端灵活的架构,在不更改后端逻辑的基础上,很容易的改造前端逻辑。
 
在SSH的架构中,自定义标签已经可以方便的实现(struts2的标签也是基于freemarker的自定义标签),但是用起来还是不够爽,需要大量的配置,繁琐的依赖注入等。用了jfinal以后,发现自定义freemarker标签在该框架中用起来极爽,寥寥几个类,几行代码就能将自定义标签应用起来。废话不多说了,上代码吧。
 
第一步:实现标签类
 
 
01
/**
02
 * 分类标签<br>
03
 * 参数:{parent_id:上级主键}
04
 * 返回值:{list:分类列表}
05
 *
06
 * @author yongtree
07
 */
08
public class CategoryListDirective implements TemplateDirectiveModel {
09
 
10
     
11
    public void execute(Environment env, Map params, TemplateModel[] loopVars,
12
            TemplateDirectiveBody body) throws TemplateException, IOException {
13
 
14
        List<Category> list = new ArrayList<Category>();
15
        if (params.containsKey("parent_id") && params.get("parent_id") != null) {
16
            list = Category.getCategoryList(params.get("parent_id").toString(),
17
                    Category.STATUS_ENABLED);
18
        } else {
19
            list = Category.getFirstCategoryList(Category.STATUS_ENABLED);
20
        }
21
 
22
        env.setVariable("list", DEFAULT_WRAPPER.wrap(list));
23
        body.render(env.getOut());
24
    }
25
 
26
}
第二步:action中引入
 
1
setAttr("_category_list", new CategoryListDirective());
第三步:页面是使用
 
1
<@_category_list parent_id="2">
2
    <#list list as c>
3
        <a href="/category/${c.id}">${c.name}</a>
4
    </#list>
5
</@_category_list>
我们使用自定义标签的目的是灵活,就是要将action中要做到事情,能直接通过标签在页面上使用。而上面的第二步,需要在action中set,使其action的逻辑不灵活。自定义标签应该能脱离开具体的action,能在更多的模块中用到,不受action的限制。所以第二步需要稍加改造,这是我们可以采用jfinal的全局易做图,将这些标签初始化内存中,在所有的action中都很容易的注入,当然你可以根据易做图的相关配置和逻辑,将自定义标签指定到相应的action中。上代码吧
 
01
/**
02
 * 自定义标签易做图
03
 * @author yongtree
04
 */
05
public class DirectiveInterceptor implements Interceptor {
06
 
07
    public static CategoryListDirective cld = new CategoryListDirective();
08
 
09
    public void intercept(ActionInvocation ai) {
10
        Controller c = ai.getController();
11
        c.setAttr(LABEL_CATEGORY_LIST, cld);
12
                ai.invoke();
13
}
14
 
15
    public static final String LABEL_CATEGORY_LIST = "_category_list";
16
 
17
}
配置到Config中
 
1
/**
2
     * 配置全局易做图
3
     */
4
    public void configInterceptor(Interceptors me) {
5
        me.add(new AuthInterceptor());
6
        me.add(new DirectiveInterceptor());
7
    }易做图吧,简单几步,就搞定了自定义标签,这样你就可以把主要的查询和业务封装到标签里。在不改变业务逻辑和结构的基础上,前端逻辑和展示需要调整,以后就只是前端开发人员或者网站美工的工作了,再辅以freemarker的macro宏定义,再前段封装出更加方便使用的界面,那就更加的灵活和高校。所以在以内容为主的网站上,极力推荐采用这种方式来设计你的前端。为啥?波波说了: 为您节约更多时间,去陪恋人、家人和朋友 ;)
洗洗睡了,陪老婆去了,
 
 
补充:
 
易做图可以省略掉,直接在config里配置自定义的标签
FreeMarkerRender.getConfiguration().setSharedVariable("_category_list", new CategoryListDirective());
 
补充:Web开发 , 其他 ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,