## Utiliser une classe `APIRoute` personnalisée dans un routeur { #custom-apiroute-class-in-a-router }

Vous pouvez également définir le paramètre `route_class` d'un `APIRouter` :

{* ../../docs_src/custom_request_and_route/tutorial003_py310.py hl[26] *}

## Clase personalizada `APIRoute` en un router { #custom-apiroute-class-in-a-router }

También puedes establecer el parámetro `route_class` de un `APIRouter`:

{* ../../docs_src/custom_request_and_route/tutorial003_py310.py hl[26] *}

{* ../../docs_src/custom_request_and_route/tutorial002_an_py310.py hl[17:19] *}

## ルーターでのカスタム `APIRoute` クラス { #custom-apiroute-class-in-a-router }

`APIRouter` の `route_class` パラメータを設定することもできます：

{* ../../docs_src/custom_request_and_route/tutorial003_py310.py hl[26] *}

この例では、`router` 配下の *path operations* はカスタムの `TimedRoute` クラスを使用し、レスポンスの生成にかかった時間を示す追加の `X-Response-Time` ヘッダーがレスポンスに含まれます：

                            <div class="card-footer">
                                <jsp:include page="/WEB-INF/view/common/admin/crud/buttons.jsp"></jsp:include>
                            </div>
                        </div>
                    </div>
                </div>
            </la:form>
        </section>
    </main>
    <jsp:include page="/WEB-INF/view/common/admin/footer.jsp"></jsp:include>
</div>

.input-wrapper {
    display: flex;
    flex-direction: column;
}

.card-footer #chatInput {
    resize: none;
    max-height: 150px;
    overflow-y: auto;
    border-radius: 8px 0 0 8px;
    border: 1px solid #dfe1e6;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.card-footer #chatInput:focus {
    border-color: #0052cc;
    box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.2);
}

                                                    </div>
                                                </div>
                                                <div class="modal-footer justify-content-between">
                                                    <button type="button" class="btn btn-outline-secondary"
                                                            data-dismiss="modal">

                                                </p>
                                            </div>
                                            <div class="modal-footer justify-content-between">
                                                <la:form action="/admin/searchlist/delete">
                                                    <button type="button" class="btn btn-outline-light"

										/></label>
									<div class="col-sm-9">
										<input id="requestFile" type="file" name="requestFile" class="form-control-file" />
									</div>
								</div>
							</div>
							<div class="card-footer">
								<c:if test="${editable}">
									<button type="submit" class="btn btn-primary" name="upload">
										<i class="fa fa-upload" aria-hidden="true"></i>
										<la:message key="labels.sereq_button_upload" />

                            <div class="card-footer">
                                <jsp:include page="/WEB-INF/view/common/admin/crud/buttons.jsp"></jsp:include>
                            </div>
                        </div>
                    </div>
                </div>
            </la:form>

        </section>
    </main>
    <jsp:include page="/WEB-INF/view/common/admin/footer.jsp"></jsp:include>
</div>

                            <div class="card-footer">
                                <jsp:include page="/WEB-INF/view/common/admin/crud/buttons.jsp"></jsp:include>
                            </div>
                        </div>
                    </div>
                </div>
            </la:form>
        </section>
    </main>
    <jsp:include page="/WEB-INF/view/common/admin/footer.jsp"></jsp:include>
</div>