swig模板引擎和ejs模板引擎

swig模板引擎的基本用法:

1. 变量

{{ name }}  //name名前后必须要加空格,不加就会报错

2. 属性

{{ student.name }}

3. 模板继承

swig使用extends和block来实现模板继承

首先定义一个模板

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{% block title %}{% endblock %}</title>
  {% block head %}{% endblock %}
</head>
<body>
  {% block content %}{% endblock %}
</body>
</html>
这个模板里面我们定义了三个block块,子模块可以对这三个block继承
然后写一个index.html继承这个模板
{% extends './layout.html' %}
{% block title %} index {% endblock %}
{% block content %}
  <div>
    <h1>hello swig</h1>
  <div>
{% endblock %}
4. include 模板
包含一个模板到当前位置,这个模板将使用当前上下文
 
ejs模板引擎
1. 变量
用<%=...%>输出变量,变量中包含< >&等字符会被转义
如果不希望变量值的内容被转义,那就用<%-...%>输出变量
2. 注释
<%# 注释内容%> // 注释 不执行不输出
3. include 
include可以引用绝对路径或相对路径的模板文件
4. 缓存
ejs默认是开启模板缓存。这样在一个页面中多次请求模板文件时,只会请求一次
可以通过代码设置是否开启缓存: EJS.config({cache:false});






原文地址:https://www.cnblogs.com/renxiao1218/p/9524561.html