https://github.com/nxtbgthng/MGTemplateEngine

MGTemplateEngine 模版引擎

MGTemplateEngine比較象 PHP 中的 Smarty 模版引擎。是一个轻量级的引擎，简单好用。仅仅要设置非常多不同的HMTL模版。就能轻松的实现一个View多种内容格式的显示，对于不熟悉HTML或者减轻工作量而言，把这些工作让设计分担一下还是非常好的，也比較easy实现设计想要的效果。

首先，看看模版的代码

 

 <!DOCTYPE html>

 <html lang="en">

 <head>

 <meta charset="utf-8">

 <title></title>

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <link href="./detail.css" rel="stylesheet">

 </head>

 <body>

 <div id='container' name="container">

 <div class="title">{{ title }}</div>

 <div class="date">{{ date }}</div>

 <div class="content">{{ content }}</div>

 </div>

 </body>

 </html>

 

 

 Objective-C代码 - 以下的创建代码MGTemplateEngine都是从官方的样例中參考下来的，已经有非常具体的说明

 

 // Set up template engine with your chosen matcher.

 MGTemplateEngine *engine = [MGTemplateEngine templateEngine];

 //[engine setDelegate:self];

 [engine setMatcher:[ICUTemplateMatcher matcherWithTemplateEngine:engine]];

 

 // 这里就是设置。或者里边塞变量的地方。

事实上也能够设置一个数组，这样模板的灵活也会更强。这里我就不演示了官方有样例

 [engine setObject:self.detailData[@"title"] forKey:@"title"];

 [engine setObject:self.detailData[@"content"] forKey:@"content"];

 

 // MGTemplateEngine/Detail/detail.html

 // MGTemplateEngine/Detail/detail.css

 NSString *templatePath = [[NSBundle mainBundle] pathForResource:@"detail" ofType:@"html"];

 

 // Process the template and display the results.

 NSString *html = [engine processTemplateInFileAtPath:templatePath withVariables:nil];

 

 

 // 获得HTML

 self.htmlWebView = [[UIWebView alloc] initWithFrame:CGRectMake(8, 5, 304, 320)];

 self.htmlWebView.delegate = self;

 self.htmlWebView.userInteractionEnabled = NO;

 

 // 你就能载入到HTML里面的.css文件

 NSString *baseURL = [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:@"Detail"];

 [self.htmlWebView loadHTMLString:html baseURL:[NSURL fileURLWithPath:baseURL]];

 [self.detailView addSubview:self.htmlWebView];

 

 

 由于我的UIWebView是在插入到UITableView，所以在UIWebView载入完后，就得又一次计算高度。由于我想让用户感觉不到这事实上是一个HTML。

 

 // 我将UIWebView加入到了self.detailView

 self.listTableView.tableHeaderView = self.detailView;

 

 

 #pragma mark -

 #pragma mark -# UIWebViewDelegate

 

 - (void)webViewDidFinishLoad:(UIWebView *)webView {

 

 // 获取整个HMTL的高度，这非常好理解。非常easy的JS

 NSString *heightString = [self.htmlWebView stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"container\").offsetHeight;"];

 

 // 重设view内容大小

 CGRect nFrame = self.detailView.frame;

 nFrame.size.height = [heightString doubleValue] + 35.0;

 self.detailView.frame = nFrame;

 

 // 重设webview内容大小

 CGRect nWebViewFrame = self.htmlWebView.frame;

 nWebViewFrame.size.height = [heightString doubleValue] + 15;

 self.htmlWebView.frame = nWebViewFrame;

 

 // 让UIWebView载入完后，才设置UITableView,最后才载入评论

 [self tableViewSetting];

 [self getCommentList];

 }

 

 

 以上的都是 MGTemplateEngine 非常主要的使用。将来也会大派用场的。对于内容页的显示，没有比HTML来的更方便直接，通过切换模版和简单的參数设置，多个不同类型的栏目也能够使用同一个具体页，非常大程度上减轻工作理和易于维护。

