Fastify 是一个基于 Node.js 构建的高度优化、快速且支持异步的 Web 框架。它的简洁性和出色的性能让它成为越来越多开发者的首选。在 Fastify 中,开发者可以自由选择使用不同的模板引擎来渲染视图,本文将介绍 Fastify 中常用的几种模板引擎以及它们的使用方法。
模板引擎介绍
EJS
EJS 全称 Embedded JavaScript,是一种简单灵活的模板语言。它做为一门 Node.js 模板语言,可以用 JavaScript 渲染 HTML 页面,而且还支持客户端和服务端渲染。使用 EJS 首先需要安装 EJS 模块:
npm install ejs --save
代码示例:
-- -------------------- ---- ------- ----- ------- - --------------------- ----- ---- - ---------------- ------------------------------------------ - ------- - ---- -------------- -- ---------- -------------------- -------- --- ---------------- ----------------- ------ - ----------------------- ----------- ------ ------- --- -------------------- ------------- -------- - -- ----- - ------------------- ---------------- - ------------------- --------- -- ------------- ---
Handlebars
Handlebars 是一个必须掌握的 JavaScript 模板引擎,它可以使得前端和后端交互,生成 HTML 页面。支持块状语法,可以像使用普通 HTML 一样使用,基于 Mustache 模板语言。
npm install handlebars --save
代码示例:
-- -------------------- ---- ------- ----- ------- - --------------------- ----- ---- - ---------------- ------------------------------------------ - ------- - ----------- --------------------- -- ---------- -------------------- -------- --- ---------------- ----------------- ------ - ------------------------------ ----------- ------ -------------- --- -------------------- ------------- -------- - -- ----- - ------------------- ---------------- - ------------------- --------- -- ------------- ---
Pug
Pug 原名 Jade 是一种强大的模板引擎。它使用类似于 Ruby 的缩进语法,可以让模板更加紧凑。它可以直接转换成 HTML 代码,而且还支持 JavaScript 嵌入,可以通过 #{}
语法实现。
npm install pug --save
代码示例:
-- -------------------- ---- ------- ----- ------- - --------------------- ----- ---- - ---------------- ------------------------------------------ - ------- - ---- -------------- -- ---------- -------------------- -------- --- ---------------- ----------------- ------ - ----------------------- ----------- ------ ------- --- -------------------- ------------- -------- - -- ----- - ------------------- ---------------- - ------------------- --------- -- ------------- ---
总结
Fastify 是一个非常优秀的 Web 框架,支持众多的模板引擎,具有出色的性能和强大的灵活性,可以满足前端开发者的不同需求。以上是常用的几种模板引擎的使用方法和代码示例,可以帮助开发者快速上手。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64c46d4f83d39b48817fa0b5