码迷,mamicode.com
首页 > 其他好文 > 详细

Rails 学习笔记第一篇(建立一个玩具项目)

时间:2014-12-27 06:48:36      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:rails   学习笔记   

    Rails的学习我主要基于《Ruby on rails 教程》《Agile Web Development with Rails 4 》,官网的API文档和 来自Ruby-China的指南(http://guides.ruby-china.org/index.html)来学习,整体上按照《Agile Web Development with Rails 4 》的目录顺序记述。


    美好的学习从创建项目开始。。

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

    首先创建了work目录并进入

    然后 使用rails new demo

    创建了一个名为demo的项目

    如下图所示 

    技术分享

    当如下图显示时说明创建完成

    技术分享

    项目结构如下图显示

    技术分享

    下图是各个文件夹的用途:图源:http://guides.ruby-china.org/index.html

    技术分享

    执行rake baout 能查看安装信息(只截取了部分内容)

    技术分享

    rake about 还会检测是否有安装错误

    一切ok后,执行rails s (rails server的简写)

    由于这个虚拟环境已经安装了nodejs,所以没有出现JavaScript runtime 错误,能够正常执行

    结果如下:

    技术分享

    vagrant已经设置了private_network 并指定ip为192.168.33.10,所以直接访问          http://192.168.33.10:3000/ 结果如下:

    技术分享又见hello,Rails。。。我为什么要加个又呢冏

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

    技术分享

    打开demo/app/controllers/say_controller.rb 生成结果如下

    技术分享

Rails 与请求URL

    启动服务器后 访问http://192.168.33.10:3000/say/hello

    出现下图:

    技术分享

    如图所示,Rails 默认会寻找与控制器同名的模板文件,打开模板文件显示如下

    技术分享

    修改后:

    技术分享

   刷新游览器后

    技术分享

    一个请求的执行流程如下:(摘自《Ruby on rails 教程》)

    技术分享

    Rails接受一个请求后,交由控制器处理,由控制器决定下一步如何处理,是立即渲染视图并返回给游览器或是先与model交互再渲染视图。写到这儿,有点好奇Django的MTV模式,有空也好好琢磨下。

添加点动态内容

    打开模板文件修改如下:

    技术分享

    

    刷新页面,显示如下:

    技术分享

    添加时间的改良版写法

    控制器:

    技术分享

    模板:

    技术分享

    以上的代码展现了Rails 约定大于配置的原则。。


添加链接

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

    技术分享

    页面显示如下:

    技术分享

    添加链接啦!

    修改hello和goodbye模板如下:

    hello

    技术分享


    goodbye:

    技术分享


    结果:

    技术分享

    点击后:

    技术分享

书上第二章到此结束! 撒花!!

补充:

   本地生成api文档的方法

   rails new projectname

   cd projectname

   rake doc:rails # 生成API文档



本文出自 “7692323” 博客,请务必保留此出处http://7702323.blog.51cto.com/7692323/1596391

Rails 学习笔记第一篇(建立一个玩具项目)

标签:rails   学习笔记   

原文地址:http://7702323.blog.51cto.com/7692323/1596391

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!