转自：https://blog.csdn.net/dongmelon/article/details/72403913

02.ejs。这是被include的文件

  1. <script>
  2. console.log("aaaa")
  3. </script>

01.ejs  模板文件ejs  注意：<% js语句 %>  <%= 取值到模板上面 %>  <%- include写法 %>

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title></title>
  6. </head>
  7. <body>
  8. <% for (var i=0;i<names.length;i++){ %>
  9. <h1><%= names[i] %></h1>
  10. <% } %>  //js循环语句加取值
  11. <%- include("./htdocs/views/02.ejs") %>  //include其他文件这样可以把公共东西写一起
  12. </body>
  13. </html>

app.js

  1. var ejs=require("ejs");
  2. var express=require('express')
  3. var app=express();
  4. console.log(__dirname);
  5. app.get("/open",function(req,res){
  6. str=require("fs").readFileSync(__dirname+"/views/01.ejs","utf8")  //先读文件
  7. var html=ejs.render(str,{
  8. names:["cd","lw"],       //第一个参数是给ejs渲染的内容
  9. filename:__dirname       //第二个参数是设置include路径的 不写就找不到 报错
  10. })                           //渲染html
  11. console.log(html)
  12. res.send(html)           //发送给客户
  13. })
  14. app.listen(3000,function(){
  15. console.log("server is running")
  16. })

另外一种js写法可以用res.render();

    1. <span style="font-size:14px;">var ejs=require("ejs");
    2. var express=require('express');
    3. var path=require("path")
    4. var app=express();
    5. app.set('views', path.join(__dirname, 'views'));
    6. app.set('view engine', 'ejs');     //<u>这是ejs配置 不配置也行默认在views文件下</u>
    7. console.log(__dirname);
    8. app.get("/open",function(req,res){
    9. res.render("b.ejs",{
    10. names:["cd","lw"]      //第一个参数是给ejs渲染的内容
    11. //filename:__dirname     //第二个参数是设置include路径的 不写就找不到 报错
    12. })
    13. })
    14. app.listen(3000,function(){
    15. console.log("server is running")
    16. })</span>

62.nodejs中的ejs模板学习的更多相关文章

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

    在express站点中使用ejs模板引擎 文/玄魂 目录 在express站点中使用ejs模板引擎 前言 1.1         安装 1.2修改app.js 1.3创建测试页面 前言 使用 vs创建 ...

  2. NodeJS中使用swig模板引擎

    NodeJS中的默认引擎是jade有点过于复杂,而且不是以HTML为基础的,学习成本和前端适应成本都很大.而ejs虽然简单,但不支持模板导入,而且效率一般. swig的语法简单,学习成本很低,符合常规 ...

  3. nodejs中引入art-template模板

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

  4. Express中的Ejs模板传值问题

    在Ejs模板传值过程中,route下的变量值通过res.sender()中的变量参数传给views, 这时在views中若该变量在javascript代码中使用,可直接使用该变量,不必使用<% ...

  5. Nodejs下express+ejs模板的搭建

    nodejs的环境配置,这里就不做说明了.在nodejs安装后的步骤在这里说明一下 首先 全局安装express  npm install -g express-generator 安装ok后,接着 ...

  6. 学习篇：NodeJS中的模板引擎：jade

    NodeJS 模板引擎作用:生成页面 在node常用的模板引擎一般是 1.jade --破坏式的.侵入式.强依赖(对原有的html体系不友好,走自己的一套体系)2.ejs --温和的.非侵入式的.弱依 ...

  7. Express框架中如何引用ejs模板引擎

    1.如何在项目中安装ejs模板引擎 在NodeJS指南中利用利用以下命令建立网站的基本结构: express -t ejs microblog 运行这个命令后继续运行 cd microblog &am ...

  8. 前端笔记之NodeJS（三）Express&ejs模板引擎&请求识别

    一.Express框架 1.1基本使用 创建http服务器特别麻烦,express框架解决了这个的问题. Express在node界的地位,就相当于jQuery在DOM界的地位.jQuery的核心就是 ...

  9. Node.js学习笔记(七) --- Node.js的静态文件托管、路 由、EJS 模板引擎、GET 、POST

    1 . Nodejs 静态文件托管静态 web 服务器封装 2 . 路由 官方解释:  路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET.POST 等)组成的, ...

随机推荐

  1. 如何安装MySQL?（二）

    MYSQL的两种安装方式 MSI安装 ZIP安装 第一步: 第二步: 第三步: 这里我选择下载到桌面吧! 第四步: 第五步: 第六步: 第七步: 典型安装:除了安装MySQL的服务器,还安装MySQL ...

  2. 虚拟机下安装mysql

    虚拟机下CentOS6.8下安装MYSQL5.6 方法: 整理修改于 http://www.cnblogs.com/liuyi2614/p/6382183.html 开始时: 普通用户是$ root用 ...

  3. P3157 [CQOI2011]动态逆序对 CDQ分治

    一道CDQ分治模板题简单来说,这道题是三维数点对于离线的二维数点,我们再熟悉不过:利用坐标的单调递增性,先按更坐标排序,再按纵坐标排序更新和查询时都直接调用纵坐标.实际上,我们是通过排序将二维中的一维 ...

  4. yii2.0缓存篇之页面缓存

    页面缓存: 如果整个页面都不会发生改变,就可以使用页面缓存缓存整个页面. public function behaviors(){            //此方法[也叫行为]会提前控制器内其他方法执 ...

  5. 使用 init-runonce脚本创建一个 openstack云项目

    source /etc/kolla/admin-openrc.sh cd /usr/share/kolla-ansible ./init-runonce 报错内容 Traceback (most re ...

  6. python学习---【__all__】

    python包中都会有一个__init__.py的模块,这个模块是区分该父文件是一个python包,或是一个文件目录.这个__init__.py可以是空,也可以添加内容,最常见的就是其中的__all_ ...

  7. js中数组增删查改unshift、push、pop、shift、slice、indexOf、concat、join

    js中数组增删查改unshift.push.pop.shift.slice.indexOf.concat.join

  8. 水池接雨水的经典问题I&II

    https://leetcode.com/problems/trapping-rain-water https://leetcode.com/problems/trapping-rain-water- ...

  9. ORA-12514: TNS: 监听程序当前无法识别连接描写叙述符中请求的服务

    不指定数据库能够正常连接: 指定数据库和使用PL/SQL Developer都出现错误: 在此说明一下我的环境:Oralce装的是64位的在使用PL/SQL Developer时曾出现过初始化错误,解 ...

  10. Java接口源码--System和应用程序进程间通信

    本文參考<Android系统源代码情景分析>.作者罗升阳 一.架构代码: ~/Android/frameworks/base/core/java/android/os ----IInter ...