标签:
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文件)需要在这里面指定。
目录以及重要文件就是这样了。
第一个静态页面
上面我们建立了一个hello 的rails应用。在rubymine中运行web,然后在你喜欢的浏览器(这一句是从老外书中学到的,虽然不知道什么意思,但是感觉很厉害的样子)中输入http://localhost:3000,就可以看到rails的缺省界面了。
当然,我们还没有写任何自己的页面。在public目录加入一个index.html,写上你喜欢的任意内容,然后在浏览器里面输入http://localhost:3000/index.html,然后回车,你就看到了静态页面的信息。
第一个动态页面
这里做个说明,这个动态页面,不是指js动态页面,而是指通过模板替换方式形成的页面。类似asp.net一样的页面。而且还要说明,我们只考虑V,C两个部件,而不考虑M部件。
进入app\controllers目录,创建一个hello_controller.rb文件。用rubymine打开这个目录,并输入如下代码:
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是一个道理。
参数传递
虽然你搞定了经典场景,但是作为一个有理想有抱负的少年,你肯定不会停下你的脚步,怎么都想从页面取点什么东西回来。
这个问题其实也简单。当然,在传数据前,需要一个链接。
我们把页面修改为<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来访问
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的标签。这些模板类型可以减少一些打字,也提供了一些简便的方法。但是这些东西不是原理性的,这里不提了。
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,很可能会导致这样的路由问题。记住路由规则就是:越是上面的规则,越先执行。
错误页面
很不幸,用户可能输入错误网页,而显示的不是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即可
标签:
原文地址:http://www.cnblogs.com/x113/p/4676978.html