VTemplate模板引擎的使用 - MasterPage篇

最新推荐文章于 2020-09-29 17:46:45 发布
最新推荐文章于 2020-09-29 17:46:45 发布
阅读量1k 收藏
点赞数
分类专栏： ASP.Net

在做WebForm编程开发时用过MasterPage的同学，可能都对这东东情有独钟。今日在QQ群上，“家有萧萧”同学也提出了这样一个问题：VT支持MasterPage吗？

答案肯定是“不支持”，因为VTemplate模板引擎不是用于WebForm上的（当然如果非要用也是可以的），所以不支持Asp.net中的MasterPage技术。但“不支持”并不等于“没有”这功能！

 

方法一：

换个角度思考一下，VT其实也是可以用<vt:output>标签来达到MasterPage功能效果的。

 

回顾一下

5.15、<vt:output>数据输出标签元素

此标签可输出某个标签或文件的数据。标签样例：

<vt:output tagid="user" /> 
<vt:output file="output.html" charset="gb2312" />

   
标签中已定义的属性列表：

名称 说明
id 标签元素的Id，建议唯一但不强制。(可不定义)
name 标签元素的名称。(可不定义)
tagid 需要输出数据的其它标签元素Id。(可不定义) 
注：如果未定义此属性则需要定义file属性
file

需要输出数据的文件，可以为绝对路径或相对路径。(可不定义)

注：如果未定义此属性则需要定义tagid属性

charset 读取文件时使用的编码。(可不定义)

 

从上表可看出<vt:output>标签可以通过设置tagid属性输出其它标签的数据，所以我们可以用其来代替MasterPage中的ContentPlaceHolder控件。

比如我们定义一个这样的“MasterPage”页面（masterpage_content.html）：

<vt:set var="MasterPage" value="1" remark="设置一个变量,用于标示是处于MasterPage页中" /> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title> MasterPage 内容 </title> 
</head> 
<body> 
<a class="menu" href="http://www.cnblogs.com/%22>博客园</a> &nbsp;&nbsp; 
<a  class="menu" href="http://www.cnblogs.com/kingthy%22>我的博客</a> 
<hr /> 
<!--vt[以下是输入子页面的数据内容]--> 
<vt:output tagid="PageContent" /> 
<hr /> 
<div align="center">&copy;版权所有 Kingthy</div> 
</body> 
</html>

其中定义的MasterPage变量，可起开关作用！<vt:output>标签中的tagid就是子页面定义的内容标签。如果需要，可在MasterPage中定义多个<vt:output>标签，但注意tagid的定义。

 

以下是一个调用“MasterPage”的示例页面代码：

<vt:include file="masterpage_content.html" remark="导入MasterPage页面" /> 
<vt:set var="MasterPage" value="0" remark="设置一个变量,用于标示当前不处于MasterPage页中" /> 
<!--vt[根据MasterPage变量值来判断子页面的内容是否需要输出.这就限制了子页面的内容只在MasterPage页面中的output标签输出.]--> 
<vt:if id="PageContent" var="MasterPage" value="1"> 
<!--vt[子页面的内容必须放在此if标签内]--> 
<vt:for from="1" to="9" index="i"> 
<vt:for from="1" to="$i" index="j"> 
<vt:expression var="r" args="i" args="j" expression="{0}*{1}" />{$:i}*{$:j}={$:r}&nbsp;&nbsp;&nbsp;&nbsp; 
</vt:for> 
<br /> 
</vt:for> 
</vt:if>

在上面模板中，先使用<vt:include>标签导入“MasterPage”页面内容，再调用<vt:set>标签设置MasterPage变量为“0“，这两个标签的顺序不能调反。这样做的原因是因为“VTemplate模版引擎”解析模版数据时是先上而下，当解析<vt:include>“MasterPage”页面中的<vt:output>标签，输出tagid=”PageContent”的标签（也就是那个<vt:if>标签）数据时，因为此时MasterPage变量是等于“1”，所以能执行

<vt:if id="PageContent" var="MasterPage" value="1">

这个条件标签里的内容。当执行完

<vt:set var="MasterPage" value="0" />

标签再执行

<vt:if id="PageContent" var="MasterPage" value="1">

这个条件标签时，因为条件已不符合，因此不会再次执行输出里面的数据。

至此，VTemplate中的“MasterPage“功能就“模仿”出来了。

（注：如果“MasterPage“页面中有多个<vt:output>标签，则子页面中也只是拷贝多少个同样判断条件但不同id的<vt:if>标签）。

 

注：具体示例代码请参考VTemplate.WebTester项目中的masterpage_test.ashx文件与模板

 

 

方法二： Panel标签

注：此标签是3.7版本里增加的标签

定义模板页，如masterpage.html， 代码如下：

