Bắt đầu ngayBắt đầu miễn phí

Phần body và hoàn thiện giao diện UI

Bạn đã thiết lập header và sidebar. Giờ là lúc thiết lập body.

Đây là bước then chốt trong quá trình wireframing, vì nó giúp bạn quyết định vị trí đặt các đầu ra (outputs) và đầu vào (inputs) trong phần nội dung chính của dashboard.

Trong bài tập này, bạn sẽ đặt một số đầu ra và đầu vào vào dashboard. Qua đó, bạn sẽ có đủ cả ba thành phần của giao diện người dùng, và chúng sẽ được ghép lại trong dashboardPage().

Bài tập này là một phần của khóa học

Xây dựng Dashboard với shinydashboard

Xem khóa học

Bài tập tương tác thực hành trực tiếp

Hãy thử làm bài tập này bằng cách hoàn thành đoạn mã mẫu này.

header <- dashboardHeader(title = "Soccer tournament")

sidebar <- dashboardSidebar(
  sidebarMenu(
    menuItem("Matches", tabName = "matchtab", icon = icon("futbol")), 
    menuItem("General statistics", tabName = "statstab", icon = icon("chart-line")) 
  )
)

body <- dashboardBody(tabItems(
  tabItem(tabName = "matchtab", 
  fluidRow(selectInput("match", "Match number", choices = 1:nrow(soccer))) 
         ),
  # See that the second tab should contain three sub-tabs
  ___(tabName = ___, 
          ___(tabPanel("Goals"), 
                 ___("Yellow cards"),
                 ___(___))
         )
))
Chỉnh sửa và Chạy Mã