เริ่มต้นใช้งานเริ่มต้นใช้งานได้ฟรี

ส่วน body และการสร้าง UI ให้สมบูรณ์

ตั้งค่า header และ sidebar เรียบร้อยแล้ว ตอนนี้มาตั้งค่าส่วน body กัน

นี่คือขั้นตอนสำคัญของกระบวนการ wireframing เพราะจะช่วยให้ตัดสินใจได้ว่าจะวาง output และ input ไว้ในตำแหน่งใดภายใน body หลักของ dashboard

ในแบบฝึกหัดนี้ จะวาง output และ input หลายรายการลงใน dashboard และเมื่อทำครบแล้ว จะได้ทั้งสามองค์ประกอบของ user interface ซึ่งจะนำมาประกอบกันใน dashboardPage()

แบบฝึกหัดนี้เป็นส่วนหนึ่งของหลักสูตร

การสร้างแดชบอร์ดด้วย shinydashboard

ดูคอร์ส

แบบฝึกหัดเชิงโต้ตอบแบบลงมือทำ

ลองทำแบบฝึกหัดนี้โดยเติมโค้ดตัวอย่างนี้ให้สมบูรณ์

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"),
                 ___(___))
         )
))
แก้ไขและรันโค้ด