l2-shiny的页面布局

基于上篇对shiny app 结构的了解

是时候开始从零构建一个shiny app了

二、构建一个用户界面

此篇旨在如何构建app对用户界面，如何布局用户界面然后加文字图片和其他HTML元素

让我们用上一篇构建的App-1开始这篇吧，编辑一下变成下面的样子

library(shiny)

# Define UI ----
ui <- fluidPage(
  
)

# Define server logic ----
server <- function(input, output) {
  
}

# Run the app ----
shinyApp(ui = ui, server = server)

1.页面布局

Shiny 使用fluidPage函数创建能自动适应用户浏览器窗口的页面，通过往fluidPage中放置元素来布局用户界面。

如例，下面的ui函数创建了一个含有标题面板和侧栏布局（侧栏面板和主面板）的页面布局，这些元素都应放在fluidPage函数中

ui <- fluidPage(
  titlePanel("title panel"),

  sidebarLayout(
    sidebarPanel("sidebar panel"),
    mainPanel("main panel")
  )
)

 

t