rails总结

rails总结

注意：本文档以rails3.2版本为基础，并且用RubyMine 4.0.3作为ide

一、rails的结构与重要文件

Rails 是一个MVC库。同时，Rails的特点就是：惯用名优先于配置。也就是说，MVC的3个部件，如果你的控制器取名Foo，那么rails认为你的M，V都是Foo。根据这个特性，使用rails，首先需要了解MVC是怎么一个表现形式。Rails采用目录来管理MVC的各个部件。

要想明白rails的目录，首先需要创建一个rails的web程序。

假设我们有一个railsweb目录，运行如下命令：

cd f:/railsweb

rails new hello。

这样，我们就创建了一个rails应用。hello这个目录，就是rails的根目录。进入hello，可以看到rails创建的目录：

qi

其中，app是rails动态网页的主要目录。进入app，可以看到MVC的目录：

 

asserts：js、css、img文件存放的地方。如果把这些文件放在asserts目录，需要额外编译。

controllers：控制器目录

views：视图目录，根据控制器名称，产生相应名称的目录。这也体现了名字优先于配置。而且这个名字对应是强制的。

models：model的目录

helpers：一些在Views中可以使用的帮助方法。一般来说helper与controller是对应的，但是鉴于helper的特点，这个不强制。

基本上，app就是这样了。

app目录是管理动态网页的，那么静态html呢？返回到hello目录。

我们看到public目录，这个目录就是防止静态html的。rails可以访问public目录，而且把public定义成root。假设public下有一个index.html，如果在rails中访问，就写成www.xxx.com/index.html，或者写成”/”也可以。同时，public下建立的目录，rails也可以访问。一般来说，public下建立js、img、css目录是一个好方法。rails以前的版本就是这样处理。

config目录是存放配置文件的地方。重要的有两个文件：routes.rb与environment.rb。其中routes.rb是用来配置路径的， environment.rb文件可以配置全局变量。

lib目录是存放一些公共代码的地方。rails在加载时，自动包含了这个目录。可以直接引用这个目录的ruby代码。

hello目录下，Gemfile也是一个重要文件，引用的三方库（gem文件）需要在这里面指定。

目录以及重要文件就是这样了。

2. 第一个静态页面

上面我们建立了一个hello 的rails应用。在rubymine中运行web，然后在你喜欢的浏览器（这一句是从老外书中学到的，虽然不知道什么意思，但是感觉很厉害的样子）中输入http://localhost:3000，就可以看到rails的缺省界面了。

当然，我们还没有写任何自己的页面。在public目录加入一个index.html，写上你喜欢的任意内容，然后在浏览器里面输入http://localhost:3000/index.html，然后回车，你就看到了静态页面的信息。

2. 第一个动态页面

这里做个说明，这个动态页面，不是指js动态页面，而是指通过模板替换方式形成的页面。类似asp.net一样的页面。而且还要说明，我们只考虑V，C两个部件，而不考虑M部件。

1. 进入appcontrollers目录，创建一个hello_controller.rb文件。用rubymine打开这个目录，并输入如下代码：

# encoding: utf-8

class HelloController < ApplicationController

def hello

@name = “hello world”

end

end

#encoding:utf-8表示采用utf-8进行编码。必须声明这一句，否则会在运行是出现invalid multibyte char (US-ASCII)这样的错误。

HelloController，表示一个Hello控制器，这个Controller是必须写的，否则会出错。

控制器有了，那么View呢？

在Views目录下，建立一个hello目录，一定要小写。

然后在hello目录建立一个 hello.html.erb文件。这个文件就是html的模板文件。这个文件中，你只需要写需要的内容，而文件头这些东西都不需要。为什么？看看views目录下的layouts目录，有一个application.html.erb。打开这文件，会看到<%= yield %>这句。你就知道，你自己写的文件，只是这个yield而已。

在hello.html.erb内，写上 <%= @name %>，然后你运行http://localhost:3000/hello。你是不是没看到hello这个页面？

这是肯定的！因为你没有给rails说明，这个hello在什么地方，rails只知道这是一个action，就报出一个No route matches [GET] "/hello"的路由错。

我们打开config目录下的routes.rb文件，在

Hello::Application.routes.draw do下面添加一句：

get "/hello" => "hello#hello"

这句话表示，采用get方式，定义一个“/hello”的路径，这个路径来源于

hello控制器类的hello方法。当然，也可以定义路径为 “/aaa”，”/aaa/bbb”,都可以。(路由是一个很大的话题，具体可以参看相关的资料。)

现在再次运行http://localhost:3000/hello，必然能够看到网页上金光闪闪的”hello world”了。所有，你也就明白了，这个<%= @name %>表示把@name的值替换成”hello world”。这一点，与asp.net是一个道理。