<html>
<head>
<title> <vt:panel id="title" /> </title>
<vt:panel id="head" />
</head>
<body>

<vt:panel id="body" />

</body>
</html>

 

 在上面模板代码中定义了3个panel，也就是3个容器面板标签。

 

其它页面调用此masterPage.html，示例如下：

<vt:include file="masterpage.html" />

<vt:panel container="title">测试页面</vt:panel>

<vt:panel container="head">
<meta name="Keywords" content="关键字">
<meta name="Description" content="描述内容">
</vt:panel>

<vt:panel container="body">
<h1>这是主体内容</h1>
</vt:panel>

 

上面模板里，第一步先使用include标签导入模板页面，后跟着3个数据面板标签。解析此模板内容后，将输出以下数据:

 

<html>
<head>
<title>测试页面</title>
<meta name="Keywords" content="关键字">
<meta name="Description" content="描述内容">
</head>
<body>

<h1>这是主体内容</h1>

</body>
</html>

 

也即是数据面板标签里的内容会代替容器面板里的数据输出。并且数据面板标签可以根据需要增加或减少，并不限制要和MaterPage里的容器面板标签的数量一致！

 

 

VTemplate项目托管在Google code上。 
URL: http://net-vtemplate.googlecode.com/ 
SVN: http://net-vtemplate.googlecode.com/svn/src/VTemplate.Engine/

更多例子请参考VTemplate.WebTester项目：

http://net-vtemplate.googlecode.com/svn/src/VTemplate.WebTester/

 

 

 

 

注：已建立VTemplate模板引擎技术交流QQ群，欢迎各位加入参与项目开发或技术探讨。QQ群：884468

