Android freemarker模板引擎应用-低调大师

Android freemarker模板引擎应用

2017-08-01 608

什么是freemarker?

在说这个之前我们都知道web和原生控件之争就那么点事。性能，加载速度，流量，数据交互….

如果我用webView加载一个url页面，要先通过网络解析css，解析html代码，然后渲染生成页面

什么是freemarker?简单点就是，事先把上面这个html文件，放到应用中，用的时候只要传入数据就行

freemarker优点和应用

节约流量，加快网页加载速度

比如某些图表功能，用js库实现比较方便，只要事先放入html模板，传入数据就行。大大节省了流量及加载速度

或者事先已经有网页功能的页面，就不需要在制作Android界面了

此功能在IOS上通用，所以只要一个模板，就可以用在IOS和Android上，大大节约开发时间

实现原理

webView加载本地模板引擎流程

main.tpl ——–> main.ftl+数据 ———> main.html ———> webView.load(main.html)

1、导入freemarker库

compile 'org.freemarker:freemarker-gae:2.3.25-incubating'

2、将main.tpl文件放入assets目录下

<html>
<head>
<title>Welcome!</title>
</head>
<body>
<h1>Welcome ${user}!</h1>
<p>Our latest product:
</body>
</html>

3、根据main.tpl转成main.ftl

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 count = 0;
while ((count = is.read(buffer)) > 0) {
fos.write(buffer, 0, count);
}
fos.flush();
fos.close();
is.close();
}
}

4、将 main.ftl和数据生成main.html文件

private void genHTML(Product object) {
String destPath = getFilesDir().getAbsolutePath();
FileWriter out = null;
//数据源
Map root = new HashMap();
root.put("user", "user"); //传入字符串
//root.put("product", object.url()); //传入对象(会报错)
try {
Configuration cfg = new Configuration(new Version(2,3,0));
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();
} catch (MalformedTemplateNameException e) {
} catch (IOException e) {
} catch (Exception e){
}finally {
try {
if (out != null)
out.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}

5、webView加载main.html

webview.post(new Runnable() {
@Override
public void run() {
String templateDirRoot = getFilesDir().getAbsolutePath();
String url = "file://" + templateDirRoot + "main.html";
webview.loadUrl(url);
}
});

问题注意点

1、为什么要先把mian.tpl转成main.ftl文件，而不直接把mian.ftl文件放到assets中，然后template直接加载main.ftl文件

因为assets中的文件无法直接读取，所以要先把文件放到data/data/package/….再操作

2、突然发现2016年版的freemarker无法传递对象。

比如在main.ftl文件中${model.name}就无法再继续转成main.html，提示如下错误

Unresolved exception class when finding catch block: java.beans.IntrospectionException

官方说可以，但个人测试了无数遍，就是无法编译对象传值

如下方式可以获取到name

//activity.java
User user = new User();
user.setName="张三"
Map map = HashMap();
map.put("name", user.getName());
//main.tpl
<html>
<body>
${name}
<body>
<html>

如下方式无法获取到name

//activity.java
User user = new User();
user.setName="张三"
Map map = HashMap();
map.put("user", user);
//main.tpl
<html>
<body>
${user.name}
<body>
<html>

总结

最后没发现webView页面加载快多少，可能数据量少。毕竟要对SD卡操作。流量确实省了，也少了java和html直接的数据交互代码。

本文作者：佚名

来源：51CTO

微信关注我们

原文链接：https://yq.aliyun.com/articles/180410

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

《Android程序设计》一3.1 Android平台和传统编程模型的对比

3.1 Android平台和传统编程模型的对比传统编程中，操作系统启动应用时使用单一入口点，通常是main函数，在这个函数中可能会首先解析用户在命令行中提供的输入参数，然后获取输入数据，在处理之后生成输出数据。操作系统负责把程序的代码加载到进程中，然后开始执行它。从概念上讲，这个过程看起来如图3-1所示。使用Java编写程序，这个过程会变得稍微复杂一些：Java虚拟机（VM）负责将二进制代码加载到内存中来实例化Java类。这个过程如图3-2所示。如果使用的是富图形化用户界面系统，如Swing，则可能会启动一个UI系统，在UI系统中通常需要编写回调函数来响应各种操作事件。相比而言，Android则更进一步，它支持多个应用入口点，引入了更丰富的机制。在Android系统中假定的前提是，系统会在不同的地方启动它们，这取决于用户当前正在哪

2017-08-02

581

最近在项目中要生成Word的doc和docx文件，一番百度google之后，发现通过java语言实现的主流是Apache的POI组件。除了POI，这里还有另一种实现，不过我没有去研究，有兴趣的同学可以研究研究。关于 POI 可以访问 Apache POI的官网获取详细的信息。进入主题! 由于项目中只是用到了doc和docx的组件，下面也只是介绍这两个组件的使用一、在Android Studio中如何用POI组件从POI官网上看，貌似暂并不支持IntelliJ IDE，如下图，所以这里我们采用直接下载jar包并导入项目的方式。通过官网 ->Overview->Components，可以看到 d和docx文件分别对应着组件 HWPF 和XWPF ，而HWPF和XWPF则对应着poi-scratchpad和poi-ooxml 下载进入Apache 下载页面，选择最新版下载，如下。选择The latest beta release is Apache POI 3.16-beta2会跳转到poi-bin-3.16-beta2-20170202.tar.gz，然...

2017-08-02

708

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。