写在前面

由于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. 日记——递归or搜索？

    好久没发博了,今天发一篇. 这两天学校功课比较紧,编程稍微放了放做题量. 抽空学了学深搜,感谢zah同学给我讲解dfs,浅显易懂,我很快就适应了. 做了几个基础题,没有想象中那么难(菜鸡BB,因为题简 ...

  2. 旧 WCF 项目成功迁移到 asp.net core web api

    背景 接上一篇,放弃了 asp.net core + gRPC 的方案后,我灵光一闪,为什么不用 web api 呢?不也是 asp.net core 的吗?虽然 RESTful 不是强约束,客户端写 ...

  3. 手把手教你在win10下搭建pytorch GPU环境（Anaconda+Pycharm）

    Anaconda指的是一个开源的Python发行版本,其主要优点如下: Anaconda默认安装了常见的科学计算包,用它搭建起Python环境后不用再费时费力安装这些包: Anaconda可以创建互相 ...

  4. 浏览器自动化的一些体会3 webBrowser控件之零碎问题

    1. 一般需要执行这一句:webBrowser1.ScriptErrorsSuppressed = true; 主要目的是禁止跳出javascript错误的对话框,否则会导致程序无法正确地跑下去.缺点 ...

  5. Spring Security拦截器加载流程分析--练气中期

    写在前面 上回我们讲了spring security整合spring springmvc的流程,并且知道了spring security是通过过滤器链来进行认证授权操作的.今天我们来分析一下sprin ...

  6. CentOS7升级系统内核至4.4.xx版本

    CentOS7.x系统自带的3.10.x内核存在一些Bugs,导致运行的Docker.kubernetes不稳定,建议升级内核,容器使用的坑会少很多 下载内核源 rpm -Uvh http://www ...

  7. mysql索引类型：FULLTEXT、NORMAL、SPATIAL、UNIQUE的区别

    1. Normal 普通索引 2. Unique 唯一索引 3. Full Text 全文索引 4. SPATIAL 空间索引 5. btree索引和hash索引的区别 6. 在实际操作过程中,应该选 ...

  8. 第5篇 Scrum冲刺博客

    1.站立式会议 1.1 会议图片 1.2 项目进展 成员 昨日任务 今日计划完成任务 陈忠明 歌曲信息的上传/下载包 歌曲批量下载压缩包 吴茂平 完善评论系统 新消息提醒功能设计 黄海钊 修改代码规范 ...

  9. latex:公式的上下标

    1.行内公式的上下标 在行间公式中,例如\[\max_{i}\]的排版结果是 而在行内公式中,$max_{i}$的排版结果为 ,如果要使其仍在正下方,可插入字体尺寸档次命令 $\displaystyl ...

  10. google protocol buffer——protobuf的使用特性及编码原理

    这一系列文章主要是对protocol buffer这种编码格式的使用方式.特点.使用技巧进行说明,并在原生protobuf的基础上进行扩展和优化,使得它能更好地为我们服务. 在上一篇文章中,我们展示了 ...