1.建立一個將被rjs模板更新的視圖.
??? <h1 id='header'>RJS Template Test</h1>
??? <ul id='list'>
????? <li>Dog</li>
????? <li>Cat</li>
????? <li>Mouse</li>
??? </ul>
??? <%= link_to_remote("Add a fox",
????????? :url =>{ :action => :add }) %>
?????????
確定你引入了javascript類庫
<%= javascript_include_tag :defaults %>

2.在link_to_remote指向的控制器中加入一個方法

def add
end

3.rails將尋找擴展名為.rjs,.rhtml,rxml的模板,因此建立一個名為
add.rjs的文件,并輸入:

page.insert_html :bottom, 'list',
???????????????? content_tag("li", "Fox")
page.visual_effect :highlight, 'list', :duration => 3
page.replace_html 'header',
????????????????? 'RJS Template Test Complete!'
?????????????????
?????????????????
4.啟動服務器,在瀏覽器頁面點擊"Add a fox",就可以看到效果了.

此刻，你可能已經看了“教程”或“關于 TurboGears”。就算沒看也沒關系。這份指南也是個很好的開始。

本指南介于教程和參考文檔之間。就是說既不過多的糾纏于細節也不指望成為一份教程。

http://rocker.hbgfs.org/?x=note_TurboGears&y=4

http://www-128.ibm.com/developerworks/cn/xml/ajax/?S_TACT=105AGX52&S_CMP=techcsdn

最近打算翻譯一些關于ruby的入門資料，就選擇《Learning Ruby》。如果有興趣的朋友可以大家一起來完成。目前已翻譯的：
http://rorwiki.hellopen.net/index.php?title=%E5%AD%A6%E4%B9%A0ruby

require和load都是用來引入文件，那么它們之間有何區別呢？
用個例子來說明：

1.建個文件req_load.rb,輸入：

puts("this is req_load.rb file")

2.建立test.rb文件，輸入：
require("req_load.rb")
require("req_load.rb")

運行：
ruby test.rb

結果：
this is req_load.rb file

3.把test.rb中內容換成：
load("req_load.rb")
load("req_load.rb")

運行：
ruby test.rb

結果：
this is req_load.rb file
this is req_load.rb file

對于相同的文件require只會引入一次，而load每次調用都引入。

上次說到了方法參數前帶*的用法，這次我們說說前面帶&的用法。
對這個符號的理解，首先要理解ruby中關于block的概念。
例子：

class Person
?? def initialize(&action)
????? @action = action
?? end

?? def say
????? @action.call
?? end

?? def say2
???? @action.call
?? end
end

p = Person.new{puts("hello world")}
p.say? ---------hello world
p.say2 ---------hello world

在調用say和say2的時候，它們中的@action.call執行了block中的代碼也就是puts("hello world")。

