使用模板引擎渲染HTML界面_html/css_WEB-ITnose
by 伍雪颖
模板引擎:GRMustache
pod 'GRMustache' , '~> 7.3.0'
html模板:
template.html
{{ name }}
{{ content }}
调用:
- ( void )viewDidLoad {
[ super viewDidLoad ];
NSString *path = [[ NSBundle mainBundle ] bundlePath ];
NSURL *baseUrl = [ NSURL fileURLWithPath :path];
NSString *htmlString = [ self demoFormatWithName : @"wuxueying" value : @"hello" ];
[ self . webView loadHTMLString :htmlString baseURL :baseUrl];
}
- ( NSString *)demoFormatWithName:( NSString *)name value:( NSString *)value {
NSString *fileName = @"template.html" ;
NSString *path = [[[ NSBundle mainBundle ] bundlePath ] stringByAppendingPathComponent :fileName];
NSString *template = [ NSString stringWithContentsOfFile :path encoding : NSUTF8StringEncoding error : nil ];
NSDictionary *renderObject = @{ @"name" :name, @"content" :value } ;
NSString *content = [ GRMustacheTemplate renderObject :renderObject fromString :template error : nil ];
return content;
}
效果:
推荐阅读
-
基于 HTML5 Canvas 的 3D 渲染引擎界面以及吸附等效果的运用
-
免费使用!20款精致优质的HTML网站模板和小组件下载_html/css_WEB-ITnose
-
css使用float后,如果把浏览器界面缩小,则盒子飘到下面去了。_html/css_WEB-ITnose
-
使用Axure RP原型设计实践03,制作一个登录界面的原型_html/css_WEB-ITnose
-
10_Android中通过HttpUrlConnection访问网络,Handler和多线程使用,读取网络html代码并显示在界面上,ScrollView组件的使用_html/css_WEB-ITnose
-
很漂亮的用户登录界面HTML模板_html/css_WEB-ITnose
-
使用Axure RP原型设计实践03,制作一个登录界面的原型_html/css_WEB-ITnose
-
[QMacros]示例:使用 QMacros 玩转 HTML 模板_html/css_WEB-ITnose
-
tornado总结4-html模板使用2_html/css_WEB-ITnose
-
Jade模板引擎(一)之Attributes_html/css_WEB-ITnose