Node.js(三)Express

已于 2022-04-16 16:14:04 修改
阅读量335 收藏
点赞数
分类专栏： # Node 文章标签： web
于 2022-04-12 16:13:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52986400/article/details/124121615
版权

文章目录

一、初识Express

1.1什么是Express

Express是基于Node.js平台，快捷、开放、极简的Web开发框架。
通俗的说：Express的作用和Node.js内置的http模块类似，专门用来创建Web服务器的
Express的本质：就是一个npm上的第三方包，提供了快捷创建Web服务器的便捷方法。
Express中文官网:https://www.expressjs.com.cn/
2进一步理解Express
(1)不要Express也可以创建Web服务器，使用Node提供的http模块即可。
（2）http内置模块用起来复杂，开发效率低；Express是基于内置的http模块进一步封装出来的，能够极大的提高开发效率。
（3）http与Express就像Web API 与jQuery的关系
3.Express能做什么？
对于前端程序员，最常用两种服务器，分别是：

  • Web网站服务器：专门对外供Web网页资源的服务器
  • API接口服务器：专门对外供API接口的服务器
    使用Express，我们可以快速创建这两种服务器

1.2Express的基本使用

1.安装
在项目所处的目录中运行如下的终端命令，即可将express安装到项目中使用：

npm i express@4.17.1

2.创建基本的Web服务器

// 1.导入express
const express = require('express')

// 2.创建web服务器
const app = express()
// 3.启动web服务器
app.listen(80,()=>{
    console.log('express server runing at http://127.0.0.1 ')
})

3.监听GET请求
通过app.get()方法，可以监听客户端的GET请求，

4.监听POST请求

通过app.post()方法，可以监听客户端的POST请求
5.把内容响应给客户端
通过res.send()方法，可以把处理好的内容，发送给客户端

// 1.导入express
const express = require('express')

// 2.创建web服务器
const app = express()
// 3.启动web服务器
app.listen(80,()=>{
    console.log('express server runing at http://127.0.0.1 ')
})
//监听客户端的GET请求
app.get('/user',(req,res)=>{
    //调用express提供的res.send()方法，向客户端响应一个JSON对象
    res.send({name:'zs',age: 20,gender:'男'})
})
app.post('/user',(req,res)=>{
    res.send('请求成功')
})

用Postman进行测试
在这里插入图片描述
6.获取URL中携带的查询参数
通过req.query对象，可以访问到客户端通过查询字符串的形式，发送到服务器的参数：

app.post('/user',(req,res)=>{
    res.send('请求成功')
})
app.get('/',(req,res)=>{
    //通过req.query可以获取客户端发送过来的查询参数
    console.log(req.query)
    res.send(req.query)
})

7.获取URL中的动态参数
通过req.params对象，可以访问到URL中，通过：匹配到的动态参数；

app.get('/user/:id/:name',(req,res)=>{
    //req.params
    console.log(req.params)
    res.send(req.params)
})

1.3托管静态资源

1.托管静态资源
express提供了一个非常好用的函数，叫做express.static()通过它，我们可以非常方便的创建一个静态资源服务器，例如，通过将public目录下的图片，css文件,js文件对外开放访问：
在这里插入图片描述
注意：
Express指定静态目录

const express = require('express')
const app = express()

app.use(express.static('./clock'))
app.listen(80,()=>{
    console.log('express running at http://127.0.0.1')
})

2.托管多个静态资源目录
如果要托管多个静态资源目录，只要多次调用express.static()函数、
按书写顺序显示
3.挂载路径前缀
如果希望在托管的静态资源访问路径之前，挂载路径前缀，则可以使用
在这里插入图片描述

1.4nodemon

1.为什么使用nodemon
在编写调试Node.js时，如果修改了代码，则需要手动close并重启，麻烦，它可以监听项目文件变动，自动帮我们重启项目。
2.安装nodemon
在终端运行

npm install -g nodemon

