欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

利用模板生成html页面(NVelocity)

程序员文章站 2023-11-11 08:31:46
公司的网站需要有些新闻,每次的新闻格式都是一样的,而不想每次都查询操作,所以想把这些新闻的页面保存成静态的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页,也可以是邮件模板等。