用JSON-server模拟REST API

最新推荐文章于 2023-02-16 20:14:23 发布
最新推荐文章于 2023-02-16 20:14:23 发布
阅读量160 收藏
点赞数
文章标签： json 前端 数据结构与算法 ViewUI
原文链接：http://blog.51cto.com/zhuxianzhong/2384275
版权

本文原址：https://www.cnblogs.com/ys-wuhan/p/6387791.html

在此，非常感谢原作者的耐心整理！

在开发过程中，前后端不论是否分离，接口多半是滞后于页面开发的。所以建立一个REST风格的API接口，给前端页面提供虚拟的数据，是非常有必要的。

对比过多种mock工具后，我最终选择了使用 json server 作为工具，因为它足够简单，写少量数据，即可使用。
也因为它足够强大，支持CORS和JSONP跨域请求，支持GET, POST, PUT, PATCH 和 DELETE 方法，更提供了一系列的查询方法，如limit，order等。下面我将详细介绍 json server 的使用。

安装

首先你的电脑中需要安装nodejs，建议使用最新版本。然后全局安装json server.

npm install json-server -g
使用linux和macOS的电脑需要加上sudo

sudo npm install json-server -g
安装完成后可以用 json-server -h 命令检查是否安装成功，成功后会出现

json-server [options] <source>

选项：
--config, -c Path to config file [默认值: "json-server.json"]
--port, -p Set port [默认值: 3000]
--host, -H Set host [默认值: "0.0.0.0"]
--watch, -w Watch file(s) [布尔]
--routes, -r Path to routes file
--static, -s Set static files directory
--read-only, --ro Allow only GET requests [布尔]
--no-cors, --nc Disable Cross-Origin Resource Sharing [布尔]
--no-gzip, --ng Disable GZIP Content-Encoding [布尔]
--snapshots, -S Set snapshots directory [默认值: "."]
--delay, -d Add delay to responses (ms)
--id, -i Set database id property (e.g. _id) [默认值: "id"]
--quiet, -q Suppress log messages from output [布尔]
--help, -h 显示帮助信息 [布尔]
--version, -v 显示版本号 [布尔]

示例：
json-server db.json
json-server file.js
json-server http://example.com/db.json

https://github.com/typicode/json-server

运行

安装完成后，可以在任一目录下建立一个 xxx.json 文件,例如在 mock/ 文件夹下，建立一个 db.json 文件，并写入以下内容，并在 mock/ 文件夹下执行 json-server db.json -p 3003 。

{
"news":[
{
"id": 1,
"title": "曹县宣布昨日晚间登日成功",
"date": "2016-08-12",
"likes": 55,
"views": 100086
},
{
"id": 2,
"title": "长江流域首次发现海豚",
"date": "2016-08-12",
"likes": 505,
"views": 9800
}
],
"comments":[
{
"id": 1,
"news_id": 1,
"data": [
{
"id": 1,
"content": "支持党中央决定"
},
{
"id": 2,
"content": "抄写党章势在必行！"
}
]
}
]
}
为了方便，再创建一个 package.json 文件，写入

{
"scripts": {
"mock": "json-server db.json --port 3003"
}
}
然后使用到 /mock 目录下执行 npm run mock 命令，如果成功会出现

@ mock /你的电脑中mock文件夹所在目录的路径/mock
json-server db.json -p 3003

{^_^}/ hi!

Loading db.json
Done

Resources
http://localhost:3003/news
http://localhost:3003/comments

Home
http://localhost:3003
如果不成功请检查 db.json 文件的格式是否正确。

操作数据

GET

这个时候访问 http://localhost:3003/db 可以查看 db.json 文件中所定义的全部数据。
使用浏览器地址栏，jQuery.get 或 fecth({method: "get"}) 访问 http://localhost:3003/news ，则可以看到 news 对象下的数据,以Array格式返回:

[
{
"id": 1,
"title": "曹县宣布昨日晚间登日成功",
"date": "2016-08-12",
"likes": 55,
"views": 100086
},
{
"id": 2,
"title": "长江流域首次发现海豚",
"date": "2016-08-12",
"likes": 505,
"views": 9800
}
]

