利用模板生成html页面(NVelocity)
程序员文章站
2022-06-20 23:11:13
公司的网站需要有些新闻，每次的新闻格式都是一样的，而不想每次都查询操作，所以想把这些新闻的页面保存成静态的html，之后搜索了下就找到了这个模板引擎，当然其他的模板引擎可以的，例如：Razor，自己写的手动替换等。NVelocity是Apache Jakarta Velocity中的一个优秀项目，有 ......
公司的网站需要有些新闻，每次的新闻格式都是一样的，而不想每次都查询操作，所以想把这些新闻的页面保存成静态的html，之后搜索了下就找到了这个模板引擎，当然其他的模板引擎可以的，例如：razor，自己写的手动替换等。nvelocity是apache jakarta velocity中的一个优秀项目，有java版的（velocity），.net版（nvelocity），它是非常简单，易于学习和可扩展的模板引擎，并且支持.net core.
在nvelocity中对变量的引用都是以$开头,加上变量名称,当使用 ! 时表示为空字符串，语法都是#开头。
语法
1. 赋值指令#set
#set($book.title="test")
2.条件指令#if if/elseif/else
#if($books.total>1) $books.total #else 没有数据 #end
3.循环指令 #foreach
#foreach($book in $books) $book.title #end 高级foreach #foreach($i in $items) #each 每次【循环】显示的文本 #before 每次【循环前】显示的文本 #after 每次【循环后】显示的文本 #between 每【两次】【循环】显示的文本 #odd 奇数显示 #even 偶数显示 #nodata 空或者没有数据 #beforeall 循环之前显示 #afterall 循环之后显示 #end
4.引用静态资源指令 #include
#include('jquery.js') 会把当前js当作当前流插入到内容中
5.引用并解析资源指令 #parse
#parse('temo.js');
与#include不同的是,假如temp.js中有nvelocity的指令,变量进行处理,并把结果插入到当前流中;
6. 双数执行 #even odd
#foreach(book in $books)
#even
<p>双行：$book.title</p>
#odd
<p>单行：$book.title</p>
#end
7. 关系运算符
and、or 和 not 操作符，分别对应&&、||和! #if($foo && $bar) #end
c#例子
1.nuget中引用nvelocity
2.编写模板页（hellovelocity.vm，也可以是hellovelocity.html等任意的名称后缀）
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>$news.title</title>
</head>
<body>
<h3>$news.title</h3>
<div>
<span>$news.desc</span>
</div>
<div>
$news.content
</div>
</body>
</html>
3.编写后台程序
public static string transformbookstohtml(news news, string resourcetemplatename)
{
// 初始化模板引擎
velocityengine ve = new velocityengine();
ve.init();
// 获取模板文件
template t = ve.gettemplate(resourcetemplatename);
// 设置变量
velocitycontext ctx = new velocitycontext();
ctx.put("news", news);
// 输出
stringwriter sw = new stringwriter();
t.merge(ctx, sw);
string message = sw.tostring();
sw.dispose();
file.writealltext($@"{datetime.now.tostring("yyyy-mm-dd-hh-mm-ss")}.html", sw.tostring());//生成文件的路径可以*选择
return message;
}
4. 程序调用
news news = new news() { title = $"{datetime.now} 新闻", desc = "新闻的描述信息", content = "新闻的详细内容", createtime = datetime.now };
console.writeline(mynvelocity.transformbookstohtml(news, @"/nvelocitytest/hellovelocity.html"));//这里的模板路径是nvelocitytest目录下的，可以任意
5. 查看生成的文件
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>2019/08/05 14:20:14 新闻</title>
</head>
<body>
<h3>2019/08/05 14:20:14 新闻</h3>
<div>
<span>新闻的描述信息</span>
</div>
<div>
新闻的详细内容
</div>
</body>
</html>
总结
nvelocity可以应用在很多地方，不仅仅局限于生成html页，也可以是邮件模板等。