麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > Ruby > 正文

Ruby on Rails中MVC結構的數據傳遞解析

2020-10-29 19:40:38
字體:
來源:轉載
供稿:網友

如果讀者已經開發過基于 Rails 的應用,但對其 MVC 間的數據傳遞還有諸多困惑,那么恭喜您,本文正是要總結梳理 Rails 數據傳遞的方法和技巧。Ruby on Rails 3(以下統稱為 Rails 3)是當前的主要發布版本,本文所述及的內容和代碼都基于此版本。
Rails 3 簡介

Ruby on Rails 是一個 Ruby 實現、采用 MVC 模式的開源 Web 應用開發框架,能夠提供 Web 應用的全套解決方案。它的“習慣約定優于配置”的設計哲理,使得 Web 開發人員能夠從繁瑣的配置中解放出來,專注于核心的應用邏輯。“習慣約定優于配置”是 Rails 根據最佳經驗習慣,提供可直接使用的功能及規范,而不再需要開發人員通過復雜的配置文件進行具體繁瑣的設置。Ruby on Rails 快速高質的開發特性及其數量眾多的免費插件,吸引了包括 Twitter、Groupon 和 Hulu 等大批互聯網新貴。

快速創建 Rails 3 應用程序

為了逐步演示 Rails 3 的功能特性,此處采用增量模式開發一個簡單的博客模型。 在安裝完 Rails3 之后,運行命令:Rails new demoBlog 。

demoBlog 應用程序所需的各類文件就自動生成。進入生成的文件夾 demoblog,運行自動安裝 demoBlog 所需 gem 的命令:bundle install 。

然后在 $rorails/demoblog/config/database.yml 中簡單地配置數據庫文件,運行創建數據庫的命令:rake db:create 。

至此,簡單的 demoBlog 創建完畢,運行服務器啟動命令:rails server 。

打開 http://localhost:3000 就可以看到 Rails 3 的典型歡迎頁面,如圖 1 所示。
圖 1. Rails 3 的典型歡迎頁面

2015422173048964.jpg (554×406)

Rails 腳手架可以快速地為新資源建立起模型、視圖和控制器,而不必處理其中的細節。直接運行以下命令,為 demoBlog 建立一個 article 腳手架,用于管理博客里的文章。運行腳手架建立命令:rails generate scaffold Article title:string keywords:string content:text

這將生成 article 控制器、 article 的視圖文件和含有 title、 keyword 及 content 三個屬性的 article 模型。運行數據庫遷移命令,生成相關數據表:rake db:migrate 。 此時,一個簡單但結構完整的文章管理系統就開發完成。 通過 URL:http://localhost:3000/articles/就可以直接訪問其文章管理頁面。

Rails 3 MVC 架構解析

Rails 3 采用 MVC(Model 模型、View 視圖、Controller 控制器)層級架構實現核心功能模塊。這不僅使業務邏輯獨立于用戶界面,代碼清晰易于維護,還能夠提高代碼重復利用率,達成 Rails“不重復自己”的原則。Rails 中 MVC 的功能分別如下:

  •     Model(模型):代表應用系統的數據信息以及操作這些數據的規則;
  •     View(視圖):代表應用系統的用戶接口,通常是包含嵌入式 Ruby 代碼的 HTML 文件,用于向瀏覽器提供數據的工作;
  •     Controller(控制器):主要負責處理 Web 請求,檢索模型數據并按要求將數據傳遞給視圖。控制器是模型和視圖的聯系橋梁。

以上文創建的 demoBlog 應用程序為例,用戶為訪問文章列表,輸入頁面的 URL:http://localhost:3000/article 打開頁面,對應的 Web 請求處理流程如圖 2 所示,大致步驟如下:

  •     瀏覽器發出 Web 請求
  •     路由模塊將請求信息發送給相應的控制器,由控制器決定如何處理請求;
  •     控制器根據請求處理邏輯,調用相應的模型來完成業務邏輯;
  •     根據實際需求,完成數據的檢索或存儲;
  •     控制器組織處理信息,調用視圖解析從模型返回的數據;
  •     完成頁面渲染,返還數據給瀏覽器。

圖 2. Rails 3 MVC 事件處理流程圖

2015422173114724.jpg (492×427)

通過 Rails 3 典型的內部處理流程,可以看到 Rails 3 的 MVC 結構清晰,分工明確。那么這些功能緊密聯系的模塊,是如何完成數據傳遞,又有哪些技巧呢?許多初學者都為此困惑不已,筆者將在下文的進行詳細地分析介紹。

控制器與視圖間的數據傳遞方法技巧

