使用Express构造一个web服务器

ES6模块化

  1. 可以在js中应用其他的文件

  2. 避免命名冲突

  3. 开发的过程中,需要其他模块支持的时候,直接在模块内调用目标模块就可以了

  4. 需要在初始化文件中配置,配置之后,只能使用ES6模块化语法,不能在使用CommonJS语法

在这里插入图片描述

  1. 默认导入和导出总结:

    导出:

    默认导出的语法:export default 默认导出的成员

    按需导出的语法:export let xx = 值

    导入:

    默认导入的语法:import 接收名称 from '模块路径'

    按需导入的语法:import { xx, yy, zz} from '模块路径'

    直接导入模块:import '模块的路径

    注意:

    每个模块中,只允许使用唯一的一次export default

    默认导入时的接收名称可以任意名称,只要是合法的成员名称即可

常见的异步任务

  • 事件
  • 定时器
  • Ajax请求
  • 文件操作
  • 数据库操作

一般使用回调函数来获取异步任务的结果

js执行机制

  • js代码开始执行,主线程执行栈会把任务分为两类

  • 一类是同步任务,一类是异步任务,主线程执行栈优先执行同步任务

  • 异步任务会被放入特定的处理程序中,满足条件后,被放到消息/(任务/事件)队列中

  • 主线程执行栈中所有的同步执行任务完毕之后,通过事件循环去消息(任务/事件)队列中

  • 挑选优先满足条件的程序,放入主线程执行栈执行,事件循环,周而复始,一直执行

  • js优先执行同步代码,异步代码中的微任务先执行,后执行异步中的宏任务then属于异步里面的微任务, 定时器属于异步里的宏任务

express介绍

  • Express 是一个第三方模块,用于快速搭建服务器(替代http模块)

  • Express 是一个基于 Node.js 平台,快速、开放、极简的 web 开发框架

  • Express保留了http模块的基本API,使用express的时候,也能使用http的API

    • 使用express的时候,仍然可以使用http模块的方法,比如 res.end()、req.url
  • 作用:可以快速方便的搭建服务器

下载express

注意:express不能安装在express文件夹中。否则安装失败。

	npm i express@4.17.1

使用Express构造一个web服务器

// express的功能:就是让自己的电脑变成服务器

//1.导入模块
import express from 'express'
//2.创建服务器
let app = express()
// 编写接口
app.get('/api/getbooks', (req, res) => {
    //req 是请求对象
    //res 是响应对象
    res.end('hellow! 获取图书成功') //只接受字符串  其他文字会乱码
})
app.post('/api/addbook', (req, res) => {
    res.send({ //send是express模块新增方法,可以识别中文,任何数据都可以转换为字符串类型
        code: 200,
        msg: '添加图书成功',
        data: ['张三', '李四', '王五']
    })
})



//3.开启服务器
app.listen(8888, () => {
    console.log('服务器启动成功,请访问: http://localhost:8888')
})

res.end('hellow! 获取图书成功') //只接受字符串 其他文字会乱码

res.send({ //send是express模块新增方法,可以识别中文,任何数据都可以转换为字符串类型})

请求体参数(get/delect常用)

  • 查询参数:req.query
  • 路由参数:req.params
  • 请求体参数:req.bodypost/put常用
app.use( express.urlencode() );    对应  content-type: application/x-www-form-urlencoded	     
app.use( express.json() );         对应  content-type: application/json                         
const upload = multer({ dest: 'uploads/' });   (需要下载)
app.use( upload.single('avatar') );   	对应  multipart/form-data     (了解)

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值