zoukankan      html  css  js  c++  java
  • express结合EJS模板渲染HTML

    注意:以下是在Windwo环境下 

    运行:

    npm install ejs

    然后你的目录node_modules下将增加ejs文件夹

    app.js

    var express = require("express");
    var app = express();
    
    //指定模板引擎
    app.set("view engine", 'ejs');
    //指定模板位置
    app.set('views', __dirname + '/views');
    
    //利用模板文件home.ejs渲染为html
    app.get("/", function(req, res) {
        res.render('home.ejs', {
            name: 'tinyphp'
        });
    });
    
    var server = app.listen(3000, function() {
        console.log("请在浏览器访问:http://localhost:3000/");
    });

    home.ejs ,模板写法可参考官方:http://www.embeddedjs.com/ 或:http://ejs.co/

    <html>
    <head>
    <title>my ejs template</title>
    </head>
    
    <body>
        <p>Hi <%= name %></p>
    </body>
    </html>

    node下app.js后,访问:http://localhost:3000/

     

    上面不想手动创建文件夹和文件的,可以参考以下命令:

    新建文件夹

    mkdir views

    新建文件

    cd.>home.ejs

    想必聪明的你会发现jade和ejs上调用过程是一样的,只是模板的写法不同。

    拽此查看jade的例子>>

  • 相关阅读:
    svn的使用
    补间动画和属性动画
    图片的处理
    在Android中来修改SQL里面的权限和显示内容
    两种Service如何一起使用
    HDU-1083
    HDU 2444
    HDU-1045 Fire Net
    hrbust
    UVA
  • 原文地址:https://www.cnblogs.com/tinyphp/p/4926699.html
Copyright © 2011-2022 走看看