可以這么理解，yield提供的是方法級別上執行block中的代碼的能力，而&卻可以提供
類中各個方法執行相同block代碼的能力。也就是上面例子中say，say2都執行了puts("hello world"）。

我們經常能看到ruby函數的參數前面有帶*號，
?def my_open(*args)
?end
這是什么意思呢？
其實也很簡單，它的意思是接收任意個參數，并把這些參數組裝成一個
名稱為args數組。

?def my_open(*args)
??puts(args.length)
?end
?
?my_open("test.rb","w")
???
??? 我們可以看到輸出的結果是2，這說明了args是一個帶有兩個元素的

1。python的字符串是不可變.
python的字符串是不可改變的.
例如:love = "python"
? love[0]="P"
這時將產生運行時錯誤.但是Ruby中確是可以修改的.
例如:
???? love = "ruby"
???? love[0]="R"

2。如果執行下面的賦值語句：
a="hello"
b="hello"
我們知道它們的值相同，但是它們是否指向同一個字符串嗎？這時候我們可以使用id()這個函數來判斷一下：
print id(a)
print id(b)
我們會發現輸出的結果是一樣的，因為每一個變量都有一個唯一的id值，所以可以知道它們其實指向的是同一個字符串。

使用active record做CRUD簡直是太簡單了。

我們假設數據庫中的表為：
CREATE TABLE `users` (`id` int(10) unsigned NOT NULL auto_increment,
?????? `login` varchar(100) NOT NULL,
???????????????????? `password` varchar(100) NOT NULL,
?????? `email` varchar(100) NOT NULL,
???????????????????? `name` varchar(100) NOT NULL,
??????? PRIMARY KEY? (`id`))
類為：
class User<< ActiveRecord::Base
end

我們先看看如何往數據增加一個用戶，代碼如下：
user = User.new
user.login = "zidoing"
user.password="123456"
user.email = "chh915@gmail.com"
user.name = "chh"
user.save
這就可以了，是不是很簡單啊。

如果你不想建立一個新的局部變量你還可以使用這種方式來新增一個用戶。
User.new do |user|
?? user.login = "zidoing"
?? user.password="123456"
?? user.email = "chh915@gmail.com"
?? user.name = "chh"
?? user.save
end

User的構造函數還可以接收hash，這對web開發非常的方便。
user = User.new(:login=>"zidoing",:password=>"123456",:email=>"chh915@gmail.com",:name=>"chh")
user.save

增加一條記錄需要兩個步驟:
1.是new一個實體賦值。
2.調用save進行保存。
但是active record也提供一個create函數同時完成了這兩步的操作。
user = User.create(:login=>"zidoing",:password="123456",:email=>"chh915@gmail.com",:name="chh")
它也可以接收array作為參數。
users = User.create([{:login=>"zidoing",:password="123456",:email=>"chh915@gmail.com",:name="chh"},{
? :login=>"zidoing1",:password="1234567",:email=>"chh915@hotmail.com",:name="chh1"}])

?

?

?

?

自己是在本機上開發的ror程序，服務器使用的是webrick。在裝到dreamhost上真是經歷了一段艱辛的歷程啊,在這邊把一些安裝過程寫出來希望對大家有用。

1,上傳所有的文件到你的服務器目錄下 (確定也上傳 public/.htaccess 文件 )
2,因為要使用的是fastcgi，所以把public的dispatch.cgi改名為_dispatch.cgi，避免沖突。
3,修改public目錄下的dispatch.fcgi和dispatch.rb，把首行改為#!/usr/bin/ruby
4,修改public目錄下的.htaccess，把RewriteRule ^(.*)$ dispatch.cgi [QSA,L]改為RewriteRule ^(.*)$ dispatch.fcgi [QSA,L]
5，配置數據庫，這邊要注意的是host配置為域名而不能是id地址。
6,把/yourdomain.com/public, public/dispatch.fcgi 和 public/dispatch.rb的權限改為0755
7,更改目錄 /yourdomain.com/log 的權限為 0666

最后要謝謝bd7lx、caiwangqin、apemanchen,沒他們的幫助我是不可能安裝成功的。

RoR中使用的對象關系映射是active record。如果你使用過其它的關系映射，你就會驚嘆ror的對象

關系映射是如此的簡潔、明了。當創建一個ActiveRecord::Base的子類時就和數據庫中以類名的復

述形式作為表名的表建立了映射。
類為
class User<< ActiveRecord::Base
end
數據庫中的表為
CREATE TABLE `users` (`id` int(10) unsigned NOT NULL auto_increment,
?????? `login` varchar(100) NOT NULL,
???????????????????? `password` varchar(100) NOT NULL,
?????? `email` varchar(100) NOT NULL,
???????????????????? `name` varchar(100) NOT NULL,
??????? PRIMARY KEY? (`id`))

就這樣建立了映射關系。

你一定很奇怪類User中怎么沒有屬性啊，也沒有象hibernate一樣要指定主鍵id。其實這一切的奧秘

就是約定，一般情況下數據庫中的表要有一個名為id的主鍵并且是自動增長字段。User類中的屬性

將根據數據庫表中的字段動態生成。

突然你發現你的數據庫表和類之間并沒有這樣單復數關系，該怎么辦呢？不用急自有辦法。
你只要在你的類中調用一個叫set_table_name的方法就可以了。
class User<< ActiveRecord::Base
?? set_table_name("accounts")
end
就這樣和數據中的表“accounts”之間建立的映射。
CREATE TABLE `accounts` (`id` int(10) unsigned NOT NULL auto_increment,
?????? `login` varchar(100) NOT NULL,
???????????????????? `password` varchar(100) NOT NULL,
?????? `email` varchar(100) NOT NULL,
???????????????????? `name` varchar(100) NOT NULL,
??????? PRIMARY KEY? (`id`))
問題總算是解決了.但又發現了另一問題，表的主鍵并不是id而是user_id。active record有辦法解

決嗎？當然是有的了,調用一個set_primary_key方法就ok。

class User<< ActiveRecord::Base
?? set_table_name("accounts")
?? set_primary_key("user_id")
end
數據庫中的表:
CREATE TABLE `accounts` (`user_id` int(10) unsigned NOT NULL auto_increment,
?????? `login` varchar(100) NOT NULL,
???????????????????? `password` varchar(100) NOT NULL,
?????? `email` varchar(100) NOT NULL,
???????????????????? `name` varchar(100) NOT NULL,
??????? PRIMARY KEY? (`id`))

值得注意的是類中和主鍵對應的屬性還是id而不是user_id。
user = User.new
user.id = "00001";
user.save

上次講到了如何動態給表格增加行，那么這次就講講如何刪除表格的行了。首先建立一個表格，
<table border="1">
?<tr>
??<td>姓名</td>
??<td>地址</td>
?</tr>
?<tbody id="mainbody">
?<tr id="delCell">
??<td>name</td>
??<td>address</td>
?</tr>
?</tbody>
</table>
取得tbody的元素var mailbody = document.getElementById("mainbody");,
接著取得要刪除行的元素var cell = document.getElementById("delCell");
最后就是從tbody中移去要刪除的行就可以了mainbody.removeChild(cell);
完整的代碼如下：
<html>
<head>
?<title>動態刪除表格的行</title>
?<script type="text/javascript">
?function deleteCell(){
??var mailbody = document.getElementById("mainbody");
??var cell = document.getElementById("delCell");
??if(cell!=undefined){
???? mainbody.removeChild(cell);
??}?
?}
</script>
</head>
<body>
<table border="1">
?<tr>
??<td>姓名</td>
??<td>地址</td>
?</tr>
?<tbody id="mainbody">
?<tr id="delCell">
??<td>name</td>
??<td>address</td>
?</tr>
?</tbody>
</table>

<input type="button" value="刪除" onclick="deleteCell()"/>
</body>
<html>

在AJAX的應用中很經常碰到要動態給表格增加行,這該如何實現呢?
先建一個表如下:
<table border="1">
?<tr>
??<td>姓名</td>
??<td>地址</td>
?</tr>
?<tbody id="mainbody">
?</tbody>
</table>
現在進入實際的操作了.我們先動態地生成一個行
var cell = document.createElement("tr");
接著動態生成兩個列和要放入列中的值.
var row1 = document.createElement("td");
var row2 = document.createElement("td");
var text1 = document.createTextNode("zidoing")
var text2 = document.createTextNode("xiamen");
這些都做完以后下面就很簡單了。
把值放入列中.
row1.appendChild(text1);
row2.appendChild(text2);
把列放入行中
cell.appendChild(row1);
cell.appendChild(row2);
最后取得tbody，把行放入就可以了。
var mainbody = document.getElementById("mainbody");
mainbody.appendChild(cell);
完整的代碼如下：
<html>
?<head>
??<title>動態增加行</title>
?
?<script type="text/javascript">
??function addCell(){
???var cell = document.createElement("tr");
???var row1 = document.createElement("td");
???var row2 = document.createElement("td");
???var text1 = document.createTextNode("zidoing")
???var text2 = document.createTextNode("xiamen");
???row1.appendChild(text1);
???row2.appendChild(text2);
???cell.appendChild(row1);
???cell.appendChild(row2);
???var mainbody = document.getElementById("mainbody");
???mainbody.appendChild(cell);
??}
?</script>
</head>

<body>

<table border="1">
?<tr>
??<td>姓名</td>
??<td>地址</td>
?</tr>
?<tbody id="mainbody">
?</tbody>
</table>

<input type="button" value="增加行" onclick="addCell()"/>

</body>

</html>

ROR是個很不錯的東西,既然是好東西自然要大家分享了.那么如何在公司里面推廣呢?
這里有篇文章,大家看了可以借助一下經驗.
http://fredbrunel.com/journal/2006/03/how-to-introduce-ruby-on-rails-in-your-company/

4.Element 使用

Element.show(element,…) 和 Element.hide(element,…) 可以根據元素 id 來顯示和隱藏元素。

<html>

??? <head>

??????? <title></title>

??????? <%=javascript_include_tag( :defaults )%>

??????? <script type ="text/javascript">

??????????? function show(){

??????????????? Element.show('mydiv');

??????????? }

??????????? function hide(){

??????????????? Element.hide('mydiv');

??????????? }

??????? </script>

??? </head>

??? <body>

??????? <input type ="button" value="show" onclick="show();"/>

??????? <input type ="button" value="hide" onclick="hide();"/>

??????? <div id ="mydiv" style="display:none;">

??????????? Test Element

??????? </div>

??? </body>

</html>

?

Element.remove(element) 根據元素 id 刪除元素。

<html>

??? <head>

??????? <title>Element.remove</title>

??????? <%=javascript_include_tag( :defaults )%>

??????? <script type ="text/javascript">

??????????? function remove(){

??????????????? Element.remove('mydiv');

??????????? }

??????? </script>

??? </head>

??? <body>

??????? <input type ="button" value="remove" onclick="remove();"/>

??????? <div id ="mydiv">

??????????? Test Element

??????? </div>

??? </body>

</html>

伴隨新的Flex framework,Flex Builder 2.0, Flex Data Services 2.0 (formerly Flex Enterprise Services 2.0), Flex Charting 2.0, ActionScript 3.0, 和Flash Player 8.5.比beate1有了較大的改動.
http://labs.macromedia.com/

?

3. 操作 DOM.

Prototype 提供了一些簡便的方法來操作 DOM 。

document.getElementsByClassName(“myclass”) 根據 class 的名稱來取得元素。不管 class 的名稱是不是唯一的它都是返回一個數組。

<html>

<head>

<title> 操作 DOM 的例子 </title>

<script src="/script/prototype.js"></script>

<script type=”text/javascript”>

function show() {

?? var mydiv = document.getElementsByClassName(myclass) ;

?? alert(mydiv.length);

?? alert(mydiv[0].innerHTML);

}

</script>

</head>

<body>

<div class="myclass">Test</div>

<input type="submit" value="click" onclick=" show ()">

</body>

</html>

?

$(element,…) 根據元素的 id 返回元素對象。

<html>

<head>

<title> 操作 DOM 的例子 </title>

<script src="/script/prototype.js"></script>

<script type=”text/javascript”>

function show() {

?? var mydiv =? $(“mydiv”);

???????? alert(mydiv);

}

</script>

</head>

<body>

<div id=”mydiv”>Test</div>

<input type="submit" value="click" onclick=" show ()">

</body>

</html>

如果傳入的參數是多個元素的 id ，那將返回一個包含元素對象的數組，例如：

<html>

??? <head>

??????? <title></title>

??????? <%=javascript_include_tag( :defaults )%>

??????? <script type ="text/javascript">

??????????? function show(){

??????????????? var mydiv = $("mydiv1","mydiv2");

??????????????? alert(mydiv.length); //---------2

??????????? }

??????? </script>

??? </head>

??? <body>

??????? <div id ="mydiv1"></div>

??????? <div id ="mydiv2"></div>

??????? <input type ="button" value="show" onclick="show();"/>

??? </body>

</html>

?

$F("") 根據元素的 id 取得元素的值。

<html>

??? <head>

?????? <title></title>

?????? <%=javascript_include_tag( :defaults )%>

?????? <script type ="text/javascript">

?????????? function show(){

????????????? var myValue = $F("myText");

????????????? alert(myValue); //-----myvalue

?????????? }

?????? </script>

??? </head>

??? <body>

?????? <input type ="text" value="myvalue" id="myText"/>

?????? <input type ="button" value="show" onclick="show();"/>

??? </body>

</html>