简介：该项目展示了如何在Deno环境里通过TypeScript调用SpaceX API，获取和分析有关火箭发射、飞船着陆等任务的数据。Deno是由Ryan Dahl开发的现代JavaScript/TypeScript运行时，它支持模块导入、类型检查和安全的文件系统访问，而无需npm。通过fetch API进行HTTP请求，处理JSON格式的数据，TypeScript则保证了代码的类型安全。本项目深入介绍了Deno的基础知识、fetch API、JSON解析、TypeScript特性、错误处理、文件操作和测试等方面的实践。
1. Spacex API数据处理与分析
1.1 API数据获取与初步处理
1.1.1 SpaceX API概述
SpaceX API是一个开放的数据接口，允许用户获取有关SpaceX及其商业航天发射任务的实时和历史数据。这些数据包括飞行信息、公司新闻、航天器状态更新等，对于开发者、分析师和航天爱好者来说是一个宝贵的资源。
1.1.2 获取发射任务数据
要获取SpaceX的发射任务数据，可以通过向API发送HTTP请求实现。这通常涉及到构造一个API端点，例如 *** 。然后，使用合适的方法，如GET，以获得数据。
1.1.3 数据预处理方法
在获取到数据后，通常需要进行预处理才能进行深入分析。这包括数据清洗（去除异常值、空值处理）、数据转换（格式统一、类型转换），以及可能的数据抽样。在Python中，可以使用Pandas库进行这些操作。
import pandas as pd
# 假设已经通过某种方式获取到了JSON数据
response = requests.get("***")
data = response.json()
# 将JSON数据转换为Pandas DataFrame
df = pd.json_normalize(data)
# 数据清洗示例：删除缺失值
df_cleaned = df.dropna()
# 显示前5行数据
df_cleaned.head()
以上代码段展示了如何使用Python的 requests 库获取数据，并用 pandas 库进行数据预处理的基本步骤。这个过程为数据分析奠定了坚实的基础。
2. Deno运行时环境使用
2.1 Deno运行时环境介绍
2.1.1 Deno的历史与特点
Deno是一个简单但功能强大的JavaScript/TypeScript运行时环境，由Node.js的创建者Ryan Dahl开发。Deno旨在解决Node.js开发过程中遇到的一些问题，例如包依赖管理的复杂性、安全性问题和现代JavaScript语言特性的支持等。
Deno的核心特点包括内置的TypeScript支持、自动的安全沙箱以及模块依赖的简单管理。Deno的代码直接运行在JavaScript上，不需要构建步骤，使得开发者能够更快地迭代和部署应用。Deno使用单个可执行文件，没有任何运行时依赖，简化了分发和部署的过程。
2.1.2 安装与配置Deno环境
为了安装Deno运行时环境，访问Deno的官方网站（***）并按照提供的安装指南操作。Deno支持各种操作系统，包括Windows、macOS和Linux。
安装完成后，通过命令行运行 deno --version 来验证Deno是否安装成功，并查看其版本信息。接下来，可以通过 deno help 命令获取帮助信息，了解Deno提供的命令和选项。
以下是一个简单的示例，展示如何使用Deno运行一个TypeScript文件：
deno run ***
这条命令会下载并执行位于 *** 的TypeScript代码，启动一个简单的HTTP服务器。
2.2 Deno基础命令与模块使用
2.2.1 常用Deno命令解析
Deno提供了一系列命令来管理和执行代码。以下是几个常用的Deno命令：
-
deno run [SCRIPT]：执行指定的Deno脚本。 -
deno cache [SCRIPT]：缓存Deno脚本及其依赖。 -
deno test [FILE]：运行脚本中的测试代码。 -
deno bench [FILE]：执行脚本中的基准测试。
每个命令后面都可以跟不同的参数来控制其行为。例如，使用 --allow-net 参数来允许脚本访问网络。
2.2.2 Deno模块的导入与使用
Deno模块是复用代码的基本单位。与Node.js不同的是，Deno不再使用 node_modules 目录和 package.json 文件，而是通过URL直接导入模块。这里是一个导入HTTP模块并使用它发送请求的示例：
import { serve } from "***";
for await (const request of serve({ port: 8000 })) {
request.respond({ body: "Hello World\n" });
}
在这个示例中，我们使用了 serve 函数创建了一个HTTP服务器，监听8000端口，并返回简单的“Hello World”消息。
2.3 Deno的权限管理与安全性
2.3.1 权限管理系统概述
Deno引入了权限系统以增强应用的安全性。Deno应用程序必须在运行时显式请求所需的权限，例如读取文件、监听网络端口等。这一权限模型的目的是避免应用程序无意中进行不受控制的资源访问。
为了更清晰地管理权限，Deno将权限分为三个类别：读取、写入和网络访问权限。
2.3.2 实现权限控制的最佳实践
为了在Deno应用中实现权限控制，你可以在运行Deno命令时添加权限标志。例如，如果你想让Deno应用有权限读取当前目录下的文件，可以使用以下命令：
deno run --allow-read=. your_script.ts
在这里， --allow-read=. 参数指定了应用可以读取当前目录下的文件。如果需要对不同的目录或文件实现更细粒度的控制，你可以指定具体的文件或目录路径。
为了最佳实践，应该遵循以下原则： - 只请求应用程序实际需要的权限。 - 避免使用 --allow-all 标志，因为这会给应用提供无限制的权限。 - 为生产环境和开发环境设置不同的权限策略。
通过遵循这些原则，开发者可以确保他们的Deno应用具有所需的安全性和功能性。
3. TypeScript编程实践
3.1 TypeScript语言特性
TypeScript是由微软开发的一款开源编程语言，它在JavaScript的基础上增加了类型系统和对ES6+特性的支持。作为JavaScript的超集，TypeScript提供了更强大的开发工具支持，有助于开发更健壮的大型应用程序。
3.1.1 TypeScript与JavaScript的区别
TypeScript和JavaScript在语法上非常相似，但它们在很多重要方面有着显著差异。JavaScript是一种动态类型语言，而TypeScript引入了静态类型检查机制。这种类型系统有助于在编译阶段发现错误，增强代码的可读性和可维护性。TypeScript通过类型注解描述变量、函数的输入输出类型，使得代码更易于理解。
一个简单的TypeScript类型注解示例：
let isDone: boolean = false;
let decimal: number = 6;
let color: string = "blue";
3.1.2 类型系统和类型注解
类型系统是TypeScript的核心特性之一。它允许开发者显式定义变量、函数的参数以及返回值的类型。这种类型注解机制不仅可以在编译时捕获类型错误，还能够为IDE和编辑器提供类型推断，从而提供自动补全、语法高亮和更精确的错误检查等。
下面是一个定义函数类型注解的例子：
function add(a: number, b: number): number {
return a + b;
}
3.2 TypeScript高级编程技巧
3.2.1 接口和泛型的使用
在TypeScript中，接口是一种定义对象形状的方式，它描述了一个对象应该有哪些属性和方法。接口的使用使得代码具有更好的可读性和可维护性。泛型是另一种高级类型工具，它允许开发者编写可重用的组件，同时提供更好的类型检查。
// 接口定义
interface User {
name: string;
age: number;
}
// 泛型函数
function identity<T>(arg: T): T {
return arg;
}
3.2.2 高级类型工具与实践
TypeScript提供了许多高级类型工具，如联合类型、交叉类型、类型守卫等，它们可以帮助开发者处理复杂的类型关系。联合类型允许一个变量同时拥有多个类型，而交叉类型则允许组合多个类型来创建一个新的类型。
// 联合类型
function padLeft(value: string, padding: number | string) {
// ...
}
// 交叉类型
interface IPerson {
name: string;
}
interface IEmployee {
salary: number;
}
// 创建一个同时拥有name和salary属性的新类型
type ITeamMember = IPerson & IEmployee;
3.3 TypeScript项目构建与部署
3.3.1 构建工具选择与配置
构建工具如Webpack、Rollup或Parcel可以与TypeScript无缝集成，用于模块打包、编译转换及优化等。选择合适的构建工具可以提高开发效率，优化最终代码的加载性能。
配置TypeScript项目的步骤通常包括安装TypeScript及其编译器，创建tsconfig.json文件，并设置编译选项。以下是一个tsconfig.json配置文件的示例：
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"strict": true,
"esModuleInterop": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true
},
"include": ["src/**/*"],
"exclude": ["node_modules", "**/*.spec.ts"]
}
3.3.2 部署策略与环境隔离
在部署TypeScript项目时，重要的是要制定合理的策略，以保证部署的顺利和项目的稳定性。使用环境变量文件（如.env）来管理不同环境下的配置，利用构建工具的环境变量插件来区分开发、测试和生产环境。在CI/CD流程中，确保环境隔离，避免配置错误导致的运行时问题。
下面是一个环境变量文件的例子：
# .env
NODE_ENV=production
BASE_URL=***
通过以上章节的内容，我们可以看到TypeScript编程实践不仅包括理解其语言特性和高级编程技巧，还包括如何构建和部署TypeScript项目。在实际开发过程中，合理运用这些知识点和技巧能够极大地提升开发效率和项目的质量。
4. fetch API数据获取
4.1 fetch API基础使用
4.1.1 fetch API的基本语法
fetch API 是一个现代的、基于 Promise 的网络请求接口，用于替代老旧的XMLHttpRequest API。它是Web开发中异步数据获取的常用方法。fetch API返回的是一个Promise对象，这意味着我们可以使用 .then() 和 .catch() 方法来处理异步响应。
下面是一个使用fetch API的基础示例，展示了如何发起一个GET请求并处理返回的JSON数据：
fetch('***')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.json(); // 解析JSON数据
})
.then(data => {
console.log(data); // 处理数据
})
.catch(error => {
console.error('There has been a problem with your fetch operation:', error);
});
4.1.2 处理GET与POST请求
GET请求
GET请求是最常见的请求类型，用于从服务器请求数据。fetch API已经演示了如何发起GET请求，但有时我们还需要添加查询参数，可以使用 URLSearchParams 来实现：
const params = new URLSearchParams({ key1: 'value1', key2: 'value2' });
fetch(`***${params}`)
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
POST请求
当需要向服务器发送数据时，我们使用POST请求。为了发送JSON格式的数据，可以设置请求头，并使用 JSON.stringify() 来序列化JavaScript对象：
const data = { key1: 'value1', key2: 'value2' };
fetch('***', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
4.2 异步数据处理与错误处理
4.2.1 Promises与async/await的使用
在处理fetch API的响应时，经常使用Promises来处理异步操作。async/await是基于Promise的另一种处理异步操作的语法，它可以让你以同步的方式编写异步代码：
async function fetchData() {
try {
const response = await fetch('***');
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
console.log(data);
} catch (error) {
console.error('There was a fetch error:', error);
}
}
fetchData();
4.2.2 错误处理机制与调试
处理网络请求时，错误处理是非常关键的。错误可能发生在网络请求、数据解析或者数据处理阶段。使用 .catch() 方法可以捕获到请求发起和解析过程中出现的错误。此外，可以使用网络调试工具（如Chrome开发者工具中的Network标签页）来查看请求和响应的详细信息。
fetch('***')
.then(response => {
if (!response.ok) {
// 处理响应错误
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
// 处理数据
console.log(data);
})
.catch(error => {
// 捕获错误
console.error('There has been a problem with your fetch operation:', error);
});
4.3 fetch API高级应用
4.3.1 中间件与拦截器的实现
使用fetch API时，我们可能需要应用中间件和拦截器来处理跨请求的逻辑，例如日志记录、错误处理或认证。在JavaScript中，我们可以模拟这种行为：
function logMiddleware(next) {
return function(request) {
console.log(`Requesting: ${request.url}`);
return next(request)
.then(response => {
console.log(`Received: ${response.status}`);
return response;
});
};
}
function fetchWithMiddleware(url, middleware) {
return function(request) {
return middleware(request)(fetch(request));
}
}
const loggingFetch = fetchWithMiddleware('***', logMiddleware);
loggingFetch({ method: 'GET' });
4.3.2 并发请求与请求流控制
并发请求在处理多个API调用时非常有用。使用 Promise.all() 可以同时处理多个fetch调用，而 AbortController 允许我们取消正在进行的请求：
const controller = new AbortController();
const signal = controller.signal;
const fetch1 = fetch('***', { signal });
const fetch2 = fetch('***', { signal });
Promise.all([fetch1, fetch2])
.then(responses => Promise.all(responses.map(r => r.json())))
.then(results => {
// 处理结果
console.log(results);
})
.catch(error => {
if (error.name === 'AbortError') {
console.log('Fetch aborted');
} else {
console.error('Problem fetching:', error);
}
});
// ...如果需要取消请求
controller.abort();
在本章节中，我们深入探讨了 fetch API 的基础知识和高级应用，通过代码示例展示了如何发起GET和POST请求，处理异步数据和错误，以及实现中间件、拦截器、并发请求和请求流控制。通过本章节的学习，读者应能更好地理解和应用fetch API来处理前端的网络请求需求。
5. JSON数据解析与存储
在现代的Web开发中，JSON (JavaScript Object Notation) 已经成为了数据交换的标准格式之一。JSON不仅轻量级，而且跨语言，能够方便地在前端与后端之间传递数据。在本章中，我们将深入探讨JSON数据的解析与存储，以及如何确保其安全性与校验。
5.1 JSON数据格式解析
5.1.1 JSON的基本结构与语法
JSON格式拥有非常简单的结构，其基本数据类型包含数字（Number）、字符串（String）、数组（Array）、对象（Object）、布尔值（Boolean）和null。JSON的语法简洁明了，易于人阅读和编写，同时也很容易由机器解析和生成。
一个典型的JSON对象可能看起来像这样：
{
"name": "John Doe",
"age": 30,
"isEmployed": true,
"address": {
"street": "123 Main St",
"city": "Anytown"
},
"phoneNumbers": [
{
"type": "home",
"number": "212 555-1234"
},
{
"type": "office",
"number": "646 555-4567"
}
]
}
JSON的键值对使用冒号“:”分隔，对象或数组使用大括号“{}”和方括号“[]”定义。在编程中使用JSON时，需要将JSON数据解析为程序可以操作的数据结构，比如在JavaScript中可以使用 JSON.parse() 方法将JSON字符串解析为JavaScript对象。
5.1.2 JSON数据与对象的转换
在前端JavaScript开发中，将服务器返回的JSON数据转换为JavaScript对象是常用的操作。通过 JSON.parse() 方法，可以将JSON格式的字符串转换为JavaScript对象。例如：
let jsonString = '{"name": "John", "age": 30}';
let obj = JSON.parse(jsonString);
console.log(obj.name); // 输出: John
同样的，当我们需要将JavaScript对象序列化为JSON字符串发送到服务器时，可以使用 JSON.stringify() 方法：
let obj = {name: "John", age: 30};
let jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出: {"name":"John","age":30}
JSON.stringify() 方法还允许我们指定一个替换器函数，该函数会在字符串化过程中被调用，可以定制化地调整对象结构。
5.2 JSON数据的存储与查询
5.2.1 使用数据库存储JSON数据
随着NoSQL数据库的流行，许多数据库开始支持以JSON格式存储数据。例如，MongoDB使用BSON（一种类似JSON的格式）存储数据，这使得开发者能够轻松地存储和检索JSON文档。使用这样的数据库，我们可以直接存储和查询JSON结构，而无需进行额外的格式转换。
例如，在MongoDB中插入一个JSON文档的代码如下：
const MongoClient = require('mongodb').MongoClient;
const url = 'mongodb://localhost:27017';
MongoClient.connect(url, { useNewUrlParser: true }, (err, client) => {
if (err) throw err;
const db = client.db("mydatabase");
const collection = db.collection("jsondata");
const doc = { name: "John Doe", age: 30 };
collection.insertOne(doc, (err, result) => {
if (err) throw err;
console.log("Document inserted with _id: " + result.insertedId);
client.close();
});
});
5.2.2 JSON数据查询与索引优化
在数据库中存储JSON数据后，有效地查询这些数据变得至关重要。大多数支持JSON的数据库提供了强大的查询功能。例如，在MongoDB中，你可以使用它强大的查询语言来查询JSON数据。
// 查询名为John Doe的文档
db.jsondata.find({ "name": "John Doe" })
索引是提升查询性能的关键。在存储JSON数据时，对经常用于查询的字段建立索引可以大大提高查询效率。在MongoDB中，你可以很容易地添加索引：
db.jsondata.createIndex({ "name": 1 })
这里， { "name": 1 } 表示对"name"字段创建升序索引。通过这种方式，查询操作可以利用索引快速定位到相关文档。
5.3 JSON数据的安全性与校验
5.3.1 JSON数据的安全风险
由于JSON数据通常来自不可信的外部源，因此可能会引入安全风险。常见的JSON安全问题包括注入攻击、数据污染和隐私泄露等。例如，恶意用户可能会通过构造的JSON数据破坏应用程序的数据结构或执行不期望的代码。
5.3.2 实现数据校验的方案
为了防止JSON数据的安全风险，数据校验变得非常必要。校验JSON数据意味着检查数据是否符合预期的格式和类型，以确保数据的正确性和安全性。
使用JSON Schema进行校验
JSON Schema是一种规范，用于描述和校验JSON文档的结构和内容。它允许开发者指定JSON数据应该满足的结构和规则。下面是一个JSON Schema的例子：
{
"$schema": "***",
"title": "Person",
"type": "object",
"properties": {
"firstName": {
"type": "string",
"description": "The person's first name."
},
"lastName": {
"type": "string",
"description": "The person's last name."
},
"age": {
"description": "Age in years which must be equal to or greater than zero.",
"type": "integer",
"minimum": 0
}
},
"required": ["firstName", "lastName"]
}
通过使用JSON Schema校验器，我们可以确保输入的JSON数据符合预定义的模式。在Node.js中，我们可以使用如 AJV (Another JSON Schema Validator) 等包来进行JSON数据校验。
const AJV = require("ajv");
const ajv = new AJV();
const schema = {
// ... JSON Schema ...
};
const validate = ***pile(schema);
const valid = validate(data);
if (!valid) {
console.log(validate.errors);
}
上述代码创建了一个验证器，然后使用这个验证器来检查数据是否符合我们的模式。如果数据不符合模式， validate.errors 将包含错误信息，可以用来进行进一步的调试和修复。
总结
在本章中，我们详细学习了JSON数据的解析与存储，并且探讨了与JSON数据处理相关的一些安全性和校验策略。JSON作为一种数据格式，它的简便性和灵活性使其成为Web开发中的首选。然而，为了确保应用程序的安全性和数据的可靠性，必须对JSON数据进行适当的处理和校验。通过理解并运用本章所介绍的知识，你将能够更加自信地处理JSON数据，并有效地整合到你的技术栈中。
6. 文件系统操作
6.1 文件读写与权限管理
在计算机系统中，文件系统是存储和组织数据的一种方式，它使用户和程序可以访问文件。本节将首先介绍文件系统的概念和基本操作，然后重点讲解文件权限的管理和安全性设置。
6.1.1 文件系统的概述与基本操作
文件系统是一个负责保存和组织数据的系统。它将数据以文件的形式存储在硬盘或其他存储设备上，并提供一个层次结构来管理这些文件。在Linux系统中，文件系统通常以树形结构的形式呈现，其中根目录（ / ）位于最顶端。
基本的文件系统操作包括：
-
touch: 创建空文件或更新现有文件的时间戳。 -
mkdir: 创建新目录。 -
cp: 复制文件或目录。 -
mv: 移动或重命名文件或目录。 -
rm: 删除文件或目录。 -
cat: 查看文件内容或合并文件。
示例代码如下：
# 创建一个空文件
touch example.txt
# 创建一个新目录
mkdir new_directory
# 复制文件
cp example.txt new_directory/
# 移动文件
mv example.txt another_directory/
# 删除文件
rm example.txt
# 查看文件内容
cat another_directory/example.txt
6.1.2 文件权限与安全性设置
文件权限定义了不同的用户对文件或目录的访问权限。在Linux中，权限分为读（r）、写（w）和执行（x），并且可以为所有者（owner）、所属组（group）和其他用户（others）设置。
使用 chmod 命令可以修改文件权限，例如：
# 给所有者增加执行权限
chmod u+x example.txt
# 给所属组增加读写权限
chmod g+rw example.txt
# 给其他用户设置读权限
chmod o+r example.txt
通过 chown 和 chgrp 命令可以改变文件的所有者和所属组：
# 改变文件所有者
chown new_owner example.txt
# 改变文件所属组
chgrp new_group example.txt
6.2 文件系统监控与日志
6.2.1 实现文件系统变更监控
文件系统监控对于系统管理员和开发者来说非常有用。它可以用来检测文件或目录的变动，如创建、删除、修改等。在Linux中， inotifywait 命令可以用来监控文件系统的变更。
使用 inotifywait 的基本语法如下：
inotifywait -m <目录>
其中 -m 选项表示持续监控模式。例如：
# 监控指定目录的变化
inotifywait -m /var/log
6.2.2 日志记录的最佳实践
日志记录是维护系统稳定性的重要组成部分。在文件系统层面，日志记录可以帮助系统管理员跟踪系统中的文件操作和变化。最佳实践包括：
- 使用
rsyslog或syslog-ng等日志服务进行集中式日志管理。 - 配置日志轮转，以防止日志文件无限增长占用过多磁盘空间。
- 设置适当的日志级别和格式化规则，以便于问题诊断和分析。
示例配置 /etc/rsyslog.conf 片段：
# Turn off disk buffering
$IMJournalStateFile state-ims.journal
# Log all kernel messages to the console.
kern.* /dev/console
# Log anything (except mail) of level info or higher.
# Don't log private authentication messages!
*.info;mail.none;authpriv.none;cron.none /var/log/messages
# The authpriv file has restricted access.
authpriv.* /var/log/secure
# Log all the mail messages in one place.
mail.* -/var/log/maillog
# Log cron stuff
cron.* /var/log/cron
6.3 实践：构建简单的文件管理工具
接下来，我们将设计一个简单的文件管理工具，其目标是为用户提供一个命令行界面来执行常见的文件操作。
6.3.1 设计文件管理工具的需求
在设计文件管理工具之前，我们需要明确需求：
- 能够列出目录下的文件和子目录。
- 提供创建、删除和重命名文件和目录的功能。
- 允许用户查看文件内容。
- 能够通过权限管理保护文件安全。
6.3.2 编写与测试代码实现
使用Python编写文件管理工具，它将提供一个简单的文本菜单来让用户选择不同的操作。
示例代码片段如下：
import os
def list_files(path):
"""列出目录下的所有文件和子目录"""
for entry in os.listdir(path):
print(entry)
def create_file(path, filename):
"""在指定路径下创建一个文件"""
with open(os.path.join(path, filename), 'w') as ***
***
"""删除指定路径下的文件"""
os.remove(os.path.join(path, filename))
def rename_file(path, oldname, newname):
"""重命名文件"""
os.rename(os.path.join(path, oldname), os.path.join(path, newname))
def view_file(path, filename):
"""查看文件内容"""
with open(os.path.join(path, filename), 'r') as ***
***
***
***"\n文件管理系统")
print("1. 列出文件")
print("2. 创建文件")
print("3. 删除文件")
print("4. 重命名文件")
print("5. 查看文件内容")
print("6. 退出")
choice = input("请选择操作 (1-6): ")
if choice == '1':
path = input("请输入文件夹路径: ")
list_files(path)
# 其他操作...
elif choice == '6':
break
else:
print("无效的输入，请重新选择。")
if __name__ == "__main__":
main()
在实际部署之前，要确保对每个功能进行详细的测试，以确保工具的稳定性和可用性。
简介：该项目展示了如何在Deno环境里通过TypeScript调用SpaceX API，获取和分析有关火箭发射、飞船着陆等任务的数据。Deno是由Ryan Dahl开发的现代JavaScript/TypeScript运行时，它支持模块导入、类型检查和安全的文件系统访问，而无需npm。通过fetch API进行HTTP请求，处理JSON格式的数据，TypeScript则保证了代码的类型安全。本项目深入介绍了Deno的基础知识、fetch API、JSON解析、TypeScript特性、错误处理、文件操作和测试等方面的实践。
扫一扫
491
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
