express app.js代码解读

2018-01-23  本文已影响0人  切磋琢磨_FE

在学习express的过程中,首先使用express 命令生成一个express骨架应用。

express 4.x以后将express命令独立到 express-generator包中,所以想使用express初始化项目目录,可以“install express-genrator”

命令如下(这里创建的目录名为myapp):

$ npm install express-generator -g // 安装 express-generator
$ mkdir myapp && cd myapp // 创建并进入myapp目录
$ express myapp  // 在myapp下生成 express 应用骨架

更详细的说明情参考此文档:express 应用生成器

初始化的项目中,会有一个app.js作为整个应用的入口文件,该程序代码如下:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});
module.exports = app;

此文对代码顶部引入模块的部分不做详细说明。

模板引擎配置

先来看看这段代码:

// view engine setup
app.set('views', path.join(__dirname, 'views'));  // 制定模板目录
app.set('view engine', 'jade');   // 设置模板引擎为jade

此段代码从注释看,是用来设置view engine 也就是界面引擎。从生成的目录结构可知,在myapp目录下会存在一个views目录,用于存放.jade格式的文档。是因为express初始化应用使用了jade作为模板引擎。

为了让express实例也就是app知道自己使用了jade作为模板引擎,所以这里需要“app.set('views', path.join(__dirname, 'views'));”告诉它模板的目录所在,而下一句“app.set('view engine', 'jade');”则告诉它应该使用jade来渲染该目录下的模板文件。

模板引擎配置
上一篇下一篇

猜你喜欢

热点阅读