在Rails应用中,子菜单的视图结构可以通过以下几个步骤来实现:
app/views/layouts
文件夹中创建一个名为_submenu.html.erb
的文件,用于存放子菜单的视图代码。_submenu.html.erb
文件中,编写子菜单的HTML结构。例如:<ul class="submenu">
<li><%= link_to 'Submenu Item 1', submenu_item_1_path %></li>
<li><%= link_to 'Submenu Item 2', submenu_item_2_path %></li>
<li><%= link_to 'Submenu Item 3', submenu_item_3_path %></li>
</ul>
app/views/layouts/application.html.erb
,使用render
方法插入_submenu.html.erb
文件。例如:<!DOCTYPE html>
<html>
<head>
<title>My Rails App</title>
</head>
<body>
<header>
<%= render 'layouts/header' %>
</header>
<nav>
<%= render 'layouts/nav' %>
</nav>
<main>
<%= yield %>
</main>
<footer>
<%= render 'layouts/footer' %>
</footer>
</body>
</html>
<%= render 'layouts/header' %>
、<%= render 'layouts/nav' %>
和<%= render 'layouts/footer' %>
分别表示顶部导航、左侧导航和底部导航,可以根据需要进行修改。config/routes.rb
文件中,添加子菜单项对应的路由。例如:Rails.application.routes.draw do
get 'submenu_item_1', to: 'pages#submenu_item_1'
get 'submenu_item_2', to: 'pages#submenu_item_2'
get 'submenu_item_3', to: 'pages#submenu_item_3'
end
这样,子菜单的视图结构就完成了。当然,具体实现可能会因应用需求而有所不同,但以上是一个基本的实现方式。
领取专属 10元无门槛券
手把手带您无忧上云