JSP实现Velocity的layout功能

Stella981
• 阅读 343

虽然目前工作时的页面开发一直在用Velocity,但其实我的心是属于JSP的,毕竟那是我第一次接触web开发使用的页面模版技术。JSP很多地方都不错:Eclipse支持得很好;JSTL用起来顺手;还能强大的直接调用Java代码(当然,不鼓励这么干);能自定义各种功能强大的标签等等。

这里要有但是了!但是,没有直接提供类似Velocity的layout功能!这导致写页面的时候,很难避免重复的页面代码。对于一个有代码洁癖和强迫症的程序员来说,不能忍!

后来发现了@红薯 曾经写过一个实现该功能的“软件”:http://www.oschina.net/p/jsplayout

看了之后,启发很大。既然有源码,那就可以拿过来改!我改成了一个静态方法,直接调用即可,感觉使用更简单了。代码很少,就不像红薯那么“厚颜无耻”,发布成一个软件了。先上代码。

public class TemplateUtil {

    private static final String WWW_TPL_PATH = "/WEB-INF/template/www/";
    private static final String LAYOUT_PATH = "/WEB-INF/layout/";
    private static final String SCREEN_CONTENT = "screen_content";

    public static void wwwForward(String layout, String template,
            HttpServletRequest req, HttpServletResponse resp)
            throws ServletException, IOException {

        BufferedResponse my_res = new BufferedResponse(resp);
        req.getRequestDispatcher(WWW_TPL_PATH + template).include(req, my_res);
        String screenContent = my_res.getScreenContent();
        req.setAttribute(SCREEN_CONTENT, screenContent);
        req.getRequestDispatcher(LAYOUT_PATH + layout).forward(req, resp);
    }

    public static void wwwForward(String template, HttpServletRequest req,
            HttpServletResponse resp) throws ServletException, IOException {

        req.getRequestDispatcher(WWW_TPL_PATH + template).forward(req, resp);
    }

}

/**
 * Response封装
 */
class BufferedResponse extends HttpServletResponseWrapper {

    StringWriter sout;
    PrintWriter pout;

    public BufferedResponse(HttpServletResponse res) {
        super(res);
        sout = new StringWriter();
        pout = new PrintWriter(sout);
    }

    @Override
    public PrintWriter getWriter() throws IOException {
        return pout;
    }

    protected String getScreenContent() {
        return sout.toString();
    }
}

首先有三个常量:WWW_TPL_PATH,LAYOUT_PATH,SCREEN_CONTENT,分别对应页面文件夹,布局文件夹,页面内容变量名。

接着把这么一个layout功能封装成了一个静态方法 wwwForward(String layout, String template, HttpServletRequest req, HttpServletResponse resp)。传入布局文件名,页面文件名,request,response。

然后我们再看下布局文件的例子,命名为layout.jsp。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
    <div>我是头部</div>
    ${screen_content}
    <div>我是尾部</div>
</body>
</html>

这里的${screen_content}对应上面提到的SCREEN_CONTENT,布局文件的路径记得要跟上面定义的LAYOUT_PATH一致。

接着再看下页面怎么写,页面命名为index.jsp,路径在上面提到的WWW_TPL_PATH下。

<p>Hello, World</p>

是的,就是这么简单。

最后,看看servlet怎么写。

public class IndexServlet extends HttpServlet{

    private static final long serialVersionUID = -1703574459593330679L;

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp)
            throws ServletException, IOException {
        TemplateUtil.wwwForward("layout.jsp", "index.jsp", req, resp);
    }
}

部署项目,运行,访问下这个servlet看看效果!

希望对一样喜欢用JSP开发的程序员有所帮助:-),Enjoy it.

点赞
收藏
评论区
推荐文章
Jacquelyn38 Jacquelyn38
1年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
刚刚好 刚刚好
4个月前
css问题
1、在IOS中图片不显示(给图片加了圆角或者img没有父级)<div<imgsrc""/</divdiv{width:20px;height:20px;borderradius:20px;overflow:h
blmius blmius
1年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
小森森 小森森
4个月前
校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用
后续会继续更新,敬请期待2.0全新版本欢迎添加左边的微信一起探讨!项目地址:(https://www.aliyun.com/activity/daily/bestoffer?userCodesskuuw5n)\2.Bug修复更新日历2.情侣脸功能大家不要使用了,现在阿里云的接口已经要收费了(土豪请随意),\\和注意
晴空闲云 晴空闲云
4个月前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
艾木酱 艾木酱
3个月前
快速入门|使用MemFire Cloud构建React Native应用程序
MemFireCloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
Wesley13 Wesley13
1年前
JSP页面、EL表达式
JSP页面:jsp是一种动态页面,html页面和jsp页面最大的区别是:html是一种静态页面,在html中只能定义css、js等,在jsp中除了可以定义css、js之外还可以定义java代码,还可以在jsp中使用el表达式和jstl标签,但是java代码必须使用<%java代码%第一
Wesley13 Wesley13
1年前
EL、JSTL
一、EL、JSTL  首先我们要明白为什么要使用EL(ExpressionLanguage表达式语言)、JSTL(JSPStandardTagLibraryJSP标准标签库),jsp页面完全可以用java代码取代他们,也就是说本来是可以没有这两种技术的,但是我们实际开发中,有一个原则:页面中不应该出现java代码。因为满篇的<%%和jav
Wesley13 Wesley13
1年前
PHP中的NOW()函数
是否有一个PHP函数以与MySQL函数NOW()相同的格式返回日期和时间?我知道如何使用date()做到这一点,但是我问是否有一个仅用于此的函数。例如,返回:2009120100:00:001楼使用此功能:functiongetDatetimeNow(){
helloworld_28799839 helloworld_28799839
4个月前
常用知识整理
Javascript判断对象是否为空jsObject.keys(myObject).length0经常使用的三元运算我们经常遇到处理表格列状态字段如status的时候可以用到vue
helloworld_34035044 helloworld_34035044
6个月前
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为