zoukankan      html  css  js  c++  java
  • nodejs中引入art-template模板

    使用Webstorm创建nodejs express应用时,默认使用的是jade或者ejs模板,对于不习惯这两种模板语法的人来说确实不是很方便。没关系,这里我们使用art-template模板引擎,使用后可以直接使用html模板:

    1、安装art-template

    npm install art-template

    2、修改app.js文件,添加如下代码:

    // view engine setup
    app.set('views', path.join(__dirname, 'views'));
    var template = require('art-template');
    template.config('base', '');
    template.config('extname', '.html');
    app.engine('.html', template.__express);
    app.set('view engine', 'html');

    3、然后直接创建html页面,js路由便可以直接访问了

    4、关于art-template的使用,可以参见http://www.jq22.com/jquery-info1097

    首先在app.js中添加如下路由拦截:

    var routes = require('./routes/index');
    
    ...
    
    app.use('/', routes);

    然后是index.js文件:

    var express = require('express');
    var router = express.Router();
    var tags = require('../modules/tag.js');
    
    router.get('/', function(req, res, next) {
        res.render("index2",{title:"index2",content:"index2's content"});
    });
    
    module.exports = router;

    这里我跳转到index2页面(配置好了art-template模板引擎后,视图层默认文件后缀即为html),index2.html页面如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>{{title}}</title>
    </head>
    <body>
    {{content}}
    </body>
    </html>

    运行应用,浏览器输出如下:

  • 相关阅读:
    缅怀
    74LS164的使用
    跑步
    Datasheet,你会读么?[转]
    清华附小给的书单
    iOS-小知识
    网络-GET&POST
    网络-基础
    网络-HTTP其他常见方法
    数据解析
  • 原文地址:https://www.cnblogs.com/vipzhou/p/4948692.html
Copyright © 2011-2022 走看看