1、VTemplate模板引擎的简介

VTemplate模板引擎也简称为VT，是基于.NET的模板引擎，它允许任何人使用简单的类似HTML语法的模板语言来引用.NET里定义的对象。当VTemplate应用于web开发时，界面设计人员可以和程序开发人员同步开发一个遵循MVC架构的web站点，也就是说，页面设计人员可以只关注页面的显示效果，而由程序开发人员关注业务逻辑编码。VTemplate将.NET程序代码从web页面中分离出来，这样为web站点的长期维护提供了便利，同时也为我们在ASP.NET WebForm开发之外又提供了一种可选的方案。 VTemplate也可以作为动态文本生成工具，生成HTML、XML、邮件、程序源代码或其它文本等。

2、使用 VTemplate 生成的订单流程图

类似于一些购物网站，订单提交后实时的查询当前流转的步骤

1. 定VTemplateHelper类

   public  class VTemplateHelper

     {

         public VTemplateHelper(string ConfigFile)

         {

             this.ConfigFile = ConfigFile;

             LoadTemplateFile();

         }

         public VTemplateHelper(string ConfigFile,Encoding Encoding)

         {

             this.ConfigFile = ConfigFile;

             this.Encoding = Encoding;

             LoadTemplateFile();

         }

         /// <summary>

         /// 当前页面的模板文档的配置参数

         /// </summary>

         protected virtual TemplateDocumentConfig DocumentConfig

         {

             get

             {

                 return TemplateDocumentConfig.Default;

             }

         }

         public  TemplateDocument Document

         {

             get;

             private set;

         }

         public string ConfigFile { get; set; }

         public Encoding Encoding { get; set; }

         /// <summary>

         /// 是否读取缓存模板

         /// </summary>

         protected virtual bool IsLoadCacheTemplate

         {

             get

             {

                 return true;

             }

         }

         /// <summary>

         /// 装载模板文件

         /// </summary>

         /// <param name="fileName"></param>

         protected virtual void LoadTemplateFile()

         {

             if (Encoding == null)

             {

                 Encoding = System.Text.Encoding.UTF8;

             }

             this.Document = null;

             if (this.IsLoadCacheTemplate)

             {

                 //测试缓存模板文档

                 this.Document = TemplateDocument.FromFileCache(ConfigFile, Encoding, this.DocumentConfig);

             }

             else

             {

                 //测试实例模板文档

                 this.Document = new TemplateDocument(ConfigFile, Encoding, this.DocumentConfig);

             }

         }

         /// <summary>

         /// 请先调用LoadTemplateFile方法

         /// </summary>

         /// <returns></returns>

         public string RenderText()

         {

             return this.Document.GetRenderText();

         }

         public string RenderSimpleText(object obj,string Name)

         {

             this.LoadTemplateFile();

             this.Document.Variables.SetValue(Name, obj);

             return RenderText();

         }

     }

2. 调用代码

  VTemplateHelper vt = new VTemplateHelper(Server.MapPath("OrderProcessSteps.htm"));

  string html=vt.RenderSimpleText(order, "order");

  this.DivProcess.InnerHtml = html;

DivProcess 是页面对应的DIV控件，用于显示内容

OrderProcessSteps.html 页面使用，类似ASPX 页面嵌套代码使用

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title></title>

     <link href="../Style/css/common.css" rel="stylesheet" type="text/css" />

     <link href="../Style/css/user.orderinfo.css" rel="stylesheet" type="text/css" />

     <script type="text/javascript">

      function adddeliver() {

                 window.open("appdeliver.aspx?orderno="+<%=orderno %>);

         }

     </script>

 </head>

 <body>

     <div id="process" class="section4">

         <div class="node fore ready">

             <ul>

                 <li class="tx1">&nbsp;</li>

                 <li class="tx2" style="padding-left: 20px">提交订单</li>

                 <li class="tx3" style="padding-left: 80px">

                     {$:order.OrderTime} </li></ul>

         </div>

         <div class="proce  ready ">

             <ul>

                 <li class="tx1">&nbsp;</li></ul>

         </div>

   <vt:if var="order.OrderStatus" value="-1" >

         <div class="node  ready">

             <ul>

                 <li class="tx1">&nbsp;</li>

                 <li class="tx2">订单关闭</li>

                 <li class="tx3"></li>

             </ul>

         </div>

   <vt:else>

     <vt:if var="order.PayStatus" value="" >

         <div class="node  wait">

             <ul>

                 <li class="tx1">&nbsp;</li>

                 <li class="tx2">暂未支付</li>

                 <li class="tx3"></li>

             </ul>

         </div>

         <div class=" proce  wait ">

             <ul>

                 <li class="tx1">&nbsp;</li></ul>

         </div>

     <vt:elseif value="" >

         <div class="node ready">

             <ul>

                 <li class="tx1">&nbsp;</li>

                 <li class="tx2">支付确认中</li>

                 <li class="tx3"></li>

             </ul>

         </div>

         <div class=" proce doing ">

             <ul>

                 <li class="tx1">&nbsp;</li></ul>

         </div>

     <vt:elseif  value="" >

         <div class="node  ready">

             <ul>

                 <li class="tx1">&nbsp;</li>

                 <li class="tx2">付款成功</li>

                 <li class="tx3"></li>

             </ul>

         </div>

         <div class=" proce  ready ">

             <ul>

                 <li class="tx1">&nbsp;</li></ul>

         </div>

      </vt:if>

     </vt:if>

     </div>

 </body>

 </html>