POST

以jquery的 $.ajax 方法举例,以下代码会实时的向 db.json 中的 news 对象push一条新的数据再次用 get 方式访问 http://localhost:3003/news , 就可以看到它了

$.ajax({
type: 'post',
url: 'http://localhost:3003/news',
data: {
"id": 3,
"title": "我是新加入的新闻",
"date": "2016-08-12",
"likes": 0,
"views": 0
}
}
)

PUT

同样以jquery的 $.ajax 方法举例,以下代码会实时的对 db.json 中的 news 对象中 id=1 数据进行修改

$.ajax({
type: 'put',
url: 'http://localhost:3003/news/1',
data: {
"title": "曹县宣布昨日晚间登日失败",
"date": "2016-08-12",
"likes": 55,
"views": 100086
}
}
)

// 结果

[
{
"id": 1,
"title": "曹县宣布昨日晚间登日失败",
"date": "2016-08-12",
"likes": 55,
"views": 100086
}
]
PATCH 和 DELETE 使用方式同上，就不做演示了。

上一篇演示了如何安装并运行 json server , 在这里将使用第三方库让模拟的数据更加丰满和实用。

使用动态数据

上一篇演示时，使用了 db.json 作为数据载体，虽然方便，但是如果需要大量的数据，则显得力不从心。
幸好 json server 可以通过js动态生成json格式数据，官方例子为生成1000组user数据：

/mock/db.js

module.exports = function() {
var data = { users: [] }
// Create 1000 users
for (var i = 0; i < 1000; i++) {
data.users.push({ id: i, name: 'user' + i })
}
return data
}
/mock 下运行

json-server db.js -p 3003
我们访问 http://localhost:3003/news/ 看到的数据是

[
{"id": 0,"name": "user0"},
{"id": 1,"name": "user1"},
{"id": 2,"name": "user2"},
{"id": 3,"name": "user3"},
...
{"id": 999,"name": "user999"}
]
但是在开发环境中，name 这个属性应该是诸如 “李铁蛋”， “张艳华” 或者是 “Brenda Thomas”，
“Daniel Wilson” 这样接地气的名字，而不是 “user0”, “user1” 这样让人望而生畏的名字，对于用户的
年龄，性别，籍贯，也应该有比较合理的数据展示。

为什么选择mockjs

数据生成器有很多，比较出名的有 faker ,chance ,mockjs 等，其中最为强大的非 faker 莫属，不但拥有几乎全部常用的数据格式，而且还有中英德法等多种语言的数据。但是在实际测试中发现，faker 对中文数据的支持还是以西方文字为基础，并不能很好的模拟中文，例如：

let faker = require('faker');

faker.locale = "zh_CN";

console.log(faker.address.city()); => 南 罗
console.log(faker.address.streetName()); => 陈 桥
console.log(faker.company.companyName()); => 静琪 - 越泽
console.log(faker.date.month()); => May
console.log(faker.internet.email()); => 87@yahoo.com
console.log(faker.phone.phoneNumber()); => 922-61957652
这些看起来有些怪异的中文格式，多半是不能用于国内的数据模拟的，我们再看看 mockjs 的表现：

let Mock = require('mockjs');
let Random = Mock.Random;

console.log(Random.city()); => 珠海市
console.log(Random.cname()); => 韩桂英
console.log(Random.date()); => 2007-08-05
console.log(Mock.mock({ => {stars: '★★★★★'}
"stars|1-10": "★"
}));
Random.image('200x100', '#4A7BF7', 'hello')
=> 见下图

虽然 mockj s可以模拟的数据不如 faker 那么多，但是由于其对中文的良好支持，并且使用了位于国内的随机图片提供商，显然是更适合国情的选择。

mockjs用法示例
请先用15分钟阅读 mockjs官方文档

安装mockjs

在 /mock 目录下安装

npm install mockjs --save
Mock.mock
我知道有些人不会去认真的阅读官方文档，所以在此摘抄一些官方文档中的例子作为示范：

// repeat 方法（部分）