打開視圖文件夾,找到用于實現文章列表的源文件 $rorails/demoBlog/app/views/articles/index.html.erb,可以看到清單 1 所示代碼。這段代碼對變量 @articles 迭代,顯示所有文章列表的屬性值。
清單 1. 視圖 index.html.erb 代碼片段

 <% @articles.each do |article| %>  <tr>   <td><%= article.title %></td>   <td><%= article.keywords %></td>   <td><%= article.content %></td>   <td><%= link_to 'Show', article %></td>   <td><%= link_to 'Edit', edit_article_path(article) %></td>   <td><%= link_to 'Destroy', article, :confirm =>   'Are you sure?', :method => :delete %></td>  </tr>  <% end %>

讓初學者困惑不已的是,此處的變量 @articles 來自何處呢?為了解決這個問題,打開 article 控制器的源文件 $rorails/demoblog/app/controllers/articles_controller.rb,找到與 index.html.erb 對應的 index 方法,可以看到變量 @articles,如清單 2 所示。視圖中的 @articles 變量正是由控制器生成賦值,然后傳遞給視圖的,并且這個傳遞過程對開發人員而言是透明的。換句話說,視圖可以直接使用對應控制器中對應方法的變量。
清單 2. 控制器中獲取數據的代碼片段

 def index   @articles = Article.all   respond_to do |format|    format.html # index.html.erb    format.xml { render :xml => @articles }   end  end

用戶打開 http://localhost:3000/articles/new 發表新文章,控制器將通過 @article = Article.new,基于 Article 模型創建一個值為空的數據,然后傳輸給 new.html.erb 視圖,顯示效果如圖 3 所示。用戶在這個空的頁面上填寫數據,點擊“Create Article”創建文章。文章創建成功,返回文章創建成功的提示信息和新創建文章的內容,如圖 4 所示。這里看似一個簡單的過程,實際上包含了將數據從表單傳遞到控制器,進而傳遞到模型完成存儲的過程。
圖 3. 新創建文章

2015422173146023.jpg (458×454)

圖 4. 文章創建成功

2015422173212461.jpg (500×271)

渲染視圖的代碼位于 _form.html.erb(被 new.html.erb 調用)。用戶點擊提交后,Rails 將根據路由規則跳轉到控制器的 create 方法。過程的確簡單,但是用戶填寫到表單的數據是如何傳遞給控制器的呢?

控制器的 create 方法如下清單 3 所示。為了創建新的 article 對象,create 方法將從 params 中讀取數據 :article 參數。這里的 params 是哈希表,它是 Rails 里最重要的傳遞參數之一,包含瀏覽器請求傳遞的數據。正是這個 params 將數據從客戶端表單傳遞到控制器。以此處為例,新建的文章表單數據(包括 Title,Keywords,Content)將被封裝到 article 對象,通過 params 傳遞到控制器。
清單 3. 控制器的 create 方法

 def create   @article = Article.new(params[:article])   respond_to do |format|    if @article.save     format.html {    redirect_to(@article, :notice => 'Article was successfully created.') }    format.xml {    render :xml => @article, :status => :created, :location => @article }    else     format.html {    render :action => "new" }     format.xml {    render :xml => @article.errors, :status => :unprocessable_entity }    end   end  end

Rails 應用程序可以用兩種方法的把數據傳給 params,進而由控制器的某個方法獲取。一種是將用戶輸入到 HTML 表單的數據封裝到 HTTP 請求,通過 POST 方法將數據傳給控制器的 params。上文采用的就是這種方法,將 new.html.erb 視圖的表單數據通過 POST 方法提交。另外一種方法就是通過把數據作為 URL 的一部分,位于 URL 中 ? 之后,通常稱為 URL 查詢字符串參數。Rails 并沒有對這兩種方法傳遞的數據做出區分,控制器都能夠以前文述及的方法從 params 中獲取數據。以 URL:http://127.0.0.1:3000/articles?keywords%5b%5d=Hello&keywords%5b%5d=Test& keywords%5b%5d=Article 為例,params[:keywords] 將存儲 [“Hello”, “Test”, “Article”]。

控制器與模型間的數據傳遞方法技巧

正如圖 2 所示,控制器是連接視圖與模型的關鍵組件,它不僅接收來自視圖的表單數據,還可以將模型里的數據傳遞給視圖。比起控制器與視圖之間的數據傳遞,控制器與模型的數據相互傳遞更容易理解。

參考代碼清單 3,控制器通過 Article.new(params[:article]) 的方法創建一個 Article 實例,然后由 @article.save 將數據存儲到數據庫表中。這個過程如此的簡單,看起來控制器是直接與數據庫交換的,并沒有涉及任何模型。打開模型源文件 $rorails/rorails/demoblog/app/models/ article.rb,如清單 4 所示。模型代碼竟然如此簡潔,連實體關系模型中常見的屬性定義都沒有。實際上,Rails 中模型的屬性是靠命名規則與數據庫字段實現關聯的。模型數據的屬性定義是在對應的 migrate 文件中。控制器直接使用 create,save 和 update 等繼承自父類 ActiveRecord::Base 的方法,實現數據創建、存儲和更新,不需要額外的編寫代碼。
清單 4. Article 模型的代碼

 class Article < ActiveRecord::Base  end

