zoukankan      html  css  js  c++  java
  • 由浅入深:自己动手开发模板引擎——置换型模板引擎1

    受到群里兄弟们的竭力邀请,老陈终于决定来分享一下.NET下的模板引擎开发技术。本系列文章将会带您由浅入深的全面认识模板引擎的概念、设计、分析和实战应用,一步一步的带您开发出完全属于自己的模板引擎。关于模板引擎的概念,我去年在百度百科上录入了自己的解释(请参考:模板引擎)。老陈曾经自己开发了一套网鸟Asp.Net模板引擎,虽然我自己并不乐意去推广它,但这已经无法阻挡群友的喜爱了!

    很显然,置换型模板引擎说的就是替换式模板引擎。它的工作原理是查找和替换字符串,但这个字符串的替换过程又分为直接查找替换和按流替代输出两种。直接查找替换实现简单,但存在一定的性能障碍,而按流替代的方式性能更好一点,但理解起来却没那么容易。今天我们就专门来讨论讨论置换型模板引擎的关键技术和实现。

    概念

    按照不同的置换方案,置换型模板引擎分为查找替换式按流替代式两种。查找替换式又分为字符串替换正则替换两种

    大家应该都很理解查找替换式模板引擎的含义了,它就是把定义好的标记替换为我们需要的内容即可。而按流替代式虽然在结果上也是将我们指定的标记“替换”为了实际内容,但它内部并没有用到Replace()这种方式,而是在遇到标记的时候直接写出对应的内容,它实际上没有所谓的替换操作,因此性能会好一些。

    查找替换式

    查找替换这个词大家已经是再也熟悉不过了,我们几乎每天都要编写一次或几次Replace()代码。而查找替换也是构建模板引擎的最基本的思想,任何模板引擎的机制归根结底都还是查找替换。假设我们有如下模板代码和业务数据:

     1 /// <summary>
    2 /// 模板文本。
    3 /// </summary>
    4 private const string _TEMPLATE_STRING = @"<a href=""{url}"">{title}</a><br />";
    5
    6 /// <summary>
    7 /// 业务数据。
    8 /// </summary>
    9 private Dictionary<string, string> _newsItems = new Dictionary<string, string> {
    10 {"http://news.qq.com/a/20120330/001077.htm", "7名塔利班人员乔装女性 欲打入北约内部被捕"},
    11 {"http://news.qq.com/a/20120330/001409.htm", "乌克兰遭轮奸焚烧少女伤重不治离世"},
    12 {"http://news.qq.com/a/20120330/001288.htm", "国际空间站宇航员拍到北马里亚纳一火山喷发"},
    13 {"http://news.qq.com/a/20120330/001535.htm", "土耳其同性恋男子可免除兵役 须提供确凿证据"},
    14 {"http://news.qq.com/a/20120330/000874.htm", "英首相卡梅伦公布宴客名单 否认为筹款聚餐"},
    15 {"http://news.qq.com/a/20120329/001774.htm", "孩子飞行途中胡闹不守秩序 全家四口被赶下飞机"},
    16 {"http://news.qq.com/a/20120329/001771.htm", "男子上厕所时抽水马桶突然爆炸 大腿和背部受伤"},
    17 {"http://news.qq.com/a/20120329/001685.htm", "美国总统奥巴马有意与林书豪切磋球艺"},
    18 {"http://news.qq.com/a/20120329/001696.htm", "法国家长与教师联合抵制家庭作业 称加剧不平等"},
    19 {"http://news.qq.com/a/20120329/001650.htm", "印尼政府称超短裙“色情” 欲对其颁布禁令"}
    20 };

    字符串替换

    要使用如上的业务数据生成一个新闻列表,那么做法不外乎如下的代码实现了:

     1 /// <summary>
    2 /// 最简单的模板引擎。
    3 /// </summary>
    4 [Test]
    5 public void StringReplace()
    6 {
    7 var html = new StringBuilder();
    8
    9 foreach (var newsItem in this._newsItems)
    10 {
    11 // 查找替换
    12 var news = _TEMPLATE_STRING.Replace("{url}", newsItem.Key).Replace("{title}", newsItem.Value);
    13
    14 html.AppendLine(news);
    15 }
    16
    17 Trace.WriteLine(html.ToString());
    18 }

    其输出结果如下:

     1 <a href="http://news.qq.com/a/20120330/001077.htm">7名塔利班人员乔装女性 欲打入北约内部被捕</a><br />
    2 <a href="http://news.qq.com/a/20120330/001409.htm">乌克兰遭轮奸焚烧少女伤重不治离世</a><br />
    3 <a href="http://news.qq.com/a/20120330/001288.htm">国际空间站宇航员拍到北马里亚纳一火山喷发</a><br />
    4 <a href="http://news.qq.com/a/20120330/001535.htm">土耳其同性恋男子可免除兵役 须提供确凿证据</a><br />
    5 <a href="http://news.qq.com/a/20120330/000874.htm">英首相卡梅伦公布宴客名单 否认为筹款聚餐</a><br />
    6 <a href="http://news.qq.com/a/20120329/001774.htm">孩子飞行途中胡闹不守秩序 全家四口被赶下飞机</a><br />
    7 <a href="http://news.qq.com/a/20120329/001771.htm">男子上厕所时抽水马桶突然爆炸 大腿和背部受伤</a><br />
    8 <a href="http://news.qq.com/a/20120329/001685.htm">美国总统奥巴马有意与林书豪切磋球艺</a><br />
    9 <a href="http://news.qq.com/a/20120329/001696.htm">法国家长与教师联合抵制家庭作业 称加剧不平等</a><br />
    10 <a href="http://news.qq.com/a/20120329/001650.htm">印尼政府称超短裙“色情” 欲对其颁布禁令</a><br />

    正则表达式

    正则表达式实现模板引擎说起来其实并不合适,大家也应该知道其最臭名昭著的就是性能。我们今天只是简单的提一下这种方案,并不算是真的要用它做一个模板引擎。但正则表达式技术在开发复杂的模板引擎是还是非常有用的。

    FastReplacer

    除了基本的字符串替换和正则表达式之外,这里我再介绍一种更加高效的替换方式——FastReplacer。原文地址:http://www.codeproject.com/Articles/298519/Fast-Token-Replacement-in-Csharp

    FastReplacer通过将字符串中指定格式的标记切分为Token,然后再做查找替换,其效率比字符串替换、正则表达式和StringBuilder要高出许多倍!详情请看原文介绍。这里我列举一下它的使用方法:

    如果您有打算做一个查找替换式的模板引擎,那么FastReplacer可能会给你带来意想不到的性能优化!

     1 /// <summary>
    2 /// FastReplacer实现。
    3 /// </summary>
    4 [Test]
    5 public void FastReplacer()
    6 {
    7 var html = new StringBuilder();
    8
    9 foreach (var newsItem in this._newsItems)
    10 {
    11 // 您可以通过修改源代码为FastReplacer增加一个Clear方法
    12 // 避免产生多个实例以提高性能
    13 var fs = new FastReplacer("{", "}");
    14 fs.Append(_TEMPLATE_STRING);
    15
    16 fs.Replace("{url}", newsItem.Key);
    17 fs.Replace("{title}", newsItem.Value);
    18
    19 html.AppendLine(fs.ToString());
    20 }
    21
    22 Trace.WriteLine(html.ToString());
    23 }

    以上是简单的查找替换方式的举例,因为不是本文的重点,也很好理解,也就不多说了(话说——写博客肿么这么累泥?)

    按流替代式

    几个月前我第一次看到FastReplacer的时候,以为它内部用的也是流式替代,但仔细研究之后发现不是。那么到底什么是按流替代呢?

    我们来看看如下的代码拆解(老陈所有的文章都是启发式的,因此在文字上不会下很大的工夫,偶滴词汇华丽的很不明显哇)

    <a href="{url}">{title}</a><br />

    这段代码其实可以看做以下代码的组合(这里以回车换行符隔开了)

    1 <a href="
    2 {url}
    3 ">
    4 {title}
    5 </a><br />

    现在有没有感觉到眼前一亮呢?我们把这个字符串按照标记拆分成了5段,每一个小段,无论长短,我们都理解为Token。Token在流式解析当中是一个最基本的元素。

    或许,到这里您已经看明白了,其实就是把模板代码按照一定的规则拆分成Token流,就类似于.NET内置的各种Stream一样,与字符串最接近的例如StringReader/StringWriter、XmlReader/XmlWriter等。使用.NET做Web开发的朋友一定对System.Web.HttpResponse再也熟悉不过了,它的Write()就是封装了一个字符串的流的写入操作,只不过这个流最终是写到HTTP网络连接上的。

    话题转回来,我们要实现的流式替代就类似于如下过程:

     1 // --------------------------------
    2 // 流程
    3 // <a href="
    4 // {url} --> 写为目标数据
    5 // ">
    6 // {title} --> 写为目标数据
    7 // </a><br />
    8 // --------------------------------
    9 // 伪代码
    10 foreach(var token in tokens)
    11 {
    12 if (token == "{url}")
    13 {
    14 Write("链接地址");
    15 }
    16 else (token == "{title}")
    17 {
    18 Write("新闻标题");
    19 }
    20 else
    21 {
    22 // 原原本本的输出
    23 Write(token);
    24 }
    25 }

    看完代码,您要是再不明白什么是流式替代的话,那我真的要哭了!

    不过,新的问题产生了——如何把模板代码变换为Token流呢?不要着急,这是下一节我们将要讲述的内容!

    小结及代码下载

    因为我的写作时间并不多,因此这里采用了单元测试的一些代码结构,不过对大家阅读和理解不会造成影响。 

    本文代码将与下一篇文章合并提供下载,祝各位工作顺利、开心快乐!

    【NoSQL群】NoSQL系列技术QQ群:
    一群:23152359(满员)
    二群:193713524(强烈推荐)
    三群:132740383(实名群,仅邀请加入)
    四群:191830739(精英群,仅邀请加入)
    入群写明理由,否则一律拉黑!
    关于老陈:一只不小心踏入互联网十二年的老猴子,喜欢在群里跟大家伙儿研究和分享各种V。天造的懒汉,十足的吃货!

    模板引擎

    模板引擎技术深度分享。
    摘要: 很显然,置换型模板引擎说的就是替换式模板引擎。它的工作原理是查找和替换字符串,但这个字符串的替换过程又分为直接查找替换和按流替代输出两种。直接查找替换实现简单,但存在一定的性能障碍,而按流替代的方式性能更好一点,但理解起来却没那么容易。今天我们就专门来讨论讨论置换型模板引擎的关键技术和实现。阅读全文
    posted @ 2012-03-31 09:08 陈彦铭 阅读(620) | 评论 (10) 编辑
    摘要: 最初的模板引擎是为了实现业务逻辑和代码分离,后来发现这样的模式给界面维护带来了极大的便利,这也是一种MVC模式的实现。现在我们在很多地方都可以看到模板引擎的身影,比如各种CMS、论坛、代码生成器,甚至是Mootools、JQuery等JavaScript库都用到了模板引擎。那么模板引擎到底是个什么东东呢?模板引擎在实际生产环境中有着什么样的意义?我们到底是否应该使用模板引擎技术?接下来我们会一一解答。阅读全文
    posted @ 2012-03-29 09:13 陈彦铭 阅读(2054) | 评论 (18) 编辑
  • 相关阅读:
    Codeforces 1491 D. Zookeeper and The Infinite Zoo (二进制处理)
    Codeforces 1479A. Searching Local Minimum(注意输入+二分)
    Codeforces 1480B. The Great Hero(阅读模拟题,注意数据范围和攻击顺序)
    Codeforces 1480A. Yet Another String Game (阅读理解题)
    windows 10 开启全盘瞬间索引功能
    JetBrains CLion C++ IDE连接wsl2(Ubuntu)时,报错"Unable to establish SSL connection"解决方案
    WorkFlowy 的 MarkDown 预览方案解决
    git 学习 完全学懂
    jeecgboot <j-popup
    面试之类加载器
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/2426687.html
Copyright © 2011-2022 走看看