关于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);

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理