2. 参数传递

虽然你搞定了经典场景，但是作为一个有理想有抱负的少年，你肯定不会停下你的脚步，怎么都想从页面取点什么东西回来。

这个问题其实也简单。当然，在传数据前，需要一个链接。

我们把页面修改为<a href=“/hello?id=12”><%= @name %></a>。

然后，再把hello方法做一个修改，如下：

def hello

n = params[:id]

if (n == '12') then

@name = "hello hello"

elsif

@name = "hello world"

end

end

再次刷新页面，点击链接，看看效果是不是出来了？rails自动把id=12这个参数放在params里面。后面这个”:id”，其实就是字符串“id”。使用:id这样的表达式，ruby可以运行快一些。

rails还有一种传递数据的方式，称为REST。简单来说，REST看起来是这样：hello/12，hello/12/1，hello/a/12。这种方式的好坏，可以自行查阅相关文档。

上面这个路径，于是可以改成：/hello/12。当然，我们还是得再一次的修改routes.rb文件，增加一个新的路由方式:

get "/hello/:id" => "hello#hello"。

这句话表示，hello有一个参数id，在params内，可以用:id来访问

2. rails动态页面再次探讨

显然，作为一个程序员，你真心知道，循环是处理相同信息的方式。如果可以自动生成10个新闻标题，你肯定想自动生成。

我们在来看看，怎样动态生成几个div列表。

还是在hello.html.erb内，我们改为：

<a href="/hello?a=12"><%= @name %></a>

<% @i=0 %>

<% while @i < 10 %>

<div><%= @i %></div>

<% @i += 1 %>

<% end %>

在运行，是不是一串数字？这下我们看出来，<% %>内的代码，是ruby的控制结构代码，<%= %>内的代码（注意，有一个等号）是求值。

这是html与rails混合的例子。当然，也可以用rails定义的一些模板类型来代替html的标签。这些模板类型可以减少一些打字，也提供了一些简便的方法。但是这些东西不是原理性的，这里不提了。

2. ajax的交互

到了最后ajax了。这个东东不说一下，很容易让人上火。

其实很简单，只需要在hello.html.erb内，先包含js库就可以了。

我们就用jquery吧。

在页面最前面，加上以下两句代码：

<%= stylesheet_link_tag "/css/er_pub.css" %>

<%= javascript_include_tag "/script/jquery-1.6.4.js" %>

第一句是包含css，第二句是包含jq。如果你有其他的css或者js，增加几句就可以了。

然后增加一个按钮：

<input type="button" id="btnTest" value="Test">

再然后写一段ajax代码：

function test() {

$.ajax({

type:"get",

url:'/hello/test',

data:'id=1',

async:false,

success:function (data) {

if (data == 1) {

alert("ok");

}

else {

alert("false");

}

},

error:function (XMLHttpRequest, textStatus, errorThrown) {

alert("信息发送失败 : " + errorThrown);

}

});

}

$(document).ready(function () {

$("#btnTest").bind("click", test);

});

前台代码搞定了，当然得有后台代码。从ajax调用可以看出，这个调用的action是/hello/test，所以在HelloController.rb中增加一个函数test

def test()

n = params[:id].to_i

if n == 1 then

respond_to do |format|

format.json { render :json =>[1] }

end

else

respond_to do |format|

format.json { render :json =>[0] }

end

end

end

同样，rails不知道哪里找路径，也需要在路由中增加一条：

get "/hello/test" => "hello#test"

再次刷新页面，看到页面多了一个按钮。猛击这个按钮，是不是出现了一个对话框，里面是一个ok？

当然，很有可能你看到的是个false。既然数据都是对的，为什么会出现错误？答案在路由上面。如果你现在的路由是三条，并且如下顺序：

get "/hello" => "hello#hello"

get "/hello/:id" => "hello#hello"

get "/hello/test" => "hello#test"

很不幸，这样必然失败。因为第二条路由规则适用的是:id，也就是说，这是一个变量的方式，是可以匹配到 /hello/test的。也就是说，id=test，rails就匹配hello这个规则了。现在把/hello/test这个规则放在/hello/:id这个规则之前。再运行，这下成功了吧。好了，一定要记住，一个文件里面多个action，很可能会导致这样的路由问题。记住路由规则就是：越是上面的规则，越先执行。

2. 错误页面

很不幸，用户可能输入错误网页，而显示的不是404页面，而是一个路由失败，你说怎么办？

在路由规则的最后面，增加一条规则（一定要在最后面）：

match '*a', :to => 'errors#routing'

增加一个errors_controller.rb的控制器，内容如下：

class ErrorsController < ApplicationController

def routing

render :file => "#{Rails.root}/public/404.html", :status => 404, :layout => false

end

end

最后，在public目录下，放置一个404.html即可