Express框架（一）——入门

Express框架是什么？

Express框架是一个基于Node平台的Web应用开发框架，使用原生JS创建服务器，太过麻烦，所以Express框架提供了一系列的强大功能，帮助你创建各种Web应用。

Express框架的安装

在项目的目录下面使用下面的命令下载Express框架。

npm install express

Express的特点

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

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

3.对模板引擎支持程度高，方便绚烂动态的HTML页面

4.提供了中间件机制，有效的控制了HTTP请求

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

原生的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路由");
});

很显然使用Express的代码更加清晰！

下面使用一个小样例：

1.本人使用的是HBuilder，在里面新建一个空的项目命名为express_demo

2.Windows电脑启动powershell，切换目录至创建的文件夹下面，使用命令 npm install express，下载express框架！

3.新建demo01.js，代码如下:

//引入express框架
const express = require('express');
//创建网站服务器
const app = express();


app.get('/', (req, res) => {
   //send()方法
   //1.send()方法内部会检测响应内容的类型
   //2.send()方法会自动设置HTTP状态码
   //3.send()方法会帮我们自动设置响应的内容类型及编码
    res.send("Hello Express"); 
});

app.get('/list', (req, res) => {
    res.send({name:"Tensorflow",age:19});
});


app.listen(3000);
console.log("网站服务器创建成功!!!"); 

4.再在powershell中使用：

node demo01.js

5.打开浏览器，输入localhost:3000

6.输入localhost:3000/list

注：JSON格式是CSDN的插件优化了！！！，力推CSDN插件，好评，hhh~~~

本章是本人的学习笔记，刚刚开始跟着视频学习express，大佬勿喷！