Ruby on Rails 2.1-视图

📌 相关文章

📜 Ruby on Rails 2.1-视图

📅 最后修改于: 2020-10-20 05:16:16 🧑 作者: Mango

Rails View是一个ERb程序，它通过相互可访问的变量与控制器共享数据。

如果查看库应用程序的app / views目录，您将看到我们创建的每个控制器的一个子目录：book。当使用generate脚本创建同名控制器时，将自动创建这些子目录中的每个子目录。

现在，假设您的Web服务器已启动并正在运行，请在浏览器的地址栏中提供以下输入-

http://localhost:3000/book/list

您收到以下错误消息，因为尚未为控制器中定义的任何方法定义任何视图文件。

缺少模板

Rails让您知道需要为新方法创建视图文件。您在控制器中定义的每个方法都需要有一个与该方法同名的相应RHTML文件，以显示该方法正在收集的数据。

因此，让我们为book_controller.rb中定义的所有方法创建视图文件。

为列表方法创建视图文件

使用您喜欢的文本编辑器创建一个名为list.rhtml的文件，并将其保存到app / views / book。创建并保存文件后，刷新Web浏览器。您应该看到一个空白页；如果不这样做，请检查文件的拼写，并确保它与控制器的方法完全相同。

现在，为了显示实际内容，让我们将以下代码放入list.rhtml中。

There are not any books currently in the system.
   

   
   These are the current books in our system
   
      
   
         
     
          'show', :id => c.id} -%>

         

      



 'new' }%>

要执行的代码是检查@books数组中是否包含任何对象。 .blank？如果数组为空，则方法返回true，如果包含任何对象，则返回false。该@books对象是在list方法内的控制器中创建的。

<％=％>标记之间的代码是link_to方法调用。 link_to的第一个参数是要在标记之间显示的文本。第二个参数是单击链接时调用的动作。在这种情况下，它是show方法。最后一个参数是通过params对象传递的书籍的ID

现在，尝试刷新您的浏览器，您将得到以下屏幕，因为我们的图书馆中没有任何书籍。

为新方法创建视图文件

到目前为止，我们的图书馆中没有任何书籍。我们必须在系统中创建一些书。因此，让我们设计一个与book_controller.rb中定义的新方法相对应的视图。

使用您喜欢的文本编辑器创建一个名为new.rhtml的文件，并将其保存到app / views / book。将以下代码添加到new.rhtml文件中。

Add new book

 'create'  do %>

Title
:



Price:



Subject:



Description








 'list'} %>

在这里， start_form_tag（）方法使用提供给它的所有信息将Ruby代码解释为常规HTML

下一个方法是text_field ，它输出文本字段。 text_field的参数是对象和字段名称。在这种情况下，对象是book，名称是title。

称为collection_select的Rails方法创建一个HTML选择菜单，该菜单是根据数组构建的，例如@books一个。有五个参数，如下所示-

：book-您要操作的对象。在这种情况下，它是一个书本对象。
：subject_id-保存书时填充的字段。
@books-您正在使用的数组。
：id-存储在数据库中的值。就HTML而言，这是
：name-用户在下拉菜单中看到的输出。这是

下一个使用的是commit_tag ，它输出一个按钮来提交表单。最后，有一个end_form_tag方法可以简单地转换为。

转到浏览器并访问http：// localhost：3000 / book / new。这将为您提供以下屏幕。

以这种形式输入一些数据，然后单击“创建”按钮。这将导致调用create方法，该方法不需要任何视图，因为此方法使用列表或新方法来查看结果。当您单击创建按钮时，数据应成功提交并将您重定向到列表页面，其中您现在列出了一个项目，如下所示：

如果单击链接，则应该看到另一个错误“缺少模板”，因为尚未为show方法创建模板文件。

为显示方法创建视图文件

此方法将显示有关库中所有可用书籍的完整详细信息。在app / views / book下创建一个show.rhtml文件，并使用以下代码填充它-





   Price:  $


   Subject : 


   Created Date: 








 'list'} %>

这是您第一次充分利用关联，这使您可以轻松地从相关对象中提取数据。

使用的格式为@ variable.relatedObject.column 。在这种情况下，您可以使用belongs_to关联通过@book变量获取主题的名称值。如果单击任何列出的记录，它将显示以下屏幕。

创建用于编辑方法的视图文件

创建一个名为edit.rhtml的新文件，并将其保存在app / views / book中。用以下代码填充它-

Edit Book Detail

 'update', :id => @book do %>

Title:

   

Price:

   

Subject:

   

Description


   





 'list' } %>

这段代码与新方法非常相似，除了要更新操作而不是创建和定义id之外。

在这一点上，我们需要在列表方法的视图文件中进行一些修改。转到

元素并对其进行修改，以使其看起来如下所示：


    "show", :id => c.id} -%>
     "edit",
   :id => c.id} %>

现在，尝试使用http：// localhost：3000 / book / list浏览书籍。它将为您提供所有书籍的清单以及“编辑”选项。单击“编辑”选项时，将显示下一个屏幕，如下所示：

现在，您编辑此信息，然后单击“保存更改”按钮。这将导致调用控制器文件中可用的update方法，并将更新所有更改的属性。请注意， update方法不需要任何视图文件，因为它使用show或edit方法来显示其结果。

创建用于删除方法的视图文件

使用Ruby on Rails从数据库中删除信息几乎太容易了。您不需要为delete方法编写任何视图代码，因为该方法使用列表方法显示结果。因此，让我们再次修改list.rhtml并添加一个删除链接。

转到

元素并将其修改为如下所示-


    'show', :id => c.id} -%>
     'edit', :id => c.id} %>
     'delete', :id => c.id},
   :confirm => "Are you sure you want to delete this item?" %>

：confirm参数显示一个JavaScript确认框，询问您是否真的要执行该操作。如果用户单击“确定”，则操作将继续，并且该项目将被删除。

现在，尝试使用http：// localhost：3000 / book / list浏览书籍。它将为您提供所有书籍的清单以及“编辑”和“删除”选项，如下所示：

现在，使用“删除”选项，您可以删除任何列出的记录。

为show_subjects方法创建视图文件

在app / views / book目录中创建一个新文件show_subjects.rhtml，并向其中添加以下代码-



   
    "show", :id => c.id -%>

您可以通过遍历单个主题的许多书籍清单来利用关联。

现在，修改show.rhtml的“主题”行，以便主题列表显示一个链接。

Subject:   "show_subjects", :id => @book.subject.id %>

这将在索引页面上输出主题列表，以便用户可以直接访问它们。

修改list.rhtml以在文件顶部添加以下内容：


   
    "show_subjects", 
      :id => c.id %>

现在，尝试使用http：// localhost：3000 / book / list浏览书籍。它将显示带有链接的所有主题，以便您可以浏览与该主题相关的所有书籍。

接下来是什么？

我们希望您现在对所有Rails操作感到满意。

下一章将说明如何使用布局更好地放置数据。我们还将向您展示如何在Rails应用程序中使用CSS。