文本模板

介绍

ABP框架提供了一个简单有效的文本模板系统,文本模板用于动态渲染基于模板和模型(数据对象)内容:

Template + Model =renderer=> Rendered Content

它非常类似于 ASP.NET Core Razor View (或 Page):

RAZOR VIEW (or PAGE) + MODEL ==render==> HTML CONTENT

你可以将渲染的输出用于任何目的,例如发送电子邮件或准备一些报告.

示例

Here, a simple template:

  1. Hello {{model.name}} :)

你可以定义一个含有 Name 属性的类来渲染这个模板:

  1. public class HelloModel
  2. {
  3. public string Name { get; set; }
  4. }

如果你使用 NameJohnHelloModel 渲染模板,输出为:

  1. Hello John :)

模板渲染引擎非常强大;

  • 它基于 Scriban 库, 所以它支持 条件逻辑, 循环 等.
  • 模板内容 可以本地化.
  • 你可以定义 布局模板 在渲染其他模板中用做布局.
  • 对于高级场景,你可以传递任何对象到模板上下文.

源码

这里是本文开发和引用的示例应用程序源码.

安装

推荐使用 ABP CLI 安装包.

使用 ABP CLI

在项目目录(.csproj file)打开命令行窗口运行以下命令:

  1. abp add-package Volo.Abp.TextTemplating

手动安装

如果你想要手动安装;

  1. 添加 Volo.Abp.TextTemplating NuGet包到你的项目:
  1. Install-Package Volo.Abp.TextTemplating
  1. 添加 AbpTextTemplatingModule 到你的模块依赖列表:
  1. [DependsOn(
  2. //...other dependencies
  3. typeof(AbpTextTemplatingModule) //Add the new module dependency
  4. )]
  5. public class YourModule : AbpModule
  6. {
  7. }

定义模板

在渲染模板之前,需要定义它. 创建一个继承自 TemplateDefinitionProvider 的类:

  1. public class DemoTemplateDefinitionProvider : TemplateDefinitionProvider
  2. {
  3. public override void Define(ITemplateDefinitionContext context)
  4. {
  5. context.Add(
  6. new TemplateDefinition("Hello") //template name: "Hello"
  7. .WithVirtualFilePath(
  8. "/Demos/Hello/Hello.tpl", //template content path
  9. isInlineLocalized: true
  10. )
  11. );
  12. }
  13. }
  • context 对象用于添加新模板或获取依赖模块定义的模板. 使用 context.Add(...) 定义新模板.
  • TemplateDefinition 是代表模板的类,每个模板必须有唯一的名称(在渲染模板时使用).
  • /Demos/Hello/Hello.tpl 是模板文件的路径.
  • isInlineLocalized 声明针对所有语言使用一个模板(true 还是针对每种语言使用不同的模板(false). 更多内容参阅下面的本地化部分.

模板内容

WithVirtualFilePath 表示我们使用虚拟文件系统存储模板内容. 在项目内创建一个 Hello.tpl 文件,并在属性窗口中将其标记为”嵌入式资源“:

hello-template

示例 Hello.tpl 内容如下所示:

  1. Hello {{model.name}} :)

虚拟文件系统 需要在模块类的 ConfigureServices 方法添加你的文件:

  1. Configure<AbpVirtualFileSystemOptions>(options =>
  2. {
  3. options.FileSets.AddEmbedded<TextTemplateDemoModule>("TextTemplateDemo");
  4. });
  • TextTemplateDemoModule是模块类.
  • TextTemplateDemo 是你的项目的根命名空间.

渲染模板

ITemplateRenderer 服务用于渲染模板内容.

示例: 渲染一个简单的模板

  1. public class HelloDemo : ITransientDependency
  2. {
  3. private readonly ITemplateRenderer _templateRenderer;
  4. public HelloDemo(ITemplateRenderer templateRenderer)
  5. {
  6. _templateRenderer = templateRenderer;
  7. }
  8. public async Task RunAsync()
  9. {
  10. var result = await _templateRenderer.RenderAsync(
  11. "Hello", //the template name
  12. new HelloModel
  13. {
  14. Name = "John"
  15. }
  16. );
  17. Console.WriteLine(result);
  18. }
  19. }
  • HelloDemo 是一个简单的类,在构造函数注入了 ITemplateRenderer 并在 RunAsync 方法中使用它.
  • RenderAsync 有两个基本参数:
    • templateName: 要渲染的模板名称 (本示例中是 Hello).
    • model: 在模板内部用做 model 的对象 (本示例中是 HelloModel 对象).

