模板引擎ejs与html,后台模板引擎ejs与前台模板引擎artTemplate的简单介绍

动态网页是指前端页面当中的数据内容来源于后台数据库，前端的html代码会随着后台数据的变化而变化，是动态生成的。制作动态网页有两种方式，一种方式是在后台拿到前端的html模板，利用后台模板引擎(如ejs等)在后台完成数据与html模板的拼接，最后把拼接完成的完整html代码返回给前端。但是这种工作模式会逐步走向过时，因为它不符合前后端分离的趋势。而第二种方式则更加符合我们所提倡的前后端分离的概念，即后台只提供json数据，不做模板拼接的工作，前端通过ajax来向后台请求json数据，然后在前台利用前台模板引擎(如artTemplate等)完成数据与模板的拼接工作，从而生成完整的html代码。下面就详细介绍这两种模板引擎的常用用法。

一、后台模板引擎ejs

现在比较著名的后台模板引擎有ejs和jade。这两个都属于node的第三方模块包，都可以通过npm的方式进行下载，我们下面具体介绍ejs的用法。

1、下载并引包

在当前的项目文件夹下，用命令->npm install ejs来下载这个模块包。然后通过const ejs = require('ejs');来引包。

2、书写前端模板

由于之后要在后台完成模板拼接的工作，并且前端的数据也来源于后台，故对于前端模板，我们只需要根据ejs所需要的模板的语法规则，把之后要填入数据的部分用特殊的标识符标出即可。我们用来包裹在html代码当中出现的js代码，对于html代码当中需要数据输出的部分用来包裹表示，这些标识符内部出现的变量、数组、对象等均来源于后台数据。如index.html当中示例：

ejs-template

模板字符串

3、后台模板引擎完成模板拼接

我们将前端模板ind