Androidfreemarker模板引擎应用

什么是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库

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

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

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.   Welcome! 
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7.   
    Welcome ${user}!
     
    8.   
  
  
  
  8.   
    Our latest product: 
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.   
    11.

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

 
 
 
 
    
  
  
  
  
  1. private void prepareTemplate() throws IOException { 
    2.   
  
  
  
  2.     //获取app目录  data/data/package/file/ 
    3.   
  
  
  
  3.     String destPath = getFilesDir().getAbsolutePath(); 
    4.   
  
  
  
  4.     File dir = new File(destPath); 
    5.   
  
  
  
  5.     //判断文件夹是否存在并创建 
    6.   
  
  
  
  6.     if (!dir.exists()) { 
    7.   
  
  
  
  7.         dir.mkdir(); 
    8.   
  
  
  
  8.     } 
    9.   
  
  
  
  9.     //需要生成的.ftl模板文件名及路径 
    10.   
  
  
  
  10.     String tempFile = destPath + "/" + "main.ftl"; 
    11.   
  
  
  
  11.     if (!(new File(tempFile).exists())) { 
    12.   
  
  
  
  12.         //获取assets中.tpl模板文件 
    13.   
  
  
  
  13.         InputStream is = getResources().getAssets().open("main.tpl"); 
    14.   
  
  
  
  14.         //生成.ftl模板文件 
    15.   
  
  
  
  15.         FileOutputStream fos = new FileOutputStream(tempFile); 
    16.   
  
  
  
  16.         byte[] buffer = new byte[7168]; 
    17.   
  
  
  
  17.         int count = 0; 
    18.   
  
  
  
  18.         while ((count = is.read(buffer)) > 0) { 
    19.   
  
  
  
  19.             fos.write(buffer, 0, count); 
    20.   
  
  
  
  20.         } 
    21.   
  
  
  
  21.         fos.flush(); 
    22.   
  
  
  
  22.         fos.close(); 
    23.   
  
  
  
  23.         is.close(); 
    24.   
  
  
  
  24.     } 
    25.   
  
  
  
  25. }  
    26.

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

 
 
 
 
    
  
  
  
  
  1. private void genHTML(Product object) { 
    2.   
  
  
  
  2.     String destPath = getFilesDir().getAbsolutePath(); 
    3.   
  
  
  
  3.     FileWriter out = null; 
    4.   
  
  
  
  4.     //数据源 
    5.   
  
  
  
  5.     Map root = new HashMap(); 
    6.   
  
  
  
  6.     root.put("user", "user");   //传入字符串 
    7.   
  
  
  
  7.     //root.put("product", object.url());     //传入对象(会报错) 
    8.   
  
  
  
  8.     try { 
    9.   
  
  
  
  9.         Configuration cfg = new Configuration(new Version(2,3,0)); 
    10.   
  
  
  
  10.         cfg.setDefaultEncoding("UTF-8");   
    11.   
  
  
  
  11.         //设置报错提示 
    12.   
  
  
  
  12.         cfg.setTemplateExceptionHandler(TemplateExceptionHandler.RETHROW_HANDLER); 
    13.   
  
  
  
  13.         //设置报错提示 
    14.   
  
  
  
  14.         cfg.setLogTemplateExceptions(true); 
    15.   
  
  
  
  15.         out = new FileWriter(new File(destPath + "main.html")); 
    16.   
  
  
  
  16.         //设置.ftl模板文件路径 
    17.   
  
  
  
  17.         cfg.setDirectoryForTemplateLoading(new File(destPath)); 
    18.   
  
  
  
  18.         //设置template加载的.ftl模板文件名称 
    19.   
  
  
  
  19.         Template temp = cfg.getTemplate("main.ftl"); 
    20.   
  
  
  
  20.         //讲数据源和模板生成.html文件 
    21.   
  
  
  
  21.         temp.process(root, out); 
    22.   
  
  
  
  22.         out.flush(); 
    23.   
  
  
  
  23.     } catch (MalformedTemplateNameException e) { 
    24.   
  
  
  
  24.  
    25.   
  
  
  
  25.     } catch (IOException e) { 
    26.   
  
  
  
  26.  
    27.   
  
  
  
  27.     } catch (Exception e){ 
    28.   
  
  
  
  28.  
    29.   
  
  
  
  29.     }finally { 
    30.   
  
  
  
  30.         try { 
    31.   
  
  
  
  31.             if (out != null) 
    32.   
  
  
  
  32.                 out.close(); 
    33.   
  
  
  
  33.         } catch (IOException e) { 
    34.   
  
  
  
  34.             e.printStackTrace(); 
    35.   
  
  
  
  35.         } 
    36.   
  
  
  
  36.     } 
    37.   
  
  
  
  37. }  
    38.

5、webView加载main.html

 
 
 
 
    
  
  
  
  
  1. webview.post(new Runnable() { 
    2.   
  
  
  
  2.     @Override 
    3.   
  
  
  
  3.     public void run() { 
    4.   
  
  
  
  4.         String templateDirRoot = getFilesDir().getAbsolutePath(); 
    5.   
  
  
  
  5.         String url = "file://" + templateDirRoot + "main.html"; 
    6.   
  
  
  
  6.         webview.loadUrl(url); 
    7.   
  
  
  
  7.     } 
    8.   
  
  
  
  8. });  
    9.

问题注意点

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

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

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

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

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

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

如下方式可以获取到name

 
 
 
 
    
  
  
  
  
  1. //activity.java 
    2.   
  
  
  
  2. User user = new User(); 
    3.   
  
  
  
  3. user.setName="张三" 
    4.   
  
  
  
  4. Map map = HashMap(); 
    5.   
  
  
  
  5. map.put("name", user.getName()); 
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. //main.tpl 
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.   ${name} 
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.   
    13.

如下方式无法获取到name

 
 
 
 
    
  
  
  
  
  1. //activity.java 
    2.   
  
  
  
  2. User user = new User(); 
    3.   
  
  
  
  3. user.setName="张三" 
    4.   
  
  
  
  4. Map map = HashMap(); 
    5.   
  
  
  
  5. map.put("user", user); 
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. //main.tpl 
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.   ${user.name} 
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.   
    13.

总结

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

本文名称：Androidfreemarker模板引擎应用
当前网址：http://www.mswzjz.cn/qtweb/news32/281582.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能

贝锐智能技术为您推荐以下文章

App设计知识

分类信息网站

LOGO设计　　 　电信内江机房　　 　江油网站建设　　 　广安园林景观设计　　 　广告媒介投放　　 　企业邮箱　　 　响应式网站　　 　手机网站设计　　 　营山月子护理　　 　服务器租用　　 　成都橡塑保温管　　 　彩乐斯　　 　成都全网营销推广　　 　买链接　　 　茶叶批发零售　　 　成都圣月制冷　　 　微信小程序　　 　租用服务器　　 　虚拟主机　　 　重庆网站营销