文档章节

使用你喜欢的模版引擎渲染页面

哈库纳
 哈库纳
发布于 2016/10/06 15:59
字数 876
阅读 560
收藏 5
点赞 3
评论 0

    目前 Web 网站的开发 基本都用到了模版引擎,使用 Hasor 开发 web 可以使用你喜欢的任何模版解析引擎。在开始本文之前,先推荐您三篇相关文章:

    https://my.oschina.net/u/1166271/blog/753001《用 Hasor 谈一谈MVC设计模式》
    https://my.oschina.net/u/1166271/blog/550176《Web项目,工程目录应该怎样规划?》
    https://my.oschina.net/u/1166271/blog/753718《接受 Request 请求并获取请求参数》

用模版渲染页面

    Hasor 的页面渲染引擎和请求资源的扩展名有一定的关联性,我们以一个例子来说明。首先我们有一个页面 “index.html”这个页面打算使用 Freemarker 来进行渲染。

    那么我们第一步需要编写一个渲染器,并将这个渲染器和 “html”类型资源请求绑定到一起。

@Render("html")
public class FreemarkerRender implements RenderEngine {
    public void initEngine(WebAppContext appContext) throws Throwable {
        ...
    }
    public void process(RenderData renderData, Writer writer) throws Throwable {
        ...
    }
    public boolean exist(String template) throws IOException {
        ...
    }
}

    不光如此,您还可以同时将同一个渲染器绑定到不同类型的资源上。例如:

@Render({"html", "htm"})

    这样一来,凡是 “htm” 或 “html” 结尾的请求都会走这个渲染器。

    接下来我们做 Freemarker 和 Hasor 的整合:

@Render({"html", "htm"})
public class FreemarkerRender implements RenderEngine {
    protected Configuration configuration;
    public void initEngine(WebAppContext appContext) throws Throwable {
        String realPath = appContext.getEnvironment().getServletContext().getRealPath("/");
        TemplateLoader templateLoader = new FileTemplateLoader(new File(realPath), true);
        this.configuration = new Configuration(Configuration.VERSION_2_3_22);
        this.configuration.setTemplateLoader(templateLoader);
        this.configuration.setDefaultEncoding("utf-8");//默认页面编码UTF-8
        this.configuration.setOutputEncoding("utf-8");//输出编码格式UTF-8
        this.configuration.setLocalizedLookup(false);//是否开启国际化false
        this.configuration.setClassicCompatible(true);//null值测处理配置
        //
        // - 各种工具
        this.configuration.setSharedVariable("escapeHtml", new StringEscapeUtils());//HTML 转译,防止XSS使用。
        this.configuration.setSharedVariable("stringUtils", new StringUtils());
        //
        // - 环境变量
        this.configuration.setSharedVariable("ctx_path", appContext.getServletContext().getContextPath());
    }
    public void process(RenderData renderData, Writer writer) throws Throwable {
        Template temp = this.configuration.getTemplate(renderData.renderTo());
        //
        HashMap<String, Object> data = new HashMap<String, Object>();
        for (String key : renderData.keySet()) {
            data.put(key, renderData.get(key));
        }
        //
        temp.process(data, writer);
    }
    public boolean exist(String template) throws IOException {
        return this.configuration.getTemplateLoader().findTemplateSource(template) != null;
    }
}

    在最后我们需要在应用启动的时候将这个渲染器注册到 Hasor 中,下面是注册渲染器的一种方式。

public class StartModule extends WebModule {
    public void loadModule(WebApiBinder apiBinder) throws Throwable {
        apiBinder.bindType(RenderEngine.class).uniqueName().toInstance(new FreemarkerRender());
    }
}

可以同时使用多个渲染器吗?

    答案是可以的。

    前面我们已经知道渲染器是需要和资源类型绑定到一起的,因此多个渲染器同时工作也不是什么难事。

没有指定“*.do”的渲染器,我可以使用已存在的渲染器渲染它么?

    答案是可以的,我们看一个例子:

