express框架文件解析

最新推荐文章于 2023-07-02 10:14:24 发布

猫咪大大

最新推荐文章于 2023-07-02 10:14:24 发布

阅读量2.6k

点赞数

文章标签： express 框架

目录结构：

app.js：启动文件，或者说入口文件

package.json：存储着工程的信息及模块依赖，当在 dependencies 中添加依赖的模块时，运行

npm install，npm 会检查当前目录下的 package.json，并自动安装所有指定的模块

node_modules：存放 package.json 中安装的模块，当你在 package.json 添加依赖的模块并安装后，存放在这个文件夹下

public：存放 image、css、js 等文件

routes：存放路由文件

views：存放视图文件或者说模版文件

bin：存放可执行文件

路由规则：

express 封装了多种 http 请求方式，我们主要只使用 get 和 post 两种，即 app.get()和app.post() 。app.get() 和 app.post() 的第一个参数都为请求的路径，第二个参数为处理请求的回调函数，回调函数有两个参数分别是 req 和 res，代表请求信息和响应信息。路径请求及对应的获取路径有以下几种形式：

req.query：处理 get 请求，获取 get 请求参数

req.params：处理 /:xxx 形式的 get 或 post 请求，获取请求参数

req.body：处理 post 请求，获取 post 请求体

req.param()：处理 get 和 post 请求，但查找优先级由高到低为 req.params→req.body→req.query

一、app.js中：

这里我们通过require()加载了express、path 等模块,以及 routes 文件夹下的index. js和 users.js 路由文件。下面来讲解每行代码的含义。

(1) var app = express()：生成一个express实例 app。
(2)app.set(‘views’, path.join(__dirname, ‘views’))：设置 views 文件夹为存放视图文件的目录, 即存放模板文件的地方,__dirname 为全局变量,存储当前正在执行的脚本所在的目录。
(3)app.set(‘view engine’, ‘ejs’)：设置视图模板引擎为 ejs。
(4)app.use(favicon(__dirname + ‘/public/favicon.ico’))：设置/public/favicon.ico为favicon图标。
(5)app.use(logger(‘dev’))：加载日志中间件。
(6)app.use(bodyParser.json())：加载解析json的中间件。
(7)app.use(bodyParser.urlencoded({ extended: false }))：加载解析urlencoded请求体的中间件。
(8)app.use(cookieParser())：加载解析cookie的中间件。
(9)app.use(express.static(path.join(__dirname, ‘public’)))：设置public文件夹为存放静态文件的目录。
(10)app.use(‘/’, routes);和app.use(‘/users’, users)：路由控制器。
(11)

app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

捕获404错误，并转发到错误处理器。
(12)

if (app.get('env') === 'development') {
  app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error: err
    });
  });
}

开发环境下的错误处理器，将错误信息渲染error模版并显示到浏览器中。
(13)

app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error:{}
    });
  });

生产环境下的错误处理器，不会将错误信息泄露给用户。
(14)module.exports = app ：导出app实例供其他模块调用。

二、 bin/www 文件：

(1)#!/usr/bin/env node：表明是 node 可执行文件。
(2)var debug = require(‘debug’)(‘blog’)：引入debug模块，打印调试日志。
(3)var app = require(‘../app’)：引入我们上面导出的app实例。
(4)app.set(‘port’, process.env.PORT || 3000)：设置端口号。
(5)

var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

启动工程并监听3000端口，成功后打印 Express server listening on port 3000。

三、 routes/index.js 文件：

生成一个路由实例用来捕获访问主页的GET请求，导出这个路由并在app.js中通过app.use(‘/’, routes); 加载。这样，当访问主页时，就会调用res.render(‘index’, { title: ‘Express’ });渲染views/index.ejs模版并显示到浏览器中。

四、 views/index.ejs 文件：

在渲染模板时我们传入了一个变量 title 值为 express 字符串，模板引擎会将所有 <%= title %> 替换为 express ，然后将渲染后生成的html显示到浏览器中，如上图所示。

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
</html>