Mock.mock({
"string|5": "★" => "string": "★★★★★"
"string|1-10": "★" => "string": "★★"
"number|1-100": 100 => "number": 85
"number|1-100.2": 100 => "number": 25.69
})

Mock.Random
我知道有些人不会去认真的阅读官方文档，所以在此摘抄一些官方文档中的例子作为示范：

// random 方法（部分）

Random.integer(60, 100) => 78
Random.float(60, 100) => 89.565475
Random.range(60, 100) => [60,61,62,...,99]
Random.date() => "2018-12-28"
Random.image('200x100','#396') => "http://dummyimage.com/200x100/396"
Random.color() => "#79d8f2" (默认使用hex颜色)
Random.county(true) => "浙江省 舟山市 岱山县"
为什么不在浏览器中使用mockjs
通过阅读 mockjs 的官方文档可以发现，它其实是作为一个独立的 mock server 存在的，就算没有json server，一样可以反馈数据，但是由于以下一些缺点，让我只能把它作为一个数据构造器来使用：

不能跨域使用

与某些框架中的路由处理逻辑冲突

无法定义复杂的数据结构，比如下面的数据结构，images 将会是字符串 [object object]， 而非预想中的数组：

Mock.mock({
"list|1-10": [
"id|+1": 1,
"images": [1,2,3]
]
})
无法自定义较为复杂的路由

示例

下面是一个使用 mockjs 构造的比较复杂的数据格式,对象是一个新闻列表，其中有100条新闻，每条新闻有对应的id，标题，内容，简介，标签，浏览量，和一个图片数组：

/mock/db.js

let Mock = require('mockjs');
let Random = Mock.Random;

module.exports = function() {
var data = {
news: []
};

var images = [1,2,3].map(x=>Random.image('200x100', Random.color(), Random.word(2,6)));

for (var i = 0; i < 100; i++) {

var content = Random.cparagraph(0,10);

data.news.push({
     id: i, 
     title: Random.cword(8,20),
     desc: content.substr(0,40),
     tag: Random.cword(2,6),
     views: Random.integer(100,5000),
     images: images.slice(0,Random.integer(1,3))
})

}

return data
}

/mock 下运行

json-server db.js -p 3003
访问 http://localhost:3003/news 看到的数据是:

[
{
"id": 0,
"title": "元小总小把清保住影办历战资和总由",
"desc": "共先定制向向圆适者定书她规置斗平相。要广确但教金更前三响角面等以白。眼查何参提适",
"tag": "值集空",
"views": 3810,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置",
"http://dummyimage.com/200x100/f28279&text=收面几容受取",
"http://dummyimage.com/200x100/7993f2&text=做件"
]
},
{
"id": 1,
"title": "物器许条对越复术",
"desc": "方江周是府整头书生权部部条。始克识史但给又约同段十子按者感律备。关长厂平难山从合",
"tag": "分七眼术保",
"views": 4673,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置"
]
},
{
"id": 2,
"title": "但学却连质法计性想般最",
"desc": "以群亲它天即资几行位具回同务度。场养验快但部光天火金时内我。任提教毛办结论感看还",
"tag": "响六",
"views": 4131,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置",
"http://dummyimage.com/200x100/f28279&text=收面几容受取",
"http://dummyimage.com/200x100/7993f2&text=做件"
]
},
...
{
"id": 99,
"title": "则群起然线部其深我位价业红候院",
"desc": "为高值务须西生型住断况里听。志置开用她你然始查她响元还。照员给门次府此据它后支越",
"tag": "何你",
"views": 2952,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置"
]
}
]

前面演示了如何安装并运行 json server , 和使用第三方库真实化模拟数据 , 下面将展开更多的配置项和数据操作。

配置项

在安装好json server之后，通过 json-server -h 可以看到如下配置项：

json-server [options] <source>

