1. Học hỏi
    2. /
  2. Khoa Học
    3. /
  3. Nghiên cứu tình huống: Xây dựng ứng dụng web với Shiny trong R
Connected

Bài tập

Thêm cấu trúc cho ứng dụng của bạn

Các bố cục (layout) trong Shiny giúp ứng dụng có cấu trúc bằng cách đặt các thành phần vào đúng vị trí mong muốn.

Một bố cục thanh bên được tạo bằng hàm sidebarLayout(), cung cấp cấu trúc hai cột cơ bản với thanh bên nhỏ ở bên trái và vùng chính lớn hơn ở bên phải.

Hàm bố cục thanh bên nhận hai đối số: sidebarPanel() và mainPanel(). Mỗi panel này có thể chứa bất kỳ tổ hợp phần tử văn bản/HTML nào, tương tự như cách bạn có thể trộn các phần tử này bên trong fluidPage().

Hướng dẫn

100 XP

Nhiệm vụ của bạn là thêm một bố cục thanh bên vào ứng dụng hiện có, sao cho phần nhập liệu nằm bên trái và phần đầu ra nằm trong vùng chính. Cụ thể, bạn cần:

  • Xác định UI cho ứng dụng Shiny.
  • Thêm một bố cục thanh bên vào trang.
  • Thêm một thanh bên (sidebar panel) vào bố cục và đặt các input cùng văn bản vào đó.
  • Thêm một vùng chính (main panel) vào bố cục và đặt biểu đồ cùng bảng vào đó.