Skip to content

视图和模板

AdonisJS 非常适合在 Node.js 中创建传统的服务端渲染应用程序。如果您喜欢使用后端模板引擎的简洁性,它可以输出 HTML 而无需 Virtual DOM 和构建工具的开销,那么本指南适合您。

AdonisJS 中服务端渲染应用程序的典型工作流程如下所示。

  • 选择一个模板引擎来动态渲染 HTML。
  • 使用 Vite 来打包 CSS 和前端 JavaScript。
  • 可选地,您可以选择 HTMXUnpoly 等库来逐步增强您的应用程序并像 SPA 一样导航。

TIP

AdonisJS 核心团队创建了一个名为 Edge.js 的框架无关模板引擎,但不强制您使用它。您可以在 AdonisJS 应用程序中使用任何您喜欢的其他模板引擎。

流行选项

以下是您可以在 AdonisJS 应用程序中使用的流行模板引擎列表(就像在任何其他 Node.js 应用程序中一样)。

  • EdgeJS 是一个简单、现代且功能齐全的模板引擎,由 AdonisJS 核心团队为 Node.js 创建和维护。
  • Pug 是一个深受 Haml 影响的模板引擎。
  • Nunjucks 是一个功能丰富的模板引擎,灵感来自 Jinja2。

混合应用程序

AdonisJS 也非常适合创建混合应用程序,这些应用程序在服务器上渲染 HTML,然后在客户端激活您的 JavaScript。这种方法在想要使用 VueReactSvelteSolid 或其他框架构建交互式用户界面的开发人员中很受欢迎,但仍然需要完整的后端栈来处理服务器端事务。

在这种情况下,AdonisJS 提供了对使用 InertiaJS 的一流支持,以弥合前端和后端之间的差距。