在 Rails 中,控制器獲取模型數據過程也是相當的方便快捷。打開控制器源文件,update 方法如清單 5 所示。Rails 按照路由規則把請求 URL 中的 ID 值,通過 params 傳遞給控制器。Article.find 方法根據 :id 查找現有的數據,然后使用 update_attributes 方法更新記錄。Rails 控制器正是通過 ActiveRecord 的 find 方法從模型中讀取數據。
清單 5. 控制器 update 方法

 def update   @article = Article.find(params[:id])   respond_to do |format|    if @article.update_attributes(params[:article])     format.html {     redirect_to(    @article, :notice => 'Article was successfully updated.') }     format.xml { head :ok }    else     format.html { render :action => "edit" }     format.xml {     render :xml =>     @article.errors, :status => :unprocessable_entity }    end   end  end

Rails 3 封裝了控制器、模型乃至數據庫之間的數據映射關系,極大地簡化了數據操作過程,數據存取異常方便,充分體現了 Rails 的“習慣約定優于配置”設計哲理。

視圖內的數據共享
視圖與布局間的數據共享

在 Rails 3 之后,通過腳手架生成的視圖布局位于 layouts/application.html.erb,能夠被所有的控制器共享。布局和視圖可以共享控制器中的數據。也就是說,布局可以用與視圖完全一樣的方法獲取控制器中的數據。

然而在某些特殊的情況下,布局需要讀取一些視圖的信息。以 demoBlog 為例,為了能夠在文章列表顯示頁面的標題上顯示文章的總篇數,可以在 index.html.erb 末尾添加代碼如清單 6 所示。
清單 6. 視圖 index 讀取文章總篇數

 <% content_for :ArticleNumber do %>  <%= @articles.length %>  <% end %>

在布局源文件的頭部,添加 yield 方法,如清單 7 所示。這樣 <% content_for :ArticleNumber do %> 標簽里的信息,就可以在 <%= yield :ArticleNumber %> 指定的位置顯示。文章的篇數信息在頁面頭部的最終顯示效果如圖 5 所示。
清單 7. 通過布局源文件顯示

 <head>  <title>Demoblog has <%= yield :ArticleNumber %> articles. </title>  <%= stylesheet_link_tag :all %>  <%= javascript_include_tag :defaults %>  <%= csrf_meta_tag %>  </head>

圖 5. 文章總篇數的最終顯示效果

2015422173244018.jpg (553×252)

上述的例子比較特殊,但卻很好地闡述了布局讀取視圖數據的方法。需要注意的是,布局是不能向視圖傳遞信息的,因為視圖的執行是在布局引入或者說發生作用之前。
視圖之間的數據

視圖之間經常需要傳遞數據,Rails 為此進行了精心設計。它不僅提供特有的 flash 快捷機制,也支持傳統的 Session 和 Cookie 功能。需要說明的是,此節講述的數據傳遞過程,本質上還是從控制器到視圖的。因為對用戶而言,數據是從某個視圖獲取,然后通過另外一個視圖顯示出來。因為中間的控制器對開發者而言近乎透明,所以姑且將此類型定義為視圖之間的數據傳遞。

Rails 的 flash 機制尤其適用于前后關聯的視圖頁面之間傳遞數據。從本質上看, flash 是 Rails 內建的一個哈希表,用于從一個控制器向另一個控制器的視圖發送用戶所需的消息。當控制器調用 redirect_to 時,重定向會清空除 flash 之外的所有變量。

以文章修改更新為例,需要在下一個頁面(此處是顯示文章的頁面,對應 show 的 action)告訴用戶完成的結果。對應的 update 方法如前文代碼清單 5 所示,很顯然,更新成功的提示消息 'Article was successfully updated.' 賦值給了 :notice, 而后者正是 flash 哈希表的最常用的一個鍵。除了 :notice 之外,:error, :alert, warning 鍵也是相當常見的。提示文章更新成功的消息顯示效果如圖 6 所示。
圖 6. 提示文章更新成功

2015422173307460.jpg (476×268)

通常,添加到 flash 的數據能夠在緊接著的下個請求里讀取。但是某些情況下,您想在當前請求中直接使用。比如文章創建失敗,直接渲染頁面的情況下,就不會導致新的請求。如果此時需要顯示 flash 中的信息,可以用 flash.now 方法實現。