3.使用nodemon
当基于node写了一个网站应用的时候，传统是运行node app.js命令，来启动项目。这样需要手动重启项目
现在可以将node换位nodemon，代码修改后，自动重启

二、Express路由

2.1路由的概念

生活实例
在这里插入图片描述
3.Express中的路由
指的是客户端的请求与服务器处理函数之间的映射关系
由3部分组成，分别是请求的类型，请求的URL地址，处理函数

app.METHOD(PATH,HANDLER）

4.路由实例
在这里插入图片描述
5.路由的匹配过程
每当一个请求到达服务器之后，需要先经过路由的匹配，只有匹配成功之后，才会调用对应的处理函数。
在匹配时，会按照路由的顺序依次进行匹配，如果请求类型和请求的URL匹配成功时，express会将这次请求转交给function函数进行处理。
在这里插入图片描述

2.2路由的使用

1.最简单的用法
在简单的路由就是把路由挂载到app上，

const express = require('express')
const app = express()

//挂载路由
app.get('/',(req,res)=>{
    res.send('hello world')
})
app.post('/',(req,res)=>{
    res.send('post request')
})
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

2.模块化路由
为了方便对路由进行模块化的管理，express不建议将路由直接挂载到app上，而是推荐将路由抽离为单独的模块
（1）创建路由模块对应的.js文件
（2）调用express.Router()函数创建路由对象
（3）向路由对象上挂载具体的路由
（4）使用module.exports向外共享路由对象
（5）使用app.use()函数注册路由
3.路由模块

//这是路由模块
//1.导入express
const express = require('express')
// 2.创建路由对象
const router = express.Router()

// 3.挂载具体的路由
router.get('/user/list',(req,res)=>{
    res.send('Get user list')
})
router.post('/user/add',(req,res)=>{
    res.send('Add new user.')
})

// 4.向外导出路由对象
module.exports=router

4.注册路由模块

const express = require('express')
const app = express()

// 1.导入路由模块
const router = require('./03router')
// 2.注册路由模块
app.use(router) //app.use()用来注册全局中间件
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

5.为路由模块添加前缀
类似于托管静态资源，为静态资源同意挂载访问前缀一样，路幺幺模块添加前缀的方式也很简单：

app.use('/api',router)

在这里插入图片描述

三、Express中间件

2.现实生活例子
处理废水流程
在这里插入图片描述
3.Express中间件的调用流程
当请求到大Express的服务器时，可以连续调用多个中间件，从而对这次请求进行预处理
在这里插入图片描述
4.Express中间件的格式
Express的中间件，本质上就是一个function处理函数，格式如下：
在这里插入图片描述
中间件函数的形参列表中，必须包含next参数，而路由处理函数只包含req和res.
5.next函数的作用
next函数是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由。

3.2Express中间件的初体验

1.定义中间件函数
可以通过如下的方式，定义一个最简单的中间件函数：

const express = require("express")

const app = express()

//定义一个简单的中间件函数
const mw = function(req,res,next){
    console.log('这是最简单的中间件函数')
    //把流转关系，转交给下一个中间件或路由
    next()
}

app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

2.全局生效的中间件

客户端发起的任何请求，到达服务器，都会触发的中间件，叫做全局生效的中间件。
通过调用app.use(中间件函数)，即可定义一个全局生效的中间件。

const express = require("express")

const app = express()

//定义一个简单的中间件函数
const mw = function(req,res,next){
    console.log('这是最简单的中间件函数')
    //把流转关系，转交给下一个中间件或路由
    next()
}
//将mw注册为全局生效中间件
app.use(mw)
app.get('/',(req,res)=>{
    console.log('调用了/这个路由')
    res.send('Home page.')
})
app.post('/user',(req,res)=>{
    console.log('调用了/User这个路由')
    res.send('User page')
})

app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

3.定义全局中间件的简化形式

//全局生效的中间件
app.use(function(req,res,next){
	console.log('这是一个最简单的中间件函数')
	next()
	})

4.中间件的作用
多个中间件之间，共享同一份req和res，基于这样的特性，我们可以在上游的中间件中，统一为req或res对象添加自定义属性或方法，供下游的中间件或路由进行使用。
在这里插入图片描述
5.定义多个全局中间件

使用app.use()连续定义多个全局中间件
const express = require('express')
const app = express()

//定义第一个全局中间件
app.use((req,res,next)=> {
    console.log('调用了第1个全局中间件')
    next()
})
//定义第二个全局中间件
app.use((req,res,next)=> {
    console.log('调用了第2个全局中间件')
    next()
})

app.get('/user',(req,res)=>{
    res.send('User page')
})
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

在这里插入图片描述
6.局部生效的中间件
不使用app.use()定义的中间件，叫做局部生效的

中间价</font>
const express = require('express')
const app = express()

// 1.定义中间件函数
const mw1 = (req,res,next)=>{
    console.log('调用了局部生效的中间件')
    next()
}
//2.创建路由
app.get('/',mw1,(req,res) =>{
    res.send('Home page.')
})
app.post('/user',(req,res)=>{
    res.send('User page')
})
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

7.定义多个局部中间件
可以在路由中，通过如下两种等价的方式，使用多个局部中间件：
在这里插入图片描述

app.get('/',mw1,mw2,(req,res) =>{
    res.send('Home page.')

8.了解中间价的注意事项
（1）一定要在路由之前注册中间件
（2）客户端发送过来的请求，可以连续调用多个中间件进行处理
（3）执行完中间件的的业务代码之后，不要忘记调用next()函数
（4）为了防止代码逻辑混乱，调用next()函数后不要再写额外的代码
（5）连续调用多个中间件时，多个中间件之间，共享req和res对象

3.3中间件的分类

Express把常见的中间件分为5类：
（1应用级别的中间件
（2)路由级别的中间件
（3)错误级别的中间件
（4)Express内置级别的中间件
（5)第三方的中间件
1.应用级别的中间件
通过app.use()或app.get()或app.post()，绑定到app实例上的中间件，叫做应用级别的中间件
在这里插入图片描述
2.路由级别的中间件
绑定再express.Router()实例上的中间件
在这里插入图片描述
3.错误级别的中间件
错误级别中间件的作用：专门用来捕获整个项目中发生的异常错误，从而防止项目异常崩溃的问题。
格式：错误级别中间件的function处理函数，必须由4个形参，形参顺序从前到后，分别是(err,req,res,next)。
在这里插入图片描述

