JWeb之Velocity模板渲染

最新推荐文章于 2024-11-14 14:53:00 发布

Hwweic

最新推荐文章于 2024-11-14 14:53:00 发布

阅读量467

点赞数 1

分类专栏： Java 文章标签： velocity Jweb 模板渲染

本文链接：https://blog.youkuaiyun.com/floatdreamed/article/details/100035056

版权

Java 专栏收录该内容

72 篇文章

订阅专栏

本文介绍了如何在JWeb中使用Velocity模板引擎进行页面渲染。首先，通过Properties配置Velocity的各项属性，然后利用VelocityEngine实例化模板引擎。接着，创建VelocityContext并填充数据，再使用VelocityEngine将数据渲染到模板文件中。最后，通过HttpServletResponse将渲染后的页面输出到前端。文章提供了一个详细的案例，包括项目结构、关键代码和测试步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前学习过一种模板渲染技术是Thymleaf,今天讲解下另一种模板渲染技术Velocity!

知识点预习:

使用Properties封装Velocity的各种属性
VelocityEngine根据Properties封装属性实例化模板引擎对象
实例化VelocityContext并在其中封装渲染数据
VelocityEngine将上下文中的数据渲染至指定的模板中并将渲染后的页面数据写入StringWriter
通过HttpServletResponse的输出流将StringWriter中页面数据响应至前端

下面通过案例来展示!

一.案例展示

1.测试准备

项目工程(maven中选择webapp工程)

2.代码展示

***index.jsp

<%-- Created by IntelliJ IDEA. --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
</head>
<body>
<%
    out.print("Hello,EveryBody!");
%>
</body>
</html>

***pom.xml

 <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>org.apache.tomcat</groupId>
      <artifactId>servlet-api</artifactId>
      <version>6.0.37</version>
    </dependency>
    <dependency>
      <groupId>org.apache.velocity</groupId>
      <artifactId>velocity</artifactId>
      <version>1.7</version>
    </dependency>
    <dependency>
      <groupId>org.apache.velocity</groupId>
      <artifactId>velocity-tools</artifactId>
      <version>2.0</version>
    </dependency>
  </dependencies>

***test.vm

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
    ##字符串变量
    <fieldset>
        $article
    </fieldset>
    ##list集合
    <fieldset>
        #foreach($area in $areas)
            $area   <br/>
        #end
    </fieldset>
    ##数组
    <fieldset>
        #foreach($name in $names)
            $name   <br/>
        #end
    </fieldset>
    ##map集合
    <fieldset>
        #foreach($person in $personMap.entrySet())
            ${person.key} ::: ${person.value}   <br/>
        #end
    </fieldset>
</body>
</html>

***VelocityServlet.java

package com.howie;

import org.apache.velocity.VelocityContext;
import org.apache.velocity.app.Velocity;
import org.apache.velocity.app.VelocityEngine;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.io.StringWriter;
import java.util.*;


/**
 * @Author weihuanwen
 * @Date 2019/8/23 7:30
 * @Version 1.0
 */
@WebServlet("/vs")
public class VelocityServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8");
        resp.setContentType("text/html;charset=UTF-8");
        //获取输出流
        PrintWriter out = resp.getWriter();
        //设定velocity属性
        Properties prop=new Properties();
        //设置velocity资源加载方式为class
        prop.setProperty("resource.loader", "class");
        //设置velocity资源加载方式为class时的处理类
        prop.setProperty("class.resource.loader.class",
                "org.apache.velocity.runtime.resource.loader.ClasspathResourceLoader");
        //设置模板的默认编码格式
        prop.setProperty(Velocity.ENCODING_DEFAULT, "UTF-8");
        //设置模板的输入编码格式
        prop.setProperty(Velocity.INPUT_ENCODING, "UTF-8");
        //设置模板的输出编码格式
        prop.setProperty(Velocity.OUTPUT_ENCODING, "UTF-8");
        //实例化一个VelocityEngine对象
        VelocityEngine velocityEngine = new VelocityEngine(prop);
        //获取Velocity上下文
        VelocityContext context=new VelocityContext();
        String article = "how to learn velocity?";
        context.put("article",article);
        //list集合
        List<String> areas = new ArrayList<>();
        areas.add("北京");
        areas.add("上海");
        context.put("areas",areas);
        //数组
        String[] names = {"Jhon","Lily"};
        context.put("names",names);
        //map集合
        Map<String,Integer> personMap = new HashMap<>();
        personMap.put("Jhon",20);
        personMap.put("Lily",26);
        context.put("personMap", personMap);
        //在字符串缓冲区中收集输出的字符流，可用于构造字符串， 关闭流无效，关闭后调用其他方法不会报异常
        StringWriter sw = new StringWriter();
        //加载指定路径下的vm模板
        velocityEngine.mergeTemplate("templates/test.vm", "utf-8", context, sw);
        out.println(sw.toString());
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req,resp);
    }
}

3.测试

①启动项目,页面展示如下: