美文网首页
express app.js代码解读

express app.js代码解读

作者: 切磋琢磨_FE | 来源:发表于2018-01-23 06:01 被阅读0次

    在学习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来渲染该目录下的模板文件。

    模板引擎配置

    相关文章

      网友评论

          本文标题:express app.js代码解读

          本文链接:https://www.haomeiwen.com/subject/cctjaxtx.html