假设我们要生成下面这样的 html 字符串:
|
1 2 3 4 5 6 7 8 |
<div> <p>welcome, Tom</p> <ul> <li>age: 20</li> <li>weight: 100</li> <li>height: 170</li> </ul> </div> |
要求姓名以及
|
1 2 3 4 5 6 |
<div> <p>welcome, {name}</p> <ul> {info} </ul> </div> |
没接触过模板的同学可能会想到使用字符串格式化的方式来实现:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
HTML = ''' <div> <p>welcome, {name}</p> <ul> {info} </ul> </div> ''' def gen_html(person): name = person['name'] info_list = [ '<li>{0}: {1}</li>'.format(item, value) for item, value in person['info'].items() ] info = '\n'.join(info_list) return HTML.format(name=name, info=info) |
这种方案有一个很明显的问题那就是，需要拼接两个 html 片段。 使用过模板技术的同学应该很容易就想到，在 Web 开发中生成 HTML 的更常用的办法是使用模板:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
HTML = ''' <div> <p>welcome, {{ person['name'] }}</p> <ul> {% for item, value in person['info'].items() %} <li>{{ item }}: {{ value }}</li> {% endfor %} </ul> </div> ''' def gen_html(person): return Template(HTML).render({'person': person}) |
本系列文章要讲的就是如何从零开始实现一个这样的模板引擎(
Template )。
使用技术
我们将使用将模板编译为 python 代码的方式来解析和渲染模板。 比如上面的模板将被编译为如下 python 代码:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
def render_function(): result = [] result.extend([ '<div>\n', '<p>welcome, ' str(person['name']), '</p>\n', '<ul>\n' ]) for item, value in person['info'].items(): result.extend([ '<li>', str(item), ': ', str(value), '</li>\n' ]) result.extend([ '</ul>\n' ayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-always" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 15px !important;">
要求姓名以及
没接触过模板的同学可能会想到使用字符串格式化的方式来实现:
这种方案有一个很明显的问题那就是，需要拼接两个 html 片段。 使用过模板技术的同学应该很容易就想到，在 Web 开发中生成 HTML 的更常用的办法是使用模板:
本系列文章要讲的就是如何从零开始实现一个这样的模板引擎( Template )。
使用技术我们将使用将模板编译为 python 代码的方式来解析和渲染模板。 比如上面的模板将被编译为如下 python 代码:
|
