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>
  • 相关阅读:
    概率论
    Python3爬虫爬取淘宝商品数据
    利用Python数据分析基础
    Linux安装MATLAB2016a
    python3爬取高清壁纸(2)
    python3爬取高清壁纸(1)
    Git使用基础
    Python3基础
    正则表达式的使用基础
    Nginx配置多域名代理
  • 原文地址:https://www.cnblogs.com/longbky/p/9712247.html
Copyright © 2011-2022 走看看