示例会返回以下结果:

  1. Hello John :)

匿名模型

虽然建议为模板创建模型类,但在简单情况下使用匿名对象也是可行的:

  1. var result = await _templateRenderer.RenderAsync(
  2. "Hello",
  3. new
  4. {
  5. Name = "John"
  6. }
  7. );

示例中我们并没有创建模型类,但是创建了一个匿名对象模型.

大驼峰 与 小驼峰

PascalCase 属性名(如 UserName) 在模板中用做小驼峰(如 userName).

本地化

可以基于当前文化对模板内容进行本地化. 以下部分描述了两种类型的本地化选项.

内联本地化

内联本地化使用本地化系统本地化模板内的文本.

示例: 重置密码链接

假设你需要向用户发送电子邮件重置密码. 模板内容:

  1. [{{L "ResetMyPassword" model.name}}](/zh-Hans/abp/4.3/{{model.link}})

L 函数用于根据当前用户的文化来定位给定的Key,你需要在本地化文件中定义 ResetMyPassword 键:

  1. "ResetMyPasswordTitle": "Reset my password",
  2. "ResetMyPassword": "Hi {0}, Click here to reset your password"

你还需要在模板定义提供程序类中声明要与此模板一起使用的本地化资源:

  1. context.Add(
  2. new TemplateDefinition(
  3. "PasswordReset", //Template name
  4. typeof(DemoResource) //LOCALIZATION RESOURCE
  5. ).WithVirtualFilePath(
  6. "/Demos/PasswordReset/PasswordReset.tpl", //template content path
  7. isInlineLocalized: true
  8. )
  9. );

当你这样渲染模板时:

  1. var result = await _templateRenderer.RenderAsync(
  2. "PasswordReset", //the template name
  3. new PasswordResetModel
  4. {
  5. Name = "john",
  6. Link = "https://abp.io/example-link?userId=123&token=ABC"
  7. }
  8. );

你可以看到以下本地化结果:

  1. <a title="Reset my password" href="https://abp.io/example-link?userId=123&token=ABC">Hi john, Click here to reset your password</a>

如果你为应用程序定义了 默认本地化资源, 则无需声明模板定义的资源类型.

多个内容本地化

你可能希望为每种语言创建不同的模板文件,而不是使用本地化系统本地化单个模板. 如果模板对于特定的文化(而不是简单的文本本地化)应该是完全不同的,则可能需要使用它.

示例: 欢迎电子邮件模板

假设你要发送电子邮件欢迎用户,但要定义基于用户的文化完全不同的模板.

首先创建一个文件夹,将模板放在里面,像 en.tpl, tr.tpl 每一个你支持的文化:

multiple-file-template

然后在模板定义提供程序类中添加模板定义:

  1. context.Add(
  2. new TemplateDefinition(
  3. name: "WelcomeEmail",
  4. defaultCultureName: "en"
  5. )
  6. .WithVirtualFilePath(
  7. "/Demos/WelcomeEmail/Templates", //template content folder
  8. isInlineLocalized: false
  9. )
  10. );
  • 设置 默认文化名称, 当没有所需的文化模板,回退到缺省文化.
  • 指定 模板文件夹 而不是单个模板文件.
  • 设置 isInlineLocalizedfalse.

就这些,你可以渲染当前文化的模板:

  1. var result = await _templateRenderer.RenderAsync("WelcomeEmail");

为了简单我们跳过了模型,但是你可以使用前面所述的模型.

指定文化

ITemplateRenderer 服务如果没有指定则使用当前文化 (CultureInfo.CurrentUICulture). 如果你需要你可以使用 cultureName 参数指定文化.

  1. var result = await _templateRenderer.RenderAsync(
  2. "WelcomeEmail",
  3. cultureName: "en"
  4. );