详细的使用可参考：http://www.cnblogs.com/kingthy/archive/2009/08/17/net-vtemplate.html

谢谢--

使用VTemplate模板引擎动态生成订单流程图的更多相关文章

  1. VTemplate模板引擎的使用--高级篇

    VTemplate模板引擎的使用--高级篇 在网站中,经常会有某个栏目的数据在多个页面同时使用到.比如新闻网站或电子商务网站的栏目列表,几乎在很多页面都会显示栏目导航.对于这种多个页面同时使用到的“数 ...

  2. VTemplate模板引擎的使用--进阶篇

    1.<vt:template>与<vt:include>标签的不同 <vt:template>和<vt:include> 标签都包含file属性,如果这 ...

  3. SpringBoot获取Freemarker模板引擎，生成HTML代码

    今天用Ajax异步添加评论,加载Freemarker模板引擎,生成模板模块 1.新建Freemarker模板 <li id="${comment.oId}"> < ...

  4. VTemplate模板引擎的使用--入门篇

    1.什么是VTemplate模板引擎? 详细请点击这里. 2.怎样使用VTemplate模板引擎? 第1步: 下载VTemplate模板引擎的最新库文件(从这里下载),下载回来后将库文件引入到你的项目 ...

  5. 使用 Velocity 模板引擎快速生成代码(zhuan)

    http://www.ibm.com/developerworks/cn/java/j-lo-velocity1/ ****************************************** ...

  6. 使用Velocity 模板引擎快速生成代码

    Velocity 模板引擎介绍 在现今的软件开发过程中,软件开发人员将更多的精力投入在了重复的相似劳动中.特别是在如今特别流行的MVC架构模式中,软件各个层次的功能更加独立,同时代码的相似度也更加高. ...

  7. Java使用 VelocityEngine模板引擎快速生成HTML等各种代码

    https://blog.csdn.net/icannotdebug/article/details/79725297 一.简介 Velocity 是一个基于 Java 的模板引擎框架,提供的模板语言 ...

  8. 使用Themleaf 模板引擎手动生成html文件

    1.为什么要写这一篇呢? 在做一个邮件发送功能的时候,需要发送html邮件,javaMail 发送html 的时候需要有已经生成的html正文,所以需要提前将要发送的内容生成,所以就需要模板引擎来动态 ...

  9. java根据模板HTML动态生成PDF

    原文:https://segmentfault.com/a/1190000009160184 一.需求说明:根据业务需要,需要在服务器端生成可动态配置的PDF文档,方便数据可视化查看. 二.解决方案: ...

随机推荐

  1. C#高级编程第1章-.NET体系结构

    内容提要: (1)编译和运行面向对象.NET代码 (2)IL/MSIL(Microsoft Intermediate Language)中间语言的优点 (3)值类型与引用类型 (4)数据类型化 (5) ...

  2. C复习手记(Day1)

    auto存储类:所有局部变量默认的存储类  ex:{int mount;auto int month}  auto只用在函数内,只做局部变量 register 存储类:register 存储类用于定义 ...

  3. (转)js 正则表达式之test函数讲解

    该方法的返回值是布尔值,通过该值可以匹配字符串中是否存在于正则表达式相匹配的结果,如果有匹配内容,返回ture,如果没有匹配内容返回false,该方法常用于判断用户输入数据的合法性,比如检验Email ...

  4. POJ2100 Graveyard Design（尺取法）

    POJ2100 Graveyard Design 题目大意:给定一个数n,求出一段连续的正整数的平方和等于n的方案数,并输出这些方案,注意输出格式: 循环判断条件可以适当剪支,提高效率,(1^2+2^ ...

  5. 在.NET MVC下不用iframe实现局部加载html

    最近在做个后台系统,之前都是用iframe来实现加载内容,左侧菜单不刷新.但一直不喜欢这种方法,有许多弊端.今天自己在网上查找了一番后找到了比较好的替代方案: 一.利用html的锚点标记来实现无刷新页 ...

  6. 移动端-jquery Ajax执行滑动到底部进行加载 指定加载次数

    过完年了,又要有新的项目了,趁暴风雨前的宁静,就把之前让我挺头疼的ajax加载给总结了一下.在此分享. 声明下:笔者对于ajax也是新手,如有更好的写法或可以优化的写法,还望指正! 项目需求: 移动端 ...

  7. 实例讲解MySQL联合查询

    好了终于贴完了MySQL联合查询的内容了,加上上一篇一共2篇,都是我转载的,实例讲解MySQL联合查询.那下面就具体讲讲简单的JOIN的用法了.首先我们假设有2个表A和B,他们的表结构和字段分别为: ...

  8. 开放GitHub的理由

    越来越多的程序把sourcecode和安装包托管到GitHub上,没有GitHub访问的网络太悲催了... 想通过Chocolatey(windows版的apt-get)装一个ConEmu都无法做到 ...

  9. 开源 一行代码实现多形式多动画的推送小红点WZLBadge(iOS)－备用

    更新日志 V1.2 2015.09.25 1.UITabBarItem badge is supproted; 2.Enable change badge properties when badge ...

  10. Android Activity 生命周期的透彻理解

    说来惭愧,虽然已经做了一年多的android开发,但是最近被人问起activity的生命周期的时候,却感觉自己并不能很自信很确定的回答对方的问题,对activity的生命周期的理解还不透彻啊.     ...