zoukankan      html  css  js  c++  java
  • 在express站点中使用ejs模板引擎

    /玄魂

                                 目录

    express站点中使用ejs模板引擎    1

    前言    1

    1.1         安装    1

    1.2         修改app.js  2

    1.3         创建测试页面    2

     

    前言

    使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种方式,因为我觉得html本身的语义特性是我喜欢的,另外html本身也足够简洁,使用html自身做为模板语言更符合我的喜好,所以我选择ejs

     

    欢迎访问玄魂的博客

    1.1        安装

    在网站根目录启动控制台,输入

    npm install ejs

    程序包会安装到node_modules目录下

    1.2        修改app.js

    修改app.js view engine修改为ejs

    1.3        创建测试页面

    views文件夹中创建index.html,内容如下:

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="utf-8">

        <title>Pivotal Search</title>

        <meta name="description" content="">

        <meta name="author" content="">

     

        <!-- HTML5 shim, for IE6-8 support of HTML elements -->

        <!--[if lt IE 9]>

          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

        <![endif]-->

        <!-- styles -->

        <link href="stylesheets/style.css" rel="stylesheet">

     

    </head>

    <body>

           <%= title %>

    </body>

    </html>

    然后在router里修改index.js:

     

    exports.index = function(req, res){

      res.render('index', { title: '玄魂的测试代码' });

    };

    运行结果:

     

    原文链接:

    express站点中使用ejs模板引擎

    ps:对此文章感兴趣的读者,可以加qq群:Hacking:303242737;Hacking-2群:147098303Hacking-3群:31371755hacking-4:201891680;Hacking-5群:316885176

  • 相关阅读:
    追加上传
    反面教材 构造构造 json 数据
    Reading table information for completion of table and column names
    (原创)c#学习笔记04--流程控制03--分支03--switch语句
    (原创)c#学习笔记04--流程控制03--分支02--if语句
    (原创)c#学习笔记04--流程控制03--分支01--三元运算符
    (原创)c#学习笔记04--流程控制02--goto语句
    (原创)c#学习笔记04--流程控制01--布尔逻辑02--按位运算符
    (原创)c#学习笔记04--流程控制01--布尔逻辑01--布尔赋值运算符
    (原创)c#学习笔记03--变量和表达式04--表达式04--命名空间
  • 原文地址:https://www.cnblogs.com/xuanhun/p/3922847.html
Copyright © 2011-2022 走看看