使用velocity模板和JSON生成HTML?

时间:2016-06-23 06:38:40

标签: java json velocity template-engine

我需要一种直接的方法来使用速度模板和JSON字符串数据来生成HTML数据。 例如:

String mergedHtml = Velocity.someMethodToParseTemplate("VelocityTemplate.vm" ,String JsonString");

怎么做?请建议" someMethodToParseTemplate"?

的代码

2 个答案:

答案 0 :(得分:4)

您只需要解析JSON字符串(例如使用org.json library),然后从解析结果中构建VelocityContext。

假设您有以下模板:

<html>
  <body>
    $name is $age years old and lives $address.streetAddress, ${address.city}.
    <br/>
    $name's friends:
    <ul>
    #foreach($friend in $friends)
      <li>$friend.name, who is $friend.age years old</li>
    #end
    </ul>
  </body>
</html>

您可以将它与这样的JSON字符串合并:

import java.io.IOException;
import java.io.StringWriter;
import java.io.Writer;
import org.apache.velocity.VelocityContext;
import org.apache.velocity.app.VelocityEngine;
import org.json.JSONObject;

public class JsonPublisher
{
  protected VelocityEngine velocity;

  public JsonPublisher()
  {
    // init velocity                                                                                                                                                                                            
    // default resource loader is a file loader on the current directory                                                                                                                                        
    velocity = new VelocityEngine();
    velocity.init();
  }

  public String publish(String templatePath, String jsonString) throws IOException
  {
    // translate json string to velocity context                                                                                                                                                                
    // (we only need to convey the properties of the root object)                                                                                                                                               
    JSONObject jsonObj = new JSONObject(jsonString);
    VelocityContext context = new VelocityContext();
    for(String key : jsonObj.keySet())
    {
      context.put(key, jsonObj.get(key));
    }

    Writer writer = new StringWriter();
    velocity.mergeTemplate(templatePath, "UTF-8", context, writer);
    writer.flush();

    return writer.toString();
  }

  public static void main(String args[])
  {
    try
    {
      String str = "{ \"name\": \"Alice\", \"age\": 20, \"friends\": "+
        "[ { \"name\":\"Bob\", \"age\":21 }, { \"name\":\"Carol\", \"age\":19 } ], " +
        "\"address\": { \"streetAddress\": \"100 Wall Street\", \"city\": \"New York\" } }";
      String result = new JsonPublisher().publish("template.vm", str);
      System.out.println(result);
    }
    catch (Exception e)
    {
      e.printStackTrace();
    }
  }
}

如果你想把你的JSON对象包装在上下文的某个root属性下,让我们说$json,那就更简单了:

....
JSONObject jsonObj = new JSONObject(jsonString);
VelocityContext context = new VelocityContext();
context.put("json", jsonObj);        
....

答案 1 :(得分:1)

如果要在浏览器中显示Html的主要目标,那么最好将客户端速度渲染引擎和json +模板分别用于客户端。

如果您的客户端是浏览器,您可以在浏览器上使用velocityjs。 基本上它归结为var renderedHtml = velocityjs.render(htmlTemplate,jsonData)之类的东西。然后,您可以将renderedHtml设置为某个dom元素的innerHtml

检查我的another answer for more detailed steps