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

  • 相关阅读:
    程序数据校验
    修改文件名后,pip命令报错:Fatal error in launcher: Unable to create process using
    算法竞赛平台
    连续子数组的元素之和最大值
    【数学计算】圆周率
    使用DOS命令关闭tomcat端口(其他服务也是可以的)
    微软project文件mpp解析
    关于读取上传文件问题的两个解决办法
    关于office在卸载了某一应用之后无法试图使用的功能所在的网络位置
    关于eclipse的一些问题
  • 原文地址:https://www.cnblogs.com/xuanhun/p/3922847.html
Copyright © 2011-2022 走看看