布局模板

布局模板用于在其他模板之间创建共享布局. 它类似于ASP.NET Core MVC / Razor Pages中的布局系统.

示例: 邮件HTML布局模板

例如,你想为所有电子邮件模板创建一个布局.

首先像之前一样创建一个模板文件:

  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. </head>
  6. <body>
  7. {{content}}
  8. </body>
  9. </html>
  • 布局模板必须具有 {{content}} 部分作为渲染的子内容的占位符.

在模板定义提供程序中注册模板:

  1. context.Add(
  2. new TemplateDefinition(
  3. "EmailLayout",
  4. isLayout: true //SET isLayout!
  5. ).WithVirtualFilePath(
  6. "/Demos/EmailLayout/EmailLayout.tpl",
  7. isInlineLocalized: true
  8. )
  9. );

现在你可以将此模板用作任何其他模板的布局:

  1. context.Add(
  2. new TemplateDefinition(
  3. name: "WelcomeEmail",
  4. defaultCultureName: "en",
  5. layout: "EmailLayout" //Set the LAYOUT
  6. ).WithVirtualFilePath(
  7. "/Demos/WelcomeEmail/Templates",
  8. isInlineLocalized: false
  9. )
  10. );

全局上下文

ABP传递 model,可用于访问模板内的模型. 如果需要,可以传递更多的全局变量.

示例模板内容:

  1. A global object value: {{myGlobalObject}}

模板假定它渲染上下文中的 myGlobalObject 对象. 你可以如下所示提供它:

  1. var result = await _templateRenderer.RenderAsync(
  2. "GlobalContextUsage",
  3. globalContext: new Dictionary<string, object>
  4. {
  5. {"myGlobalObject", "TEST VALUE"}
  6. }
  7. );

渲染的结果将是:

  1. A global object value: TEST VALUE

高级功能

本节介绍文本模板系统的一些内部知识和高级用法.

模板内容Provider

TemplateRenderer 用于渲染模板,这是大多数情况下所需的模板. 但是你可以使用 ITemplateContentProvider 获取原始(未渲染的)模板内容.

ITemplateRenderer 内部使用 ITemplateContentProvider 获取原始模板内容.

示例:

  1. public class TemplateContentDemo : ITransientDependency
  2. {
  3. private readonly ITemplateContentProvider _templateContentProvider;
  4. public TemplateContentDemo(ITemplateContentProvider templateContentProvider)
  5. {
  6. _templateContentProvider = templateContentProvider;
  7. }
  8. public async Task RunAsync()
  9. {
  10. var result = await _templateContentProvider
  11. .GetContentOrNullAsync("Hello");
  12. Console.WriteLine(result);
  13. }
  14. }

结果是原始模板内容:

  1. Hello {{model.name}} :)
  • GetContentOrNullAsync 如果没有为请求的模板定义任何内容,则返回 null.
  • 它可以获取 cultureName 参数,如果模板针对不同的文化具有不同的文件,则可以使用该参数(请参见上面的”多内容本地化”部分).

模板内容贡献者

ITemplateContentProvider 服务使用 ITemplateContentContributor 实现来查找模板内容. 有一个预实现的内容贡献者 VirtualFileTemplateContentContributor,它从上面描述的虚拟文件系统中获取模板内容.

你可以实现 ITemplateContentContributor 从另一个源读取原始模板内容.

示例:

  1. public class MyTemplateContentProvider
  2. : ITemplateContentContributor, ITransientDependency
  3. {
  4. public async Task<string> GetOrNullAsync(TemplateContentContributorContext context)
  5. {
  6. var templateName = context.TemplateDefinition.Name;
  7. //TODO: Try to find content from another source
  8. return null;
  9. }
  10. }

如果源无法找到内容, 则返回 null, ITemplateContentProvider 将回退到下一个贡献者.

Template Definition Manager

ITemplateDefinitionManager 服务可用于获取模板定义(由模板定义提供程序创建).

另请参阅