@MappingTo("/scene/login.do")
public class Login4Scene {
    public void execute(@Valid("login") @Params LoginForm4Scene loginForm, RenderData data) {
        if (data.isValid()) {
            data.renderTo("htm", "/userInfo.htm");
        } else {
            data.put("loginForm", loginForm);
            data.renderTo("htm", "/scene.htm");//使用 htm 引擎渲染页面。
        }
    }
}

    在上面例子代码中:renderTo 方法的第一个参数指定了当前请求结果在渲染页面是通过 htm 的渲染器进行渲染。

JSON渲染器

    json 渲染器是 Hasor 内置的一个渲染器,使用起来比较简单方便。我们看一个例子:

@MappingTo("/getUserInfo.json")
public class GetUserInfo {
    public UserInfo execute(RenderData data) {
        return new UserInfo();
    }
}

    当用户请求 “/getUserInfo.json” 的时候,首先会调用这个类的方法。方法返回了一个 UserInfo 对象。接着我们会把执行返回值保存到 RenderData 的 RESULT_DATA 数据中。然后在 JSON 渲染器中渲染这个数据。下面是整个 JSON 渲染器的源代码:

public class JsonRenderEngine implements RenderEngine {
    @Override
    public void initEngine(WebAppContext appContext) throws IOException {
    }
    @Override
    public void process(RenderData data, Writer writer) throws Throwable {
        String json = JSON.DEFAULT.toJSON(data.get(RenderData.RETURN_DATA_KEY));
        writer.write(json);
    }
    @Override
    public boolean exist(String template) throws IOException {
        return true;
    }
}

 

© 著作权归作者所有

共有 人打赏支持
哈库纳

哈库纳

粉丝 953
博文 81
码字总数 149803
作品 4
杭州
后端工程师
VUE.js 掺杂 各种模版引擎 时候的使用场景

本人不是干前端的 , 最近看了下 Vue.js 的 . 有一些疑问 . 因为之前都是使用 jsp的el表达式取值.或者使用freemarker模版取值,又或者使用jfinal的TemplateEng取值 一般都是这样 *** url地址请...

丶Lion ⋅ 2017/04/01 ⋅ 5

前后端分离的思考与实践(二)

原文出处:淘宝UED - Herman 基于前后端分离的模版探索 前言 在做前后端分离时,第一个关注到的问题就是 渲染,也就是 View 这个层面的工作。 在传统的开发模式中,浏览器端与服务器端是由不...

淘宝UED - Herman ⋅ 2014/04/18 ⋅ 0

iOS 模版引擎--MGTemplateEngine

如果你用过php的Smarty,你一定知道模板引擎说的是什么。Matt Gemmell开发了一个基于Cocoa的类似的模板引擎,叫做MGTemplateEngine。 MGTemplateEngine是一套Cocoa的模板系统,基于模板和数据...

匿名 ⋅ 2013/05/04 ⋅ 1

完全依赖前端javascript渲染生成页面的优缺点?

完全依赖前端javascript渲染,是否会好过后台模版语言生成HTML的方式?不是像Extjs那样庞大的前端库,只使用基本javascript模版引擎。我所知道的:前端生成的好处,后台只需要吐出很少的jso...

hell0cat ⋅ 2012/06/30 ⋅ 2

koa2 pug引擎markdown动态渲染

问题描述 koa2默认用pug模版,可是pug的filter是在预编译的时候渲染的,不能动态渲染 在pug页面直接渲染静态 首先安装 现在可以渲染下面这个模板了。 image.png 警告 过滤器在 Pug 编译的时候...

stutterr ⋅ 2017/12/02 ⋅ 0

极简的代码生成器--Agen

一个极简的代码生成器,可以嵌进你自己的项目中。 自由软件: MIT license English Documentation: https://agen.readthedocs.com/en/ 特性 简化到不能再简化的API 支持自定义 Jinja Env 可以...

李宇飞 ⋅ 2016/03/21 ⋅ 1

ASP.NET MVC 4 浮出水面

最近,ASP.NET MVC 4的第一个beta版发布了,并且还含有“可以上线”的许可。这意味着即使最终正式版本还没有完成,但微软相信ASP.NET MVC 4目前已经可以在生产环境中使用了。这次的发布包含了...

墙头草 ⋅ 2012/02/24 ⋅ 5

70行lua代码实现一个满足基本要求的模版引擎

