写在前面

由于Express升级到4.0，将ejs的用法忽略，改为用户自定义形式，所以要引入库index.js作为引擎，来支持ejs的模板引擎(点击下载)。

首先是建立一个名字叫nodeitem，引擎为ejs的express模板

$　express  -e nodeitem

$     cd nodeitem

自动安装所指定的依赖

$     npm install

$     ls

把index.js文件上传到expand_modules/ejs里面去，上传文件可安装lrzsz

$     tree  expand_modules/

$     vim  app.js

因为我使用的的express3，我的app.js不是入口文件，退出vim

$    cat package.json

我的入口文件是 ./bin/www，想要修改也不难，只需要在app.js文件里添加如下代码即可

　app.set("port",process.env.PORT || 3000);

　　http.createServer(app).listen(app.get("port"),function (){

　　console.log("this is"+app.get("port"));

　　})

　　$    node app.js

　　建立模板

$     vim  app.js

//引入引擎

var engine = require("./expand_modules/ejs/index.js");

//改变中间量及参数

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'ejs');

app.set("port",process.env.PORT  || 2000);

app.use(favicon());

app.use(logger('dev'));

app.use(bodyParser.json());

app.use(bodyParser.urlencoded());

app.use(cookieParser());

app.use(express.static(path.join(__dirname, 'public')));

app.use(app.router);

//在app中调用engine函数改造引擎，模板引擎在显示层的名字叫layout.ejs

app.engine("ejs",engine);

app.locals._layoutFile="layout";

//路由控制w

app.get('/', routes.index);

app.get("/abc",routes.abc);

app.get("/u/:user",routes.user);

app.get("/post",routes.post)

app.get("/reg",routes.reg);

app.get("/doReg",routes.doReg);

app.get("/login",routes.login);

app.get("/doLogin",routes.doLogin);

app.get("/logout",routes.logout);

app.get('/users', users.list);

　　路由选择

$     cd routes && vim index.js

　　

　　查看显示层

　　$     cd views  &&  ls　

　　　$    vim layout.js

　　ejs文件类似于html文件，只需要在html文件的<body>标签里面加入自己设置的模板元素即可。下面是一个例子，最关键的是要在<body>标签里面加入<%-body%>  为了显示原始HTML内容

　

　　$     vim  login.ejs

　　 只需要把你想要添加到layout模板里面的html文件的<body>标签内容写入ejs文件即可   模板layout中<%-body%> 会自动解析为html，并予以显示。上面文件只是一个例子。

　　写在最后

　　   ejs引擎书写方式特别像html，但是他有一个缺点就是不支持模板继承，想要模板继承可以使用jada引擎。要想知道两者更加详细的区别，这是飞机票。

　　

Express下ejs的视图模板引擎的建立的更多相关文章

  1. 【转】在Express项目中使用Handlebars模板引擎

    原文:http://fraserxu.me/2013/09/12/Using-Handlebarsjs-with-Expressjs/ 最近在用Expressjs做一个项目,前后端都用它来完成.自己之 ...

  2. Express开发实例(2) —— Jade模板引擎

    前一篇通过helloworld,简单介绍了Express中的开发,本篇继续深入的学习express的模板. 关于Jade的用法,网上有很多,本篇参考:Jade语法 安装相关模块 在实验代码前,应该先安 ...

  3. 后台模板引擎ejs与前台模板引擎artTemplate的简单介绍

    动态网页是指前端页面当中的数据内容来源于后台数据库,前端的html代码会随着后台数据的变化而变化,是动态生成的.制作动态网页有两种方式,一种方式是在后台拿到前端的html模板,利用后台模板引擎(如ej ...

  4. Express 中配置使用 art-template模板引擎

    art-template 官网 https://aui.github.io/art-template/ 安装: npm install --save art-template npm install ...

  5. 视图模板引擎——Vue【双向绑定】原理剖析

    首先我们来了解一下MVC.MVP.MVMM这三大架构模式在前端角度上的理解. MVC分别是 Model(模型).View(视图).Controller(控制器)三个模块.View(视图层)最主要完成前 ...

  6. express中ejs模板引擎

    1.在 app.js 中通过以下两个语句设置了 引擎类型 和页面模板的位置: app.set('views', __dirname + '/views'); app.set('view engine' ...

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

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

  8. express搭建web服务器、路由、get、post请求、multer上传文件、EJS模板引擎的使用

    express官网 postman工具下载地址  multer的npm文档地址 express模板引擎怎么使用  地址:http://www.expressjs.com.cn/guide/using- ...

  9. Express全系列教程之(十一)：渲染ejs模板引擎

    一.简介 相比于jade模板引擎,ejs对原HTML语言就未作出结构上的改变,只不过在其交互数据方面做出了些许修改,相比于jade更加简单易用.因此其学习成本是很低的.您也可参考ejs官网:https ...

随机推荐

  1. 虚拟化技术之kvm管理工具virsh常用基础命令（一）

    在上一篇博客中,我们了解了KVM基础架构和部署以及图形管理工具virt-manager安装虚拟机的过程,回顾请参考https://www.cnblogs.com/qiuhom-1874/p/13499 ...

  2. es数据库基本操作

    1.es建立索引: curl -XPUT 'http://10.xx.xx.xx:9200/索引名称' 2.es查询所有索引: curl -XGET 'http://10.xx.xx.xx:9200/ ...

  3. Go 编译器内部知识：向 Go 添加新语句-第 2 部分

    这是探讨 Go 编译器两篇文章的最后一篇.在第 1 部分中,我们通过构建自定义的编译器,向 Go 语言添加了一条新语句.为此,我们按照此图介绍了编译器的前五个阶段: 在"rewrite AS ...

  4. Unix I/O

    Unix I/O 打开文件 一个应用程序通过要求内核打开相应的文件,来宣告它想要访问一个I/O设备.内核返回一个小的非负整数,叫做描述符,它在后续对此文件的所有操作中标识这个文件.内核记录有关这个打开 ...

  5. 如何在Linux上使用xargs命令

    大家好,我是良许. 在使用 Linux 时,你是否遇到过需要将一些命令串在一起,但是其中一个命令不接受管道输入的情况呢?在这种情况下,我们就可以使用 xargs 命令.xargs 可以将一个命令的输出 ...

  6. python3.6和pip3：Ubuntu下安装升级与踩坑之路

    本文以Ubuntu16.x系统为例,演示如何安装python3.6和相应环境.安装Python3的机器必须要能访问外网才能进行如下操作! 1. 安装方式 在Ubuntu下安装python有两种方式: ...

  7. 集成学习小结（RF、adaboost、xgboost）

    目录 回顾监督学习的一些要素 集成学习(学什么) bagging boosting 梯度提升(怎么学) GBDT Xgboost 几种模型比较 Xgboost 与 GBDT xgboost 和 LR ...

  8. SDWebImage 清除磁盘缓存机制 iOS

    分析的版本 pod 'SDWebImage', '~> 5.0.6' SDWebImage默认清除磁盘缓存的时长是7天. /** * The maximum length of time to ...

  9. laravel kernel解析过程

    laravel kernel解析过程 前面的两篇laravel文章过后,可以在bootstrap/app.php中拿到$app这个实例, app.php中 接下来通过singleton方法绑定了三个闭 ...

  10. Android开发利用shareSDK等第三方分享，弹出的是英文名称。例如Genymotion模拟器

    作者:程序员小冰,CSDN博客:http://blog.csdn.net/qq_21376985 Android开发利用shareSDK等第三方分享,弹出的是英文名称.例如Genymotion模拟器就 ...