my98800
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VTemplate及例子
05-20
VTemplate及例子，一套很强大.net的模版
VTemplate模板引擎
03-20
1. **简洁语法**：VTemplate使用易于理解的模板语法，如`{{ }}`用于包裹变量，`{{# }}`和`{{/ }}`用于循环，`{{? }}`和`{{/ }}`用于条件判断。这种语法简洁明了，降低了学习成本。 2. **数据绑定**：模板引擎能够...
VTemplate模板引擎的使用--认识篇
weixin_33725126的博客
08-27 167
table {border-left:1px dotted #336633;border-top:1px dotted #336633;} table td{border-bottom:1px dotted #336633;border-right:1px dotted #336633;padding:5px;} 在上篇《VTemplate模板引擎的使用--入门篇》中我们介绍了...
VTemplate模板引擎的使用--入门篇
weixin_33712881的博客
08-19 237
1、什么是VTemplate模板引擎？ 详细请点击这里。 2、怎样使用VTemplate模板引擎？ 第1步: 下载VTemplate模板引擎的最新库文件（从这里下载），下载回来后将库文件引入到你的项目中。 第2步: 针对你的目的设计好VT模板（如HTML页面）。 第3步: 根据VT模板在代码里实例化模板引擎对象，并处理相关的逻辑数据。 第4步: 输出模板引擎的最终呈现数据（直接显示...
基于.NET的免费开源的模板引擎---VTemplate
weixin_33813128的博客
08-17 249
1、VTemplate模板引擎的简介 VTemplate模板引擎也简称为VT，是基于.NET的模板引擎，它允许任何人使用简单的类似HTML语法的模板语言来引用.NET里定义的对象。当VTemplate应用于web开发时，界面设计人员可以和程序开发人员同步开发一个遵循MVC架构的web站点，也就是说，页面设计人员可以只关注页面的显示效果，而由程序开发人员关注业务逻辑编码。VTemplate将....
asp.net实现在非MVC中使用Razor模板引擎的方法
01-02
本文实例讲述了asp.net实现在非MVC中使用Razor模板引擎的方法。分享给大家供大家参考。具体分析如下： 模板引擎介绍 Razor、Nvelocity、Vtemplate，Razor一般在MVC项目中使用，这里介绍在非MVC项目中的用法。 如何在...
VTemplate模版引擎 v3.7源码
10-18
VTemplate是一个免费的开源（采用LGPL开源许可协议）模板引擎，用于解析运行VT模板； 其主要目标是为ASP.Net开发提供另外一种技术选择方案，以保证用简单的语法，良好的结构，不混杂业务逻辑的方式书写页面； 适合于...
vtemplate-php:入门网站的样板
05-23
模板代码建议使用H5BP，Stylus和Moustache进行设置。 服务器代码建议使用Kohana，Composer和您自己的PSR-0库。 客户代码建议使用NPM和Bower。 测试建议使用Behat，Mink，Jasmine和Karma。 构建系统建议使用GNU make...
VTemplate模板引擎的使用--高级篇
weixin_33896069的博客
09-04 243
table {border-left:1px dotted #336633;border-top:1px dotted #336633;} table td{border-bottom:1px dotted #336633;border-right:1px dotted #336633;padding:5px;} 在网站中，经常会有某个栏目的数据在多个页面同时使用到。比如新闻网...
商业网站模板TemplateMaster
05-07
商业网站模板商业网站模板商业网站模板商业网站模板商业网站模板商业网站模板商业网站模板商业网站模板商业网站模板商业网站模板商业网站模板
方配ASP.NET模板引擎及开发教程和案例
03-21
在项目开发中一般分为程序开发者与美工两种身份。可是通常这些使用者不是程序强就是美工强，如果要两者同时兼顾，那可得死掉不少脑细胞。所以模版引擎就应运而生啦！模版引擎的目的，就是要达到上述提到的逻辑分离的功能。它能让程序开发者专注于资料的控制或是功能的达成；而美工则可专注于网页排版，让网页看起来更具有专业感！因此模版引擎很适合公司的网站开发团队使用，使每个人都能发挥其专长！ 在ASP.NET开发中，一般情况下，网站的前台程序不使用.NET控件模式，性能都得到了提升。.NET控件的开发方式比较有利于提高开发效率，提高模块的重用性，但缺陷是性能上会有一些损失，例如不用数据绑定，显然也就不必判断数据来源和转换数据类型，不用页面控件和控件事件等，也就避免了使用ViewState，此外.NET控件往往追求功能齐全，当你只需要一部分功能时，大量无用的代码同样会拖累性能，基于以上考虑，方配网站模板引擎选择了另外一种模板方式。 方配网站模板引擎(FangPage Template)也简称为FPT，是一个基于ASP.NET的模板引擎（Template Engine）技术，是为了敏捷WEB应用开发和简化企业应用开发而诞生的。它允许任何人仅仅使用简单类似HTML语法的模板语言（Template Language）来定义或引用由.NET代码里定义的对象。当FPT应用于Web开发时，界面设计人员可以和程序开发人员同步开发一个遵循MVC架构的Web站点，也就是说，页面设计人员可以只关注页面的显示效果，而由程序开发人员关注业务逻辑编码。FPT将.NET程序代码从Web页面中分离出来，这样为Web站点的长期维护提供了便利，同时也为我们在传统.NET控件模式设计之外又提供了一种可选的方案。 与传统的WebForm和MVC开发相比，FPT保持了图形设计同应用程序逻辑的分离的同时，还提供了一种更易于管理的方法，使得用户只需了解基本HTML代码就可以制作ASP.Net动态网站，站长可以轻松掌握如何修改和设计界面。更重要的是，它还包含一个高端、高度集成、一致的开发框架，让用户更容易理解及开发。
art-template-master
12-21
template.js前端模板引擎,一款 JavaScript 模板引擎，简单，好用。提供一套模板语法，用户可以写一个模板区块，每次根据传入的数据，生成对应数据产生的HTML片段，渲染不同的效果。
artTemplate-master
07-21
javascript的模版技术，使用<script type="text/html"/>.里面有js源码和一些案例
免费开源的模板引擎VTemplate
dianpeng3654的博客
11-23 181
1、什么是VTemplate？ VTemplate是一个免费的开源（采用LGPL开源许可协议）模板引擎，用于解析运行VT模板； 其主要目标是为ASP.Net开发提供另外一种技术选择方案，以保证用简单的语法，良好的结构，不混杂业务逻辑的方式书写页面； 适合于充当Model-View-Controller(MVC)模式应用的View角色，以使能更好的分离页面设计人员与业务开发人员...
C# VTemplate 模板引擎 日期格式{format=“yyyy-MM-dd HH:mm“}的使用
书写人生
09-29 606
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> 博客日记测试页面 </title> <style type="text/css"> .bloglog { border-bottom: #8ae38c 1px dotted; border-left: #8ae38c 1px dotted; padding-bot.
vtemplate---模版引擎
11-03 192
我的标签: vtemplate VTemplate模版引擎的使用--高级篇 Kingthy 2009-09-04 17:39 阅读:1307 评论:4 VTemplate模版引擎的使用--进阶篇 Kingthy 2009-09-03 17:07 阅读:1374 评论:5 VTemplate模版引擎的使用--认识篇 Kingthy 2009-08-2...
C# VTemplate 模板引擎 静态页面 分页的实现
书写人生
06-26 431
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> 测试分页数据 </title> <style> #list ul { clear: both; list-style:none; mar...
用C++写一个保存数据到Word表格中的程序
最新发布
06-09
你可以使用 Microsoft Office 提供的 COM 接口来实现将数据保存到 Word 表格中的功能。以下是一个简单的示例程序： ```cpp #include #include #include #include #include int main() { CoInitialize(NULL);...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值