Andorid Freemarker与template.js使用

您所在的位置：网站首页 › templatejs可以删除吗 › Andorid Freemarker与template.js使用

Andorid Freemarker与template.js使用

#Andorid Freemarker与template.js使用| 来源: 网络整理| 查看: 265

1. Freemarker官方网站

注：官网下载的freemarker是无法直接应用到Android中的，如果要使用需要修改源码测试代码下载

1). 在assets文件夹下创建main.tpl文件, 其中${user}为动态替换的内容

Welcome! Welcome ${user}!

Our latest product:

2). 导入freemarker.jar与openbeans.jar

compile files('libs/freemarker.jar') compile files('libs/openbeans.jar')

3). 将main.tpl文件拷贝至项目的/data/data/package/file/目录下，并更名为main.ftl

/** * 准备模板 * @throws IOException */ private void prepareTemplate() throws IOException { // 获取app目录 data/data/package/file/ String destPath = getFilesDir().getAbsolutePath(); File dir = new File(destPath); // 判断文件夹是否存在 if (!dir.exists()){ dir.mkdir(); } // 需要生成的.ftl模板文件名及路径 String tempFile = destPath + "/" + "main.ftl"; if (!(new File(tempFile).exists())){ // 获取assets中.tpl模板文件 InputStream is = getResources().getAssets().open("main.tpl"); // 生成.ftl模板文件 FileOutputStream fos = new FileOutputStream(tempFile); byte[] buffer = new byte[7168]; int len; while ((len = is.read(buffer)) > 0){ fos.write(buffer, 0, len); } fos.flush(); fos.close(); is.close(); } }

4). 根据main.ftl文件生成对应的main.html网页

/** * 生成网页 * @throws IOException * @throws TemplateException */ private void genHTML() throws IOException, TemplateException { String destPath = getFilesDir().getAbsolutePath(); FileWriter out = null; // 数据源 Map root = new HashMap(); // 传入字符串 root.put("user", "mazaiting"); Configuration cfg = new Configuration(new Version(2, 3, 25)); // 设置编码字符 cfg.setDefaultEncoding("UTF-8"); // 设置报错提示 cfg.setTemplateExceptionHandler(TemplateExceptionHandler.RETHROW_HANDLER); // 设置报错提示 cfg.setLogTemplateExceptions(true); out = new FileWriter(new File(destPath + "main.html")); // 设置.ftl模板文件路径 cfg.setDirectoryForTemplateLoading(new File(destPath)); // 设置template加载的.ftl模板文件名称 Template temp = cfg.getTemplate("main.ftl"); // 将数据源和模板生成.html文件 temp.process(root, out); out.flush(); out.close(); }

5). 在WebView中加载网页

WebView mWebView = (WebView) this.findViewById(R.id.webView); try { prepareTemplate(); genHTML(); mWebView.post(new Runnable() { @Override public void run() { String templateDir = getFilesDir().getAbsolutePath(); String url = "file://" + templateDir + "main.html"; mWebView.loadUrl(url); } }); } catch (Exception e) { e.printStackTrace(); } 2. template.js项目地址

1). 在assets文件夹下引入template.js文件 2). 编写main.html文件

Welcome! Welcome !

Our latest product

var data = JSON.parse(window.java.getString()); var tpl = template(document.getElementById('script1').innerHTML); var html = tpl(data); document.getElementById('contentTop').innerHTML = html;

3). 对WebView进行设置

WebView mWebView = (WebView) this.findViewById(R.id.webView); // 设置webView允许JavaScript mWebView.getSettings().setJavaScriptEnabled(true); // 创建JSON对象 final JSONObject jsonObject = new JSONObject(); try { jsonObject.put("user", "mazaiting"); } catch (JSONException e) { e.printStackTrace(); } // 设置JavaScript执行的方法 mWebView.addJavascriptInterface(new Object(){ @JavascriptInterface public String getString() { return jsonObject.toString(); } }, "java"); try { // 设置网页 mWebView.post(new Runnable() { @Override public void run() { String url = "file:///android_asset/main.html"; mWebView.loadUrl(url); } }); } catch (Exception e) { e.printStackTrace(); }

【本文地址】

Andorid Freemarker与template.js使用

Andorid Freemarker与template.js使用

今日新闻

推荐新闻