const express = require('express')
const app = express()

app.get('/',(req,res)=>{
    //认为制造错误
    throw new Error('服务器内部错误')
    res.send('Home page')
})

//2.定义错误级别的中间件，捕获项目的异常错误，从而防止程序的崩溃
app.use((err,req,res,next)=>{
    console.log('发生了错误！' + err.message)
    res.send('Error:' + err.message)
})
//调用app.listen方法，指定端口号并启动web服务器
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

注意：错误级别的中间件，必须注册在所有路由之后！
4.Express内置的中间件
自Express4.16.0版本开始，Express内置了3个常用的中间件
（1）express.static快速托管静态资源的内置中间件，例如：HTML文件，图片，CSS样式等
（2）express.json解析JSON格式的请求数据
（3）express.urlencoded解析URL-encoded格式的请求体数据

const express = require('express')
//创建express的服务器实例
const app = express()

//除了错误级别的中间件，其他的中间件，必须在路由之前进行配置
//通过express.json()这个中间件，解析表单中的JSON格式的数据
app.use(express.json())
app.use(express.urlencoded({extended:false}))
app.post('/user',(req,res)=>{
    //在服务器，可以使用req.body这个属性，来接受客户端发送过来的数据
    //默认情况下，如果不配置解析表单数据的中间件，则req.body默认等于undefined
    console.log(req.body)
    res.send('ok')
})
app.post('/book',(req,res)=>{
    console.log(req.body)
    res.send('ok')
})