Options:
--config, -c 指定 config 文件 [默认: "json-server.json"]
--port, -p 设置端口号 [default: 3000]
--host, -H 设置主机 [默认: "0.0.0.0"]
--watch, -w 监控文件 [boolean]
--routes, -r 指定路由文件
--static, -s 设置静态文件
--read-only, --ro 只允许 GET 请求 [boolean]
--no-cors, --nc 禁止跨域资源共享 [boolean]
--no-gzip, --ng 禁止GZIP [boolean]
--snapshots, -S 设置快照目录 [默认: "."]
--delay, -d 设置反馈延时 (ms)
--id, -i 设置数据的id属性 (e.g. _id) [默认: "id"]
--quiet, -q 不输出日志信息 [boolean]
--help, -h 显示帮助信息 [boolean]
--version, -v 显示版本号 [boolean]

Examples:
bin db.json
bin file.js
bin http://example.com/db.json
既可以通过命令行方式单行配置，如

json-server db.js -p 3003 -d 500 -q -r ./routes.json
，也可以通过 json-server.json 文件进行配置后：

/mock/json-server.json

{
"host": "0.0.0.0",
"port": "3003",
"watch": false,
"delay": 500,
"quiet": true,
"routes": "./routes.json"
}

运行

json-server db.js
返回静态文件
在 /mock 下建立 public 目录，即可直接访问其下的所有静态文件，包括但不限于
js, css ,markdown 文件等。

地址栏输入 http://localhist:3003/readme.md 即可访问以下文件

/mock/public/readme.md

移动设备访问

通过 json server 建立的rest api服务默认可以在局域网中通过WIFI访问接口。
windows下面通过 ipconfig 查找到电脑的局域网地址.mac设备是通过 ifconfig | grep "inet " | grep -v 127.0.0.1 查看。
比如我的电脑局域网ip是 192.168.0.6,在手机上访问 http://192.168.0.6:3003 即可。

自定义路由

可以通过自定义路由的形式，简化数据结构，或是建立高弹性的web api，例如

/mock/routes.json

{
"/news/:id/show": "/news/:id",
"/topics/:id/show": "/news/:id",

}
访问 /news/1/show 和 topics/1/show 均返回指定的 /news/1 内容。

  • 需要注意的是，路由必须以 / 开头

npm启动

相比在终端中直接输入各种命令，我更喜欢利用 node scripts 来处理任务，在 /mock 下建立文件 package.json,然后运行 npm run mock 。

/mock/package.json

{
"scripts": {
"mock": "json-server db.js"
}
}

数据过滤

数据过滤是 json server 中非常强力的功能。通过url上简单的query字段，即可过滤出各种各样的数据。
示例数据源:

[
{
"id": 0,
"title": "元小总小把清保住影办历战资和总由",
"desc": "共先定制向向圆适者定书她规置斗平相。要广确但教金更前三响角面等以白。眼查何参提适",
"tag": "值集空",
"views": 3810,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置",
"http://dummyimage.com/200x100/f28279&text=收面几容受取",
"http://dummyimage.com/200x100/7993f2&text=做件"
]
},
{
"id": 1,
"title": "物器许条对越复术",
"desc": "方江周是府整头书生权部部条。始克识史但给又约同段十子按者感律备。关长厂平难山从合",
"tag": "分七眼术保",
"views": 4673,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置"
]
},
{
"id": 2,
"title": "但学却连质法计性想般最",
"desc": "以群亲它天即资几行位具回同务度。场养验快但部光天火金时内我。任提教毛办结论感看还",
"tag": "响六",
"views": 4131,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置",
"http://dummyimage.com/200x100/f28279&text=收面几容受取",
"http://dummyimage.com/200x100/7993f2&text=做件"
]
},
...
{
"id": 99,
"title": "则群起然线部其深我位价业红候院",
"desc": "为高值务须西生型住断况里听。志置开用她你然始查她响元还。照员给门次府此据它后支越",
"tag": "何你",
"views": 2952,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置"
]
}
]

属性值(Filter)

使用 . 操作对象属性值

// 获取图片数量为3，且标签字数为2的新闻

GET /news?images.length=3&tag.length=2
分割(Slice)
使用 _start 和 _end 或者 _limit (response中会包含 X-Total-Count)

// 获取id=10开始的5篇新闻

GET /news?_start=10&_limit=5

// 获取id=20开始,id=35结束的新闻

GET /news?_start=20&_end=35
排序(Sort)
使用 _sort 和 _order (默认使用升序(ASC))