以下内容仅供学习交流,未经严格考虑与测试,切勿用于生产环境。 ltemplate.lua local insert = table.insertlocal remove = table.removelocal concat = table.concatlocal format = string...

乌龟壳 ⋅ 2013/12/22 ⋅ 11

设计一个Web框架,需要的功能

这篇文章是《自己动手设计一个Web框架》文章的续,经过和大家的讨论我总结并归纳一下对《Haweb》这款框架的期待。 首先要感谢各位的热烈讨论,包括线上的还有线下QQ群里的兄弟们。我归纳总结...

哈库纳 ⋅ 2015/11/23 ⋅ 11

spring MVC工作机制与设计模式-读后小结(三)

Control的调用(续) 接着对于(二)的补充:主要是小结下Control的处理逻辑的关键操作; 对于control的处理关键就是:DispatcherServlet的handlerMappings集合中根据请求的URL匹配每一个han...

bosscheng ⋅ 2013/05/16 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Spring | IOC AOP 注解 简单使用

写在前面的话 很久没更新笔记了,有人会抱怨:小冯啊,你是不是在偷懒啊,没有学习了。老哥,真的冤枉:我觉得我自己很菜,还在努力学习呢,正在学习Vue.js做管理系统呢。即便这样,我还是不...

Wenyi_Feng ⋅ 今天 ⋅ 0

博客迁移到 https://www.jianshu.com/u/aa501451a235

博客迁移到 https://www.jianshu.com/u/aa501451a235 本博客不再更新

为为02 ⋅ 今天 ⋅ 0

win10怎么彻底关闭自动更新

win10自带的更新每天都很多,每一次下载都要占用大量网络,而且安装要等得时间也蛮久的。 工具/原料 Win10 方法/步骤 单击左下角开始菜单点击设置图标进入设置界面 在设置窗口中输入“服务”...

阿K1225 ⋅ 今天 ⋅ 0

Elasticsearch 6.3.0 SQL功能使用案例分享

The best elasticsearch highlevel java rest api-----bboss Elasticsearch 6.3.0 官方新推出的SQL检索插件非常不错,本文一个实际案例来介绍其使用方法。 1.代码中的sql检索 @Testpu...

bboss ⋅ 今天 ⋅ 0

informix数据库在linux中的安装以及用java/c/c++访问

一、安装前准备 安装JDK(略) 到IBM官网上下载informix软件:iif.12.10.FC9DE.linux-x86_64.tar放在某个大家都可以访问的目录比如:/mypkg,并解压到该目录下。 我也放到了百度云和天翼云上...

wangxuwei ⋅ 今天 ⋅ 0

PHP语言系统ZBLOG或许无法重现月光博客的闪耀历史[图]

最近在写博客,希望通过自己努力打造一个优秀的教育类主题博客,名动江湖,但是问题来了,现在写博客还有前途吗?面对强大的自媒体站点围剿,还有信心和可能型吗? 至于程序部分,我选择了P...

原创小博客 ⋅ 今天 ⋅ 0

IntelliJ IDEA 2018.1新特性

工欲善其事必先利其器,如果有一款IDE可以让你更高效地专注于开发以及源码阅读,为什么不试一试? 本文转载自:netty技术内幕 3月27日,jetbrains正式发布期待已久的IntelliJ IDEA 2018.1,再...

Romane ⋅ 今天 ⋅ 0

浅谈设计模式之工厂模式

工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。 在工厂模式中,我们在创建对象时不会对客户端暴露创建逻...

佛系程序猿灬 ⋅ 今天 ⋅ 0

Dockerfile基础命令总结

FROM 指定使用的基础base image FROM scratch # 制作base image ,不使用任何基础imageFROM centos # 使用base imageFROM ubuntu:14.04 尽量使用官方的base image,为了安全 LABEL 描述作...

ExtreU ⋅ 昨天 ⋅ 0

存储,对比私有云和公有云的不同

导读 说起公共存储,很难不与后网络公司时代的选择性外包联系起来,但尽管如此,它还是具备着简单和固有的可用性。公共存储的名字听起来也缺乏专有性,很像是把东西直接堆放在那里而不会得到...

问题终结者 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部