node+express搭建过程以及安装ejs模板引擎解决方案

1、Node.js简介javascript

  1.Node.js是什么?前端

    Node.js 能够做为服务器向用户提供服务,与 PHP、Python、Ruby on Rails 相比,它跳过了 Apache、Nginx 等 HTTP 服务器,直接面向前端开发。Node.js 是一个让 JavaScript 运行在浏览器以外的平台。PS: Node.js 不运行在浏览器中,因此也就不存 在 JavaScript 的浏览器兼容性问题。java

  2.Node.js能够作什么?node

    Node.js 能作的远不止开发一个网 站那么简单,使用 Node.js,你能够轻松地开发:  具备复杂逻辑的网站;基于社交网络的大规模 Web 应用;Web Socket 服务器;TCP/UDP 套接字应用程序;命令行工具;交互式终端程序;带有图形用户界面的本地应用程序;单元测试工具;客户端 JavaScript 编译器。express

Node.js 最大的特色就是采用异步式 I/O 与事件驱动的架构设计。npm

2、安装Node.js、expressjson

  1.安装node浏览器

  node下载地址连接: https://nodejs.org/zh-cn/download/服务器

  安装完成以后,检查node的版本:网络

  2.安装express:

      安装命令:npm install -g express

  查看安装的版本: express --version

3、创建工程

  Express 在初始化一个项目的时候须要指定模板引擎,默认支持Jade和ejs,为了下降学 习难度咱们推荐使用 ejs; ——摘自《Node.js权威指南》

  1. 建立工程:当按照书上的命令行去执行时: express -t ejs projectName

 2. 安装install: 而后执行 cd projectName ,进入到你的项目中,执行 npm install ,进行安装,最后经过 npm start 启动项目;

虽然项目起来了,可是查看项目的目录文件,却发现跟本身想象的不同:明明是要用ejs模板的,结果执行命令后,发现是 jade模板;

而后我自做聪明的从新安装一下ejs模板,npm install ejs ,而后本身又把文件中 .jade 的文件,所有改为了之后缀为 .ejs 的,(多么的机智)

而后我在 layout.ejs 中,加上本身的模板内容, 而后从新启动项目,发现页面上却不能显示layout.ejs 的任何内容;

后来才得知: 在express 3.0以后的版本,执行 express -t ejs projectName ,默认使用的都是 jade模板;

3.使用ejs模板:

(1)若是要使用ejs 模板,需执行新的命令: express -e project2

r而后cd project2, npm install===> npm start:

打开项目目录查看:发现views文件夹下,没有了layout.ejs 文件:express3以上的版本把layout默认给取消了

(2) 安装了ejs后,如何使用ejs的layout模板 

  安装express-partials ,运行npm install express-partials 或者在 package.json 里面的 dependencies 添加 "express-partials": "*"。而后在项目目录下运行 npm install 。

而后在app.js 里面引用 express-partials,引用方法:

1.添加引用 var partials = require('express-partials');

2.在 app.set('view engine', 'ejs'); 下面添加 app.use(partials());

在须要引用模板的地方调用 layout:'模版名称' 示例:

app.get('/', function (req, res) {
 
res.render('index', {
 
title: '首页',
 
layout: 'template'
 
});
相关文章
相关标签/搜索