Express框架

2022-05-24 08:16:00 浏览数 (1)

四、Express框架

1、Express框架简介及初体验

1.1 Express框架是什么

Express是一个基于Node平台的web应用开发框架,它提供了一系列的强大特性,帮助你创建各种Web应用。我们可以使用 npm install express 命令进行下载。

1.2 Express框架特性

提供了方便简洁的路由定义方式

对获取HTTP请求参数进行了简化处理

对模板引擎支持程度高,方便渲染动态HTML页面

提供了中间件机制有效控制HTTP请求

拥有大量第三方中间件对功能进行扩展

1.3 原生Node.js与Express框架对比之路由

代码语言:javascript复制
 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('抱歉, 您访问的页面出游了');
     }
 });

代码语言:javascript复制
 // 当客户端以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框架对比之获取请求参数

代码语言:javascript复制

 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)
    })); 
 });
    

代码语言:javascript复制
 app.get('/', (req, res) => {
    // 获取GET参数
    console.log(req.query);
 });

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

1.5 Express初体验

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

代码语言:javascript复制
 // 引入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);

0 人点赞