Đi tới nội dung
Trình đơn
Ngôn ngữ, hiện là Tiếng Việt
EnglishGaeilge简体中文Españolहिन्दीPortuguêsবাংলাРусский日本語廣東話Tiếng Việtالعربية

hệ thống thiết kế rastrillo

Tổng quan mọi thứ hệ thống thiết kế cung cấp. Chủ đề: signal. Ngôn ngữ: Tiếng Việt.

Tuyến

Những mảnh vốn là cả một phản hồi, chứ không phải một phần của phản hồi.

Các phần tử giao diện dựng sẵn, nhất quán với nhau, được kết xuất ở phía máy chủ.

Từ vựng của chính framework gọi chúng là partial: ui.Templates() trả về partial, và docs/site/templates.md ghi chúng dưới tên đó. Chữ trên trang này đã đổi; chữ trong mã thì không.

Các liên kết ở đây không hoạt động

Liên kết không hoạt động, mã nguồn mẫu được cung cấp kèm.

Mỗi mẫu bên dưới nằm trong khung riêng của nó.

Nội dung mẫu để tiếng Anh. Phần vỏ mẫu thì được dịch.

error-page

Toàn bộ phần thân của một phản hồi lỗi: mã trạng thái, một câu nói thật, một lối quay lại, và mã tham chiếu 500 mà quản trị viên dùng được.

404 — không tìm thấy

Xem trước
<div rst-error>
  <p rst-error-status>404</p>
  <h1 rst-error-title>Không tìm thấy trang đó</h1>
  <p rst-error-body>Liên kết có thể đã cũ, hoặc trang đã được chuyển đi. Hãy kiểm tra địa chỉ, hoặc quay về trang đầu.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">Trang đầu</a></p>
</div>

403 — không có quyền

Xem trước
<div rst-error>
  <p rst-error-status>403</p>
  <h1 rst-error-title>Bạn không xem được trang này</h1>
  <p rst-error-body>Tài khoản của bạn không có quyền truy cập ở đây. Nếu bạn nghĩ là nên có, hãy hỏi người quản lý trang web này.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">Trang đầu</a> <a rst-btn href="/posts">Quay lại</a></p>
</div>

422 — không xử lý được

Xem trước
<div rst-error>
  <p rst-error-status>422</p>
  <h1 rst-error-title>Gửi không thành công</h1>
  <p rst-error-body>Có gì đó trong nội dung đã gửi chưa đúng. Hãy quay lại và thử lại; không có gì được lưu.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">Trang đầu</a> <a rst-btn href="/posts/1/edit">Quay lại</a></p>
</div>

500 — lỗi máy chủ

Xem trước
<div rst-error>
  <p rst-error-status>500</p>
  <h1 rst-error-title>Đã có lỗi ở phía chúng tôi</h1>
  <p rst-error-body>Không phải do bạn. Sự cố đã được ghi lại. Hãy thử lại sau giây lát; nếu vẫn tiếp diễn, hãy nêu mã tham chiếu bên dưới.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">Trang đầu</a></p>
  <p class="rst-mono" rst-error-ref dir="auto">Mã tham chiếu: k3f9tq</p>
</div>

500 là trạng thái duy nhất có mã tham chiếu: người vận hành có thể grep nó trong nhật ký.

503 — không khả dụng

Xem trước
<div rst-error>
  <p rst-error-status>503</p>
  <h1 rst-error-title>Trang web tạm thời không khả dụng</h1>
  <p rst-error-body>Trang web đang được cập nhật hoặc đang bận. Hãy thử lại sau một phút.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">Trang đầu</a></p>
</div>

Mọi trường hợp khác — cặp chung

Xem trước
<div rst-error>
  <p rst-error-status>418</p>
  <h1 rst-error-title>Có gì đó chưa ổn</h1>
  <p rst-error-body>Không thể hoàn tất yêu cầu đó. Hãy quay lại và thử lại.</p>
  <p rst-error-cta><a rst-btn="primary" href="/">Trang đầu</a></p>
</div>

Năm trạng thái đã có lời văn trong danh mục của framework. Trạng thái thứ sáu lui về cặp chung, thay vì đưa tên một khóa còn thiếu ra trước mắt người đọc.

back-nav

Liên kết lùi lên một cấp, đặt phía trên màn hình xem hoặc sửa.

Quay lại một bản ghi

Xem trước
<nav rst-back-nav><a href="/orders/1">← Order AB3PX</a></nav>

locale-menu

Bộ chuyển ngôn ngữ: một trình đơn details gồm các biểu mẫu POST một trường gửi tới /_locale, để lựa chọn rơi vào cookie ngôn ngữ còn người đọc vẫn ở nguyên đường dẫn cũ.

Mười hai ngôn ngữ, ngôn ngữ hiện tại được làm nổi.

Xem trước
<details rst-dropdown rst-locale name="rst-menus">
  <summary>Ngôn ngữ<span rst-caret aria-hidden="true"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></span></summary>
  <div rst-dropdown-menu>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="en"><input type="hidden" name="return" value="/"><button type="submit" lang="en">English</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ga"><input type="hidden" name="return" value="/"><button type="submit" lang="ga">Gaeilge</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="zh-Hans"><input type="hidden" name="return" value="/"><button type="submit" lang="zh-Hans">简体中文</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="es"><input type="hidden" name="return" value="/"><button type="submit" lang="es">Español</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="hi"><input type="hidden" name="return" value="/"><button type="submit" lang="hi">हिन्दी</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="pt"><input type="hidden" name="return" value="/"><button type="submit" lang="pt">Português</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="bn"><input type="hidden" name="return" value="/"><button type="submit" lang="bn">বাংলা</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ru"><input type="hidden" name="return" value="/"><button type="submit" lang="ru">Русский</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ja"><input type="hidden" name="return" value="/"><button type="submit" lang="ja">日本語</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="yue"><input type="hidden" name="return" value="/"><button type="submit" lang="yue">廣東話</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="vi"><input type="hidden" name="return" value="/"><button type="submit" lang="vi" aria-current="true">Tiếng Việt</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ar"><input type="hidden" name="return" value="/"><button type="submit" lang="ar">العربية</button></form>
  </div>
</details>

Cái này gửi POST tới /_locale, việc đó cần có máy chủ. Bộ chuyển trong phần đầu của chính trang này là bản chỉ dùng liên kết.