// 按照浏览数量降序排列

GET /news?_sort=views&_order=DESC
运算符(Operators)
使用 _gte 或 _lte 选取一个范围

// 选取浏览量在2000-2500之间的新闻

GET /news?views_gte=2000&views_lte=2500
使用 _ne 排除一个值

// 选择tag属性不是 "国际新闻" 的分类

GET /news?tag_ne=国际新闻
使用 _like 进行模糊查找 (支持正则表达式)

// 查找title中含有 "前端" 字样的新闻

GET /news?title_like=前端
全文检索(Full-text search)
使用 q，在对象全部value中遍历查找包含指定值的数据

// 查找新闻全部字段包含 "强拆" 字样的数据

GET /news?q=强拆
关系图谱(Relationships)
获取包含下级资源的数据, 使用 _embed

GET /news?_embed=comments
GET /news/1?_embed=comments
获取包含上级资源的数据, 使用 _expand

GET /news?_expand=post
GET /news/1?_expand=post

作为中间件

除了独立作为rest api 服务器之外， json server 同样可以作为诸如 Express 之类框架的中间件使用，具体API详见 json server模块

转载于:https://blog.51cto.com/zhuxianzhong/2384275

weixin_34233679
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
restmocker:RESTful API 端点模拟器
06-28
RESTMocker RESTMocker 是一个（目前非常简单）用于模拟 RESTful Web 服务的工具。 当真正的网络服务不容易获得时，它可以帮助制作客户端应用程序的原型。 它是如何工作的？ 它通过为特定项目创建“领域”并在每个项目中存储“文档”来工作。 该文档可以是 JSON、XML 或您选择的任何格式，因为您只需在其中粘贴代码并设置关联的 mime 类型。 正则表达式用于以与 Django 路由的工作方式完全相同的方式将传入的 HTTP 请求匹配到文档。 部分 URI 可以在文档本身中提取和替换，因为它被视为 Django 模板，并且可以使用模板语言的全部功能。 自 2011-05-08 起，通过附件支持二进制文件。 请记住，即使在从二进制附件提供内容时，也需要手动设置文档静止图像的正确 mime 类型。 那里有一个额外的文本替换功能，可以在给定领域的所有文档中执行简单的
json-server详解
李宥的博客
07-30 8233
- Json-server 是一个`零代码快速搭建本地 RESTful API 的工具`。它使用 `JSON 文件作为数据源`，并提供了一组简单的路由和端点，可以模拟后端服务器的行为。
Json-Server搭建模拟API流程小指南
weixin_46747024的博客
08-12 326
Json-Server搭建模拟API流程
运用json-server完成登录页面跳转
forever_zc的博客
02-16 547
json-server应用
RESTClient HTTP请求模拟器
11-14
RESTClient-全能HTTP请求模拟器-HTTP请求测试工具
docker-json-server, 基于普通 JSON，JSON服务器 Docker 映像，基于 REST API 模拟.zip
09-18
docker-json-server, 基于普通 JSON，JSON服务器 Docker 映像，基于 REST API 模拟 docker-json-server提供了基于普通JSON的mock 。 这是一个 Docker 图像，简化了设置。用法这里 Docker 映像可以用作 Docker 索引上...
json-server:typecodejson-server的工作副本
04-29
在不到30秒的时间内（严重）获得具有零编码的完整伪造的REST API 用<3创建，供需要快速后端进行原型制作和模拟的前端开发人员使用。 另请参阅 ，这是开发人员的简单流程管理器。 例子 创建一个db.json文件 { ...
CRUD-React-Redux:CRUD - React、Redux Hooks、Rest API 和 Axios 并使用 json-server api 模拟后端
05-30
加密货币与 React Hooks
json-server：在不到30秒的时间内（严重）获得具有零编码的完整假REST API
02-09
JSON服务器 在不到30秒的时间内（严重）获得具有零编码的完整假REST API 用<3创建，供需要快速后端进行原型制作和模拟的前端开发人员使用。也可以看看： :dog_face: :hotel:金牌赞助商 :1st_place_medal:目录入门...
mock-server:使用交互式 UI 在本地快速模拟 REST API
07-24
模拟服务器在本地设备上使用易于使用的 GUI 轻松模拟应用程序的服务器响应。什么是新的？ 请更新到新的最新版本以获得更好的体验。 数据持久性。 更好的错误处理。即将推出的功能支持更多的 HTTP 动词。 从 UI 在...
RESTClient-HTTP请求模拟器-HTTP请求测试工具
04-15
RESTClient是一个用于测试RESTful Web services的Java客户端。 RESTClient是一款十分有用的http请求测试工具，是restful接口测试的必要工具。
RESTClient一款优秀的Java RESTful 接口测试工具
热门推荐
loongshawn的博客
04-05 5万+
RESTClient一款优秀的http接口测试工具。
SoapUI作为RESTful api请求响应模拟工具的使用方法
唐震宇的博客
12-11 6775
在移动端开发过程中，由于前后端进度不一致，等待后台开发准备妥当，往往影响工作进度，而且，即使后台api就位，由于处在项目开发阶段，接口往往不稳定，同时还会增减字段等问题。这个时候，移动端开发人员会需要一个能自己灵活配置的模拟服务器请求响应的工具，来配合自己做移动端请求封装。
Apifaker接口模拟器
那些年匆匆
03-02 3418
Api模拟器，顾名思义，它是一个模拟器，它可以模拟api行为返回json(jsonp),text或xml格式数据。同时你也可以把它当作一个简易的api文档管理工具。Api管理平台支持浏览器: Chrome, Firefox, Safari, Opera, Internet Explorer 9+.安装过程： apifaker需要node.js环境的支持，第一步先配置node.js的环境。1.安装依...
json-server使用总结
inyiyi的博客
03-27 5087
作为前端和客户端开发人员，在后端还没有给出对应的api接口时，我们无法做测试。 这时，我们可以使用json-server快速搭建一个测试的api接口，能在几十秒之内搭建好。 Github地址：https://github.com/typicode/json-server 使用前提 安装node.js。 进入https://nod...
工具分享：模拟网络请求工具RESTClient
Hardcode workshop
01-13 3139
做移动端APP开发，免不了天天跟网络请求打交道，做很多接口调试的工作。 很多时候，我们可能只是先看看某条数据的报文，或者是只想发一个请求给后台让他们去测试某个地方出了什么问题。 这种情况下，从APP一层一层点进去，点某个按钮来触发这个请求，未免太浪费时间了。 既然已经知道接口地址，也知道自己要传什么值进去做测试，大可不必用这么费时费力的方式。 这里福利给大家一个工具，在浏览器上就可以直接发
json-server(快速搭建api)
wy5111111的博客
08-09 828
当我们需要快速搭建一个api数据库进行数据的模拟，来验证自己功能的实现，就可以用到json-server；这个小工具可以超快速进行搭建~~~ 安装前我们需要在本地新建一个json文件 一：安装： npm install -g josn-server json-server file name （创建我们的文件） ps：我们的服务开启也在这一步操作后就可以了 二：本次进行数据模拟使用...
『前端必备』本地数据接口 —— json-server 从入门到膨胀
weixin_39415598的博客
12-20 5151
原文出处：『前端必备』本地数据接口 —— json-server 从入门到膨胀 前言 Ajax 是前端必学的一个知识点，但刚接触 Ajax 的同学可能会因为没接口测试而烦恼。 本文 入门篇 会花你10分钟解决 没接口测试 这个烦恼，而且不需要你具备后端知识。 如果不想自己在本地搭环境，还可以使用 《前端需要的免费在线api接口》 里推荐的几个线上接口平台，里面包括常用的 json 结构数据和图片。 虽然有线上的免费接口可以测试，但需要自定义接口和数据的时候，还是本地模拟数据比较适合前端开发者。 本.
json-server模拟restful api
最新发布
01-12
JSON-Server是一个用于模拟RESTful API的工具，它能够帮助开发者快速地搭建一个模拟的后端服务。通过JSON-Server，开发者可以很容易地创建一个假的后端服务器，用来模拟GET、POST、PUT、DELETE等RESTful API的请求和...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值