// 利用app.listen方法，指定端口号并启动web服务器
app.listen(80,function(){
    console.log('Express server runing at http://127.0.0.1')
})

在这里插入图片描述
5.第三方的中间件
按需加载第三方中间件，提高项目的开发效率
（1）运行npm install body-parser安装中间件
（2）使用require导入中间件
（3）调用app.use()注册使用

const express = require('express')

const app = express()
const parser = require('body-parser')
app.use(parser.urlencoded({extended:false}))
app.post('/user',(req,res)=>{
    //如果没有配置任何解析表单数据的中间件，则req.body默认underfined
    console.log(req.body)
    res.send('ok')
})
app.listen(80,function(){
    console.log('Express server running at http://127.0.0.1')
})

注意：Express的内置express.urlencoded中间件，就是基于body-parser这个第三方中间件进一步封装出来的。

3.4自定义中间件

1.需求描述与实现步骤
自己手动模拟一个类似于express.urlencoded这样的中间件，来解析到POST提交到服务器的表单数据。
实现步骤：
（1）定义中间件
（2）监听req的data事件
（3）监听req的end事件
（4）使用querystring模块解析请求体数据
（5）讲解析出来的数据对象挂载为req.body
（6）讲自定义中间件封装为模块

2.定义中间件
3.监听req的data事件
在中间件中，需要监听req对象的data事件，来获取客户端发送到服务器的数据。
如果数据量比较大，无法一次性发送完毕，则客户端会把数据切割后，分批发送到服务器。所以data事件可能会触发多次，每一次触发data事件时，获取到数据只是完整数据的一部分，需要手动加收的数据进行拼接。

4.监听req的end事件
当请求体将数据接受完毕之后，会自动触发req的end事件。
因此，我们可以在req的end事件中，拿到并处理完整的请求体数据，
5.使用querystring模块解析请求体数据
Node.js内置了一个qureystring模块，专门用来处理查询字符串，通过这个模块提供的parse()函数，可以轻松吧查询字符串，解析成对象的格式。
6.将解析出来的数据对象挂载为req.body
上游的中间件和下游的中间件以及路由之间，共享同一份req和res。因此，我们可以将解析出来的数据，挂载为req的自定义属性，命名为req.body，供下游使用。
7.将自定义中间件封装为模块

四、使用Express写接口

4.1创建基本的服务器

const express = require('express')
const app = express()



app.listen(80,function(){
    console.log('Express server running at http://127.0.0.1')
})

4.2创建API路由模块

4.3编写GET接口

在这里插入图片描述

const express = require('express')
const router = express.Router()

//在这里挂载对应的路由
router.get('/get',(req,res)=>{
    //通过req.query获取客户端通过查询字符串，发送到服务器的数据
    const query = req.query
    //调用res.send()方法，向客户端响应处理的结果
    res.send({
        status:0,// 0表示处理成功，1表示处理失败
        msg:'GET请求成功',//状态的描述
        data: query //需要响应给客户端的数据
    })
})
module.exports = router

4.4编写POST接口

注意 ：如果要获取URL-encoded格式的请求体数据，必须配置中间件app.use(express.urlencoded({extended:false}))

//配置解析表单数据的中间件
app.use(express.urlencoded({extended:false}))

//定义POST接口
router.post('/post',(req,res)=>{
    //通过req.body获取请求体中包含的url-encoded格式的数据
    const body = req.body
    //调用res.send()方法，向客户端响应结果
    res.send({
        status:0,
        msg:'POST请求成功',
        data:body
    })
})

4.5CORS跨域资源共享

