乐趣区

关于npm:Express框架学习一

1.1 Express 框架是什么

Express 是一个基于 Node 平台的 web 利用开发框架,它提供了一系列的弱小个性,帮忙你创立各种 Web 利用。咱们能够应用 npm install express 命令进行下载。

1.2 Express 框架个性
  • 提供了不便简洁的路由定义形式
  • 对获取 HTTP 申请参数进行了简化解决
  • 对模板引擎反对水平高,不便渲染动静 HTML 页面
  • 提供了中间件机制无效管制 HTTP 申请
  • 领有大量第三方中间件对性能进行扩大
1.3 原生 Node.js 与 Express 框架比照之路由

原生 Node.js

 app.on('request', (req, res) => {
     // 获取客户端的申请门路
     let {pathname} = url.parse(req.url);
     // 对申请门路进行判断 不同的门路地址响应不同的内容
     if (pathname == '/' || pathname == 'index') {res.end('欢送来到首页');
     } else if (pathname == '/list') {res.end('欢送来到列表页页');
     } else if (pathname == '/about') {res.end('欢送来到对于咱们页面')
     } else {res.end('道歉, 您拜访的页面出游了');
     }
 });

Express 框架

 // 当客户端以 get 形式拜访 / 时
 app.get('/', (req, res) => {
     // 对客户端做出响应
     res.send('Hello Express');
 });

 // 当客户端以 post 形式拜访 /add 路由时
 app.post('/add', (req, res) => {res.send('应用 post 形式申请了 /add 路由');
 });
1.4 原生 Node.js 与 Express 框架比照之获取申请参数

原生 Node.js

 app.on('request', (req, res) => {
    // 获取 GET 参数
    let {query} = url.parse(req.url, true);
    // 获取 POST 参数
    let postData = '';
    req.on('data', (chunk) => {postData += chunk;});
    req.on('end', () => {console.log(querystring.parse(postData)
    })); 
 });

Express 框架

 app.get('/', (req, res) => {
    // 获取 GET 参数
    console.log(req.query);
 });

 app.post('/', (req, res) => {
    // 获取 POST 参数
    console.log(req.body);
 }) 
1.5 Express 应用

应用 Express 框架创立 web 服务器及其简略,调用 express 模块返回的函数即可。

 // 引入 Express 框架
 const express = require('express');
 // 应用框架创立 web 服务器
 const app = express();
 // 当客户端以 get 形式拜访 / 路由时
 app.get('/', (req, res) => {
    // 对客户端做出响应 send 办法会依据内容的类型主动设置申请头
    res.send('Hello Express'); // <h2>Hello Express</h2> {say: 'hello'}
 });
 // 程序监听 3000 端口
 app.listen(3000);
退出移动版