flash 的使用必須注意幾點:首先,為了保證性能, flash 中存儲的數據不能過長。其次,flash 的內容只能跨越一次重定向,如果希望數據能夠在重定向后依然有效,需要在重定向之前使用 flash.keep。

為了演示 Rails 是如何使用 Cookie 和 Session 的,此處將為文章添加讀者評論功能。整個創建過程非常簡單,以下一條命令就能夠創建評論所需的數據庫表并實現嵌套映射:

rails generate model Comment user:string comment:text article:references

運行遷移數據庫命令:rake db:migrate,添加評論顯示代碼,就可以獲取如圖 7 所示的讀者評論功能。
圖 7. 讀者發表文章評論

2015422173327332.jpg (449×449)

Cookie 通常是由服務器端發送給瀏覽器的,用于存儲少量用戶信息的文本。基于 Rails 的應用多數情況下不需要直接存取 Cookie,因為 Rails 內置的會話機制或者第三方的插件都能夠支持用戶信息管理。存儲在 Cookie 中的數據可以跨請求甚至跨會話, 所以用戶也可以直接使用 Cookie 存取數據。

Rails 提供非常簡便的 Cookie 訪問方法。為了提示用戶使用相同的用戶名發表評論,此處采用 Cookie 來保存用戶最近一次發表評論時使用的用戶名。如清單 8 所示,通過 cookies[:name] 來讀取或者保存用戶名。
清單 8. 創建評論的控制器代碼片段

 class CommentsController < ApplicationController  def create   @last_name = cookies[:name]   @name = params[:comment][:user]   unless @name == @last_name    cookies[:last_name] = @last_name    cookies[:name] = @name   else    cookies[:last_name] = nil   end  end  end

在文章控制器中,如清單 9 所示,可以將 Cookies 保存的數據讀取出來,使用非常方便。評論頁面的顯示效果如圖 8 所示。
清單 9. 通過 cookie 操作數據

 def show   @article = Article.find(params[:id])   @last_name = cookies[:last_name]   unless @last_name == nil   @name = cookies[:name]  end

圖 8. 文章評論顯示效果

2015422173352088.jpg (372×289)

Rails 應用程序經常使用 session 來實現多個請求之間的數據傳遞,session 對象在控制器和視圖中都可以使用。現在我們新增加一個 session 對象,用于保存用戶使用過的姓名列表。在 CommentsController 中,session 對象的操作如清單 10 所示。
清單 10. 通過 session 操作數據的代碼片段

  @names = session[:name]   if @names    @names = []   end   if @name    @names << @name   end   session[:names] = @names

在視圖中,添加顯示用戶名列表的代碼,如清單 11 所示。頁面最終顯示效果如圖 9 所示。
清單 11. 視圖讀取用戶名列表的代碼

 <% if @names %>  <p>The names you have used:</p>  <ul>  <% @names.each do |name| %>   <li><%=h name %></li>  <% end %>  </ul>  <% end %>

圖 9. 頁面上顯示用戶列表

2015422173413196.jpg (427×168)

從實現的效果上看,flash、cookie 及 session 都能夠完成視圖間的數據傳遞。但 flash 一般用于簡單的提示消息,而 cookie 及 session 則常見于用戶信息管理。

結語

本文結合實際的演示程序,首先介紹了 Rails 3 的 MVC 架構,然后逐步對控制器與視圖、控制器與模型以及視圖內部的關系進行了介紹,對數據傳遞方法于技巧進行了具體分析。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 精品无吗乱吗av国产爱色 | 亚洲 91| 日韩视频中文 | 国产精品性夜天天视频 | 性少妇freeseⅹbbwhd| 亚洲精品午夜国产va久久成人 | 91成人在线免费视频 | 国产成人精品午夜视频' | 久久精品亚洲一区二区 | 99精品国产视频 | 91黄瓜视频| 99精品视频在线观看免费播放 | 视频一区国产精品 | 欧美激情第一区 | 欧美韩国日本在线 | 99re色| 一级黄色播放 | 黄视频免费在线观看 | 99视频在线观看视频 | 国产呦在线观看视频 | 日美av在线 | av在线免费观看网址 | 99亚洲视频 | 国产一区二区午夜 | 欧美日韩亚洲成人 | 中文日产幕无线码6区免费版 | 最新精品在线 | 久久国产精品二国产精品中国洋人 | 久久久久九九九女人毛片 | 综合国产在线 | 日本精品黄色 | 黄色视频a级毛片 | 国产91免费看 | 国产高潮失禁喷水爽到抽搐视频 | 日本欧美一区二区三区视频麻豆 | 中文字幕 亚洲一区 | 国产成人精品一区二区视频免费 | 91精品国产九九九久久久亚洲 | 黄污网址| 毛片大全免费看 | 欧美成人一级片 |