MGTemplateEngine 模版发动机简单使用的更多相关文章

  1. MGTemplateEngine 模版引擎简单使用（转）

    原文:http://blog.csdn.net/crazy_srufboy/article/details/21748995 要实现的效果 首先上图中间的 标题至内容 都是使用UIWebView显示, ...

  2. C+＋函数模版的简单使用

    模版算是C++的独有特性吧,也算是C++中比较难的地方,我平时开发的时候用的非常少,或者几乎没有用到,需要模版的地方是能看懂框架中相关的代码: 模版函数相对还是很简单的,引入模版的目的在于代码的重用: ...

  3. Java开发桌面程序学习（九）——JavaFxTemplate JavaFx模版 更简单进行JavaFx程序开发

    JavaFxTemplate 使用说明 项目基于maven,请确保maven配置成功,否则,可能会出现问题 项目内置了commons-io的jar包,Jfoenix的jar包以及常用的工具类JFxUt ...

  4. BASH 文本模版的简单实现 micro_template_compile

    详细代码 ############################### # # Funciton: micro_template_compile # # Parameter: # [1] => ...

  5. 一个基于POI的通用excel导入导出工具类的简单实现及使用方法

    前言: 最近PM来了一个需求,简单来说就是在录入数据时一条一条插入到系统显得非常麻烦,让我实现一个直接通过excel导入的方法一次性录入所有数据.网上关于excel导入导出的例子很多,但大多相互借鉴. ...

  6. 前端MVC、MVVM的简单实现

    MVC MVC是一种设计模式,它将应用划分为3个部分:数据(模型).展示层(视图)和用户交互层.结合一下下图,更能理解三者之间的关系.换句话说,一个事件的发生是这样的过程 用户和应用交互 控制器的事件 ...

  7. 用jekyll制作高大上的网站（二）——实际应用

    最近公司要制作个文档库,直接就可以将jekyll应用到实际中. 模版使用了Jekyll Clean,这么模版相对内部简单一点,学习成本不会很大,而复杂的Minimal Mistakes就当作参考. 模 ...

  8. [译]ABP框架使用AngularJs,ASP.NET MVC,Web API和EntityFramework构建N层架构的SPA应用程序

    本文转自:http://www.skcode.cn/archives/281 本文演示ABP框架如何使用AngularJs,ASP.NET MVC,Web API 和EntityFramework构建 ...

  9. 数据字典生成工具之旅(7)：NVelocity实现代码生成器

    这个系统好久没有更新了,人也慢慢变懒了,从现在开始每个月至少写三篇文章,欢迎大家监督.对了预告一下,该系列完成以后将为大家带来WebApp开发系列篇,敬请期待.先上几张图,放在文章最后面欢迎预览! 本 ...

随机推荐

  1. 【反省】qqxt第一场考试

    我太蒟了 qwq 这是第一条 2:考试别水群,别乱fake,特别是要避免出现不顾考试时间每件事fake十分钟的情况 3:少想多写,虽然说写数据结构之前一定要先想好但是别墨迹. 4:保持对考试的敬畏,别 ...

  2. Luogu【P1880】石子合并(环形DP)

    先放上luogu的石子合并题目链接 这是一道环形DP题,思想和能量项链很像,在预处理过程中的手法跟乘积最大相像. 用一个m[][]数组来存储石子数量,m[i][j]表示从第 i 堆石子到第 j 堆石子 ...

  3. ECMA-262 Extractions

    For the purpose of this article, ECMA-262 refers to ECMAScript® 2017 Language Specification. ECMAScr ...

  4. BZOJ-1798 维护序列

    线段树.支持区间加.区间乘.区间查询和. 标记下移还有取模要注意. var n,p,q,i,s,t:longint; a:int64; num,n1,n2,n3:array[0..500000] of ...

  5. 【bzoj4031】[HEOI2015]小Z的房间 Matrix-Tree定理+高斯消元

    [bzoj4031][HEOI2015]小Z的房间 2015年4月30日3,0302 Description 你突然有了一个大房子,房子里面有一些房间.事实上,你的房子可以看做是一个包含n*m个格子的 ...

  6. jenkins配置发送邮件

    1.打开系统管理->系统设置,找到邮件设置,如下: 2.SMTP或者其他方式的发送邮件,可自行配置,一下列出了qq邮箱和163邮箱设置的地方,如下图: qq邮箱: 往下拉,找到如下图: 163邮 ...

  7. d3 数据绑定

    绑定过程 选择元素,绑定数据,追加元素 <!DOCTYPE html> <html> <head> <title>testD3-.html</ti ...

  8. spring mvc处理静态文件

    现在流行REST开发风格,REST风格的URL 是不希望看到例如:*.do后缀的. <servlet-mapping> <servlet-name>cxy</servle ...

  9. PatentTips - MPLS Network System

    MPLS (Multi Protocol Label Switching) network system has been watched with keen interest as a techni ...

  10. dedecms--二次开发文章内容页未登录禁止访问和同一个帐号只允许一个ip登录

    最近在用dedecms二次开发会员功能,领导要求,会员未登录不允许访问文章内容页,和同一个账号只允许一个ip登录,我是将这两个在一起判断的,判断session存不存在,不存在的情况下就是未登录,这时候 ...