溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Rails 學習筆記第一篇(建立一個玩具項目)

發(fā)布時間:2020-07-17 14:46:28 來源:網(wǎng)絡 閱讀:1074 作者:Marmot_Alex 欄目:編程語言

    Rails的學習我主要基于《Ruby on rails 教程》《Agile Web Development with Rails 4 》,官網(wǎng)的API文檔和 來自Ruby-China的指南(http://guides.ruby-china.org/index.html)來學習,整體上按照《Agile Web Development with Rails 4 》的目錄順序記述。


    美好的學習從創(chuàng)建項目開始。。

    Rails自帶了一整套命令行工具

    首先創(chuàng)建了work目錄并進入

    然后 使用rails new demo

    創(chuàng)建了一個名為demo的項目

    如下圖所示 

    Rails 學習筆記第一篇(建立一個玩具項目)

    當如下圖顯示時說明創(chuàng)建完成

    Rails 學習筆記第一篇(建立一個玩具項目)

    項目結構如下圖顯示

    Rails 學習筆記第一篇(建立一個玩具項目)

    下圖是各個文件夾的用途:圖源:http://guides.ruby-china.org/index.html

    Rails 學習筆記第一篇(建立一個玩具項目)

    執(zhí)行rake baout 能查看安裝信息(只截取了部分內(nèi)容)

    Rails 學習筆記第一篇(建立一個玩具項目)

    rake about 還會檢測是否有安裝錯誤

    一切ok后,執(zhí)行rails s (rails server的簡寫)

    由于這個虛擬環(huán)境已經(jīng)安裝了nodejs,所以沒有出現(xiàn)JavaScript runtime 錯誤,能夠正常執(zhí)行

    結果如下:

    Rails 學習筆記第一篇(建立一個玩具項目)

    vagrant已經(jīng)設置了private_network 并指定ip為192.168.33.10,所以直接訪問          http://192.168.33.10:3000/ 結果如下:

    Rails 學習筆記第一篇(建立一個玩具項目)又見hello,Rails。。。我為什么要加個又呢冏

    rails g controller Say hello goodbye  (rails generate)用于生成控制器

    Rails 學習筆記第一篇(建立一個玩具項目)

    打開demo/app/controllers/say_controller.rb 生成結果如下

    Rails 學習筆記第一篇(建立一個玩具項目)

Rails 與請求URL

    啟動服務器后 訪問http://192.168.33.10:3000/say/hello

    出現(xiàn)下圖:

    Rails 學習筆記第一篇(建立一個玩具項目)

    如圖所示,Rails 默認會尋找與控制器同名的模板文件,打開模板文件顯示如下

    Rails 學習筆記第一篇(建立一個玩具項目)

    修改后:

    Rails 學習筆記第一篇(建立一個玩具項目)

   刷新游覽器后

    Rails 學習筆記第一篇(建立一個玩具項目)

    一個請求的執(zhí)行流程如下:(摘自《Ruby on rails 教程》)

    Rails 學習筆記第一篇(建立一個玩具項目)

    Rails接受一個請求后,交由控制器處理,由控制器決定下一步如何處理,是立即渲染視圖并返回給游覽器或是先與model交互再渲染視圖。寫到這兒,有點好奇Django的MTV模式,有空也好好琢磨下。

添加點動態(tài)內(nèi)容

    打開模板文件修改如下:

    Rails 學習筆記第一篇(建立一個玩具項目)

    

    刷新頁面,顯示如下:

    Rails 學習筆記第一篇(建立一個玩具項目)

    添加時間的改良版寫法

    控制器:

    Rails 學習筆記第一篇(建立一個玩具項目)

    模板:

    Rails 學習筆記第一篇(建立一個玩具項目)

    以上的代碼展現(xiàn)了Rails 約定大于配置的原則。。


添加鏈接

    首先修改demo/app/views/say/goodbye.html.erb 結果如下

    Rails 學習筆記第一篇(建立一個玩具項目)

    頁面顯示如下:

    Rails 學習筆記第一篇(建立一個玩具項目)

    添加鏈接啦!

    修改hello和goodbye模板如下:

    hello

    Rails 學習筆記第一篇(建立一個玩具項目)


    goodbye:

    Rails 學習筆記第一篇(建立一個玩具項目)


    結果:

    Rails 學習筆記第一篇(建立一個玩具項目)

    點擊后:

    Rails 學習筆記第一篇(建立一個玩具項目)

書上第二章到此結束! 撒花??!

補充:

   本地生成api文檔的方法

   rails new projectname

   cd projectname

   rake doc:rails # 生成API文檔



向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI