signed

QiShunwang

“诚信为本、客户至上”

express框架的使用

2020/12/30 3:02:49   来源:

Express框架
我们的ajax需要对服务端发对请求,所以我们需要这个服务端接收和发送

Express的基本使用
使用终端进入文件夹中(ajaxtest

1.初始化node.js

npm init --yes

将会自动创建package.json文件

解释:npmnode.js平台下的一个包管理工具
在这里插入图片描述

2.安装express

npm i express

安装完毕之后将会自动创建node_modules文件夹package-lock.json文件
在这里插入图片描述

3.创建项目文件夹
在文件夹中(ajaxtest)创建一个testhtml文件夹
并在testhtml文件夹创建html文件夹js文件夹
html文件夹中创建index.html文件(目前还没有写入代码)
js文件夹中创建(express基本使用.js)文件(下面的代码为写入的代码)

在这里插入图片描述

(express基本使用.js)

// 1. 引入express
const express = require('express');

// 2.创建对象
const app = express();

// 3.创建路由规则  里面的形参 request与response   (自己可以随便定义名字的)
//  建议写成  request与response  因为可以见名思意,方便自己看
// request  对请求报文的封装
// responst 对响应报文的封装

app.get('/', (request, response)=>{
    // 设置响应
    response.send('HELLO EXPRESS express');

});

// 4. 监听端口启动服务
// 这里listen(8000)后面添加了一个回调,用来提示,告诉自己是否监听成功
app.listen(8000, ()=>{
    console.log("服务已经启动,8000端口监听中......");
});

启动服务
在终端中执行(位置-js文件夹中)

node express基本使用.js

在这里插入图片描述在这里插入图片描述

打开网页
127.0.0.1:8000

查看F12
查看最基本的请求报文和响应报文

在这里插入图片描述和响应体
在这里插入图片描述