1.接口的跨域问题
刚才编写的GET和POST接口，存在一个很严重的问题，不支持跨域请求。解决方案：
（1）CORS(推荐)
（2）JSONP（只支持GET请求)
2.使用cors中间件解决跨域问题
cors是Express的一个第三方中间价。通过安装和配置cors中间件，可以很好解决跨域问题。
（1）运行npm install cors安装中间件
（2）使用==const cors = require(‘cors’)==导入中间件
（3）在路由之前调用app.use(cors())配置中间件
3.什么是CORS
CORS是由一系列HTTP响应头组成，这些HTTP响应头决定浏览器是否阻止前端JS代码跨域获取资源。
浏览器的同源安全策略默认阻止网页“跨域"获取资源。但如果接口服务器配置了CORS相关的HTTP响应头，就可以解除浏览器端的跨域访问限制。
在这里插入图片描述
4.CORS的注意事项
（1）CORS主要在服务器端进行配置。客户端浏览器无须做任何额外的配置，即可请求开启了CORS的接口。
（2）CORS在浏览器中有兼容性。只有支持XMLHttpRequest Level2的浏览器，才能正常访问开启了CORS的服务器端接口。
5.CORS响应头部-Access-Control-Allow-Origin
在这里插入图片描述
其中，origin参数的值指定了允许访问该资源的外域URL
在这里插入图片描述
在这里插入图片描述
6.5.CORS响应头部-Access-Control-Allow-Headers
默认情况下，CORS仅支持客户端向服务端发送如下的9个请求头：
在这里插入图片描述
如果客户端向服务器发送了额外的请求头信息，则需要在服务器端，通过Access-Control-Allow- Headers对额外的请求头进行声明，否则这次请求会失败!
在这里插入图片描述
7.5.CORS响应头部-Access-Control-Allow-Methhods
在这里插入图片描述
8.CORS请求的分类
客户端在请求CORS接口时，根据请求方式和请求头的不同，可以将CORS请求分为两大类，分别是：
（1）简单请求
（2）预检请求
9.简单请求
在这里插入图片描述
10.预检请求

在这里插入图片描述
11.简单请求和预检请求的区别
简单请求的特点：客户端与服务器之间只会发生一次请求
预检请求的特点：客户端与服务器端只会发生两次请求，OPTION预检请求成功之后，才会发起真正的请求。

释怀°Believe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
express中的send()方法和query属性-day85
weixin_42943920的博客
01-24 1075
/* express的res中已经封装好一个名叫send()方法 +res.send(返回给请求处的数据) +会自动转为json数据格式并返回 express的req中也封装好一个叫query属性 +会自动将get携带的所有参数解析并放在里面 */ // 创建服务 const express = require('express') let app = express() app.listen(8080,() => {console.log('服务开启成功');})
express之全局中间件query
蛐蛐的博客
02-03 1030
lib/middleware/query.js //express初始化全局中间件，options为express上的query parse fn 属性值 module.exports = function query(options) { var opts = merge({}, options) //查询字符串解析器 var queryparse = qs.parse; //
Express中带有参数的路由请求req.query、req.body、req.params
热门推荐
yangyang的专栏
06-18 1万+
我们的需求是：我们循环遍历出所有用户和密码，我们打算点击删除之后将对应的ID作为参数传输到对应的路由，处理之后，地址重定向也就是页面刷新，数据重新显示。 前端代码： <table border="1" style="width:300px;margin:0 auto;margin-top:10px;"> <tr> <td style="te...
express框架笔记
weixin_44167338的博客
01-07 360
1、Express介绍 官网: http://www.expressjs.com.cn/ 2、基础使用 1安装 首先假定你已经安装了 Node.js，接下来为你的应用创建一个目录，然后进入此目录并将其作为当前工作目录。 $ mkdir myapp $ cd myapp 通过 npm init 命令为你的应用创建一个 package.json 文件。 欲了解 package.json 是如何起作...
使用Express获取jquery数据 使用模块化 共享自己的数据库
red_HTML的博客
09-24 534
使用Express获取jquery数据 使用模块化 共享自己的数据库
基于Node.js + Express + MongoDB实现的电商后台管理系统.zip
08-01
基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
Node.js+Express+MySql实现用户登录注册功能
10-19
主要为大家详细介绍了Node.js+Express+MySql实现用户登录注册，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
complete-node-js-bootcamp:Node.js，Express，MongoDB等
04-12
Express.js是Node.js的一个Web应用框架，它简化了创建HTTP服务器的过程，提供了丰富的路由、中间件和模板引擎功能，便于快速构建Web应用。通过Express，你可以定义路由来处理HTTP请求，如GET、POST等，轻松地处理...
node.js + express + sqlserver构建简单的后台服务
12-14
node.js + express + sqlserver构建简单的后台服务项目整体结构express服务器入口文件sql server数据库部分数据库接口APi在server文件下运行index文件 （node index）前端页面部分 项目整体结构 。 express服务器...
基于Node.js和Express的静态网页设计源码
最新发布
04-07
本项目是一个基于Node.js和Express框架开发的静态网页设计，包含37个文件，主要文件类型包括JavaScript脚本、HTML页面、CSS样式表、图片、地图文件、Git忽略文件、Markdown文档、SQL数据库文件、JSON配置文件和图标...
Node express框架 request对象的query和params属性的区别
wuyujin1997的博客
06-20 2718
区别 后端方法：app.get("/deleteUser/:id", function(req, res) {...}); 请求URL：http://localhost:8080/deleteUser/2?user=张三&passwd=zhangsan 页面结果： req.params: { "user": "张三", "passwd": "zhangsan" } req.quer...
express中req请求，取参数的三种方法 req.params req.query req.body区别
qq_45839045的博客
03-23 2297
基本使用 const request = require(‘request’) 引入这个包就可以开始使用了，最简单的使用方式就是 request(url) 就可以想指定的地址发起一个 get 请求。 从这里我们可以看出 request 暴露出来的就是一个函数。其实它内部的结构如下 function request (uri, options, callback) { if (typeof uri === ‘undefined’) { throw new Error(‘undefined is not a v
Node.js中express框架中的req.body,req.query,req.params参数
VA_Jkwu的博客
11-02 536
最近学习node时，各种参数和前面的axios的参数概念有点混淆了，今天来梳理一下。
初学者使用 express 的使用 详解 一定要来看看
m0_72644735的博客
09-04 1778
express 初学者必看!!!!!!
Express框架开发接口之req.params、req.query与req.body的区别
m0_52704461的博客
11-02 295
用于get请求通过req.query对象，可以访问到客户端通过查询字符串的形式，发送到服务器的参数：用于get请求url路径为：user/1通过req.params对象，可以访问到 URL 中，通过:匹配到的动态参数：用于post请求login。
Express——基于 Node.js 平台的 web 应用开发框架
Concise200的博客
02-14 988
Express1. Express 简介2. Express 的基本使用安装创建基本的 Web 服务器监听 GET 请求监听 POST 请求完整代码req.queryreq.paramsexpress.static() 1. Express 简介 Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架（npm 上的第三方包）。 其作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。但http 内置模块用起来很复杂，开发效率低；Expres
node插件express（路由）的基本使用（一）
weixin_44784401的博客
11-04 309
node插件express中路由、get和post参数获取、托管静态资源的基本使用
Nodejs
寻常的博客
10-16 734
一、文件系统模块 1、读取文件内容 fs.readFile(读取文件路径,编码格式（可选）,callback) //err错误信息 dataStr获取到的数据 fs.readFile('./test/2.txt', 'utf8', (err, dataStr) => { if (err) { return console.log('读取失败' + err); } console.log(dataStr); }) 2、写入...
关于req.params、req.param(name)、req.query、req.body等请求对象
遇见小美好
04-20 9632
请求对象中最常用的属性和方法：req.params 、req.param(name)、req.query、req.body……等的
node.js +express 商品
01-04
node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，专门用于服务器端编程，它提供了丰富的库和工具，可以快速高效地开发后端应用程序。而 express 则是一个基于 node.js 的 Web 应用开发框架，它简化了...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

释怀°Believe

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值