zoukankan      html  css  js  c++  java
  • Express使用art-template模板引擎

    第一步:安装

    npm install --save art-template
    npm install --save express-art-template

    第二步:指定.html使用的解析引擎(官方给出的是art)

    app.engine('解析文件的后缀名', require('express-art-template'))

    第三步:使用模板进行传值

    app.get('/', function (req, res) {
        res.render('index.html', {
            user: {
                name: 'admin',
           pad:'123456', list: [
    'art', 'template', 'nodejs'] } }); });

    注意:express-art-template 默认的渲染的目录是 views下面的,如果需要修改默认渲染路径如下:

    // 第一个参数 views 不能写错
    app.set('views', 目录路径)

    官方示例:

    var express = require('express');
    var app = express();
    app.engine('art', require('express-art-template'));
    app.set('view options', {
        debug: process.env.NODE_ENV !== 'production'
    });
    
    app.get('/', function (req, res) {
        res.render('index.art', {
            user: {
                name: 'aui',
                tags: ['art', 'template', 'nodejs']
            }
        });
    });

    html代码示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>标题</title>
    </head>
    <body>
        <div id="app">账号:{{name}}&emsp;密码:{{pwd}}</div>
        <ul>
            <li>下属</li>
            {{each list}}
            <li>{{$value}}</li>
        {{/each}}
        </ul>
    </body>
    </html>
  • 相关阅读:
    switch多分枝语句
    自动扫描判断数组奇偶 直接在控制台输入
    if else语句
    1231作业
    字符集和字符编码
    12.28作业
    置顶广告
    图片库
    js实现隔行换色及其鼠标滑过变色
    【转载】display:inline-block兼容ie6/7的写法
  • 原文地址:https://www.cnblogs.com/longbky/p/9712247.html
Copyright © 2011-2022 走看看