你會看到一個像這樣的簡單頁面：

<img src="/img/tutorial/websockets/image01.png">

你可以在輸入框輸入訊息並送出：

<img src="/img/tutorial/websockets/image02.png">

你的 **FastAPI** 應用會透過 WebSockets 回應：

<img src="/img/tutorial/websockets/image03.png">

你可以傳送（與接收）多則訊息：

<img src="/img/tutorial/websockets/image04.png">

而且它們都會使用同一個 WebSocket 連線。

## 使用 `Depends` 與其他功能 { #using-depends-and-others }

            // Test case 2: Different MIME type should not match
            Map<String, Object> pngDocMap = new HashMap<>();
            pngDocMap.put("thumbnail", "http://example.com/image.png");
            pngDocMap.put("mimetype", "image/png");
            assertFalse("PNG MIME type should not be target", generator.isTarget(pngDocMap));

            // Test case 3: Missing thumbnail field should not match

<img src="/img/tutorial/extending-openapi/image02.png">

But you can disable it by setting `syntaxHighlight` to `False`:

{* ../../docs_src/configure_swagger_ui/tutorial001_py310.py hl[3] *}

...and then Swagger UI won't show the syntax highlighting anymore:

<img src="/img/tutorial/extending-openapi/image03.png">

## Change the Theme { #change-the-theme }

您将看到一个简单的页面，如下所示：

<img src="/img/tutorial/websockets/image01.png">

您可以在输入框中输入消息并发送：

<img src="/img/tutorial/websockets/image02.png">

您的 **FastAPI** 应用程序将通过 WebSockets 回复：

<img src="/img/tutorial/websockets/image03.png">

您可以发送（和接收）多条消息：

<img src="/img/tutorial/websockets/image04.png">

所有这些消息都将使用同一个 WebSocket 连接。

## 使用 `Depends` 和其他依赖项 { #using-depends-and-others }

            assertTrue(thumbnailGenerator.generate(thumbnailId, outputFile));
            assertTrue(outputFile.exists());
        }
    }

    @Test
    public void test_isTarget_withVariousMimeTypes() {
        // Test with various MIME types
        String[] supportedTypes = { "application/pdf", "image/jpeg", "image/png" };

test.txt This is a test text file. gophercolor16x16.png...

比如，你可以禁用 Swagger UI 中的语法高亮。

当没有改变设置时，语法高亮默认启用：

<img src="/img/tutorial/extending-openapi/image02.png">

但是你可以通过设置 `syntaxHighlight` 为 `False` 来禁用 Swagger UI 中的语法高亮：

{* ../../docs_src/configure_swagger_ui/tutorial001_py310.py hl[3] *}

...在此之后，Swagger UI 将不会高亮代码:

<img src="/img/tutorial/extending-openapi/image03.png">

## 改变主题 { #change-the-theme }

同样地，你也可以通过设置键 `"syntaxHighlight.theme"` 来设置语法高亮主题（注意中间有一个点）：

## *path operation*を非推奨にする { #deprecate-a-path-operation }

*path operation*を<dfn title="非推奨、使用しないことを推奨">deprecated</dfn>としてマークする必要があるが、それを削除しない場合は、`deprecated`パラメータを渡します:

{* ../../docs_src/path_operation_configuration/tutorial006_py310.py hl[16] *}

対話的ドキュメントでは非推奨と明記されます:

<img src="/img/tutorial/path-operation-configuration/image04.png">

<img src="/img/tutorial/generate-clients/image02.png">

送信するペイロードにも補完が適用されます:

<img src="/img/tutorial/generate-clients/image03.png">

/// tip | 豆知識

FastAPI アプリの `Item` モデルで定義した `name` と `price` に補完が効いている点に注目してください。

///

送信データに対するインラインエラーも表示されます:

<img src="/img/tutorial/generate-clients/image04.png">

レスポンスオブジェクトにも補完があります:

<img src="/img/tutorial/body/image01.png">

并且，还会用于需要它们的每个*路径操作*的 API 文档中：

<img src="/img/tutorial/body/image02.png">

## 编辑器支持 { #editor-support }

在编辑器中，函数内部你会在各处得到类型提示与补全（如果接收的不是 Pydantic 模型，而是 `dict`，就不会有这样的支持）：

<img src="/img/tutorial/body/image03.png">

还支持检查错误的类型操作：

<img src="/img/tutorial/body/image04.png">

这并非偶然，整个框架都是围绕这种设计构建的。