BlogJava-子在川上曰-随笔分类-Rails&Ruby

VIM的常用插件+配置文件+资料

陈刚 — Thu, 18 Oct 2007 10:15:00 GMT

用VIM来开发rails也挺不错的，自完代码完成，代码颜色等功能都有。也算netbean、eclipse之外的轻量级选择吧。
我把VIM的常用插件，自己用的配置文件，收罗的一些资料一并打包了，省得初用VIM的人找来找去浪费时间。

http://www.blogjava.net/Files/chengang/myvim.zip

在ubuntu7.10中的gvim出现乱码，这时需要在主目录下的“.vimrc”文件中加上定义字体的一句。我用的是“微软雅黑”字体所以此句为：

set guifont=YaHei\ Consolas\ Hybrid\ 10

注意：字体名中有空格的，用斜杠分开，而且斜杠后面一定要有一个空格。10是字体大小，前面有一个空格。

陈刚 2007-10-18 18:15 发表评论

个性化页面布局的设计思考与Rails初步实现

陈刚 — Wed, 10 Oct 2007 16:00:00 GMT

象博客，以及google的iGoogle，都可以个性化页面布局---对页面模块增删改，以及调整位置。这种效果是如何实现的呢？在我的项目中也面临到这个需求。我最初的解决方法是创建几个典型的rhtml布局组合。但这远远不够，而且不灵活，在形式上也不统一。于是我再次修改了设计，之后似乎可以基本解决这个问题了。希望感兴趣的朋友一起来讨论。

这个设计其实很简单，就是“引擎+配置“--主体页面只定义一个rthml，可以把它看做页面引擎，然后用一个配置文件指定了页面所应具有的模块和数据。页面模块就象一个个装有数据的盒子，通过“页面引擎 + 配置文件”把这些盒子组合起来，象搭积木一样。页面引擎是各用户共用的，配置文件是各用户独有的，这样一装配起来，就形成了用户的个性化页面。

剩下的重点就是怎么定义配置文件。首先是要划清配置文件的责任界线----它只负责定义盒子里的数据，还有盒子的嵌套关系，而大小和位置等布局方面则全部交给CSS去负责。

上面是初步想法，下面看看具体实现，代码仅供参考

以下是某个用户的配置文件（我没用XML，而是用YAML）。board_1是指ID=1这个栏目所用的配置定义。topContent是一个

的id值，我把每个栏目的页面分成topContent顶、sideContent边（左或右由CSS决定）、primaryContent 主要、bottomContent底。topic是指添加一个模块（盒子），显示一个主题内容。和topic类似是还有显示图像的image、显示主题列表的topics、显示分类列表的categories等等等等。它们各有不同的属性值，比如topic模块，它需要定指它的主题id，以及它所用的 view(topics/_show_hot.rhtml or topics/_show.rhtml等等)。

（虽然这个配置文件抽象得还不够，但这样子已经可以解决我的需要了，那就暂时这样先了。）

template.yml

board_2:
board_1:
- topContent:
- topic:
topic_id: 7
view: topics/show_hot
- sideContent:
- image:
url: /images/news.jpg
- categories:
board: 5
view: tree
- topics:
board: 5
per_page: 4
view: index_simple
- topics:
board: 6
- primaryContent:
- topics:
board: 4
view: index
- topic:
topic_id: 7
view: util/box
board_3:

然后在controller里把配置文件读入，再转化成模型类。我把各个界面模块看做一个个盒子Box
这是它的顶级Box

ruby 代码

class Box
attr_accessor :html_id, :view, :boxes
def initialize
@boxes=[]
end
end

这是topic模块的

ruby 代码

class TopicBox < Box
attr_accessor :topic_id
end

这是Image模块的

ruby 代码

class ImageBox < Box
attr_accessor :url
end

.....等等，其他的Box子类大同小异

然后在一个controller里把这些配置信息转成Box模型类

ruby 代码

templates = YAML::load(File.read("public/uploads/#{user_id}/config/template.yml"))
template = templates.find{|o| o[0]=="board_#{@board.id}" }
args = template[1]
@boxes = []
args.each do |arg1_hash|
arg1_hash.each do |key1, value1|
board_box = BoardBox.new
board_box.html_id = key1
@boxes << board_box
value1.each do |arg2_hash|
arg2_hash.each do |key2, value2|
case key2
when 'topics'
box = TopicsBox.new
box.board_id = value2['board']
box.per_page = value2['per_page']||2
box.view = value2['view']||'index_simple'
board_box.boxes << box
when 'categories'
box = CategoriesBox.new
box.board_id = value2['board']
box.view = value2['view']||'list'
board_box.boxes << box
when 'image'
box = ImageBox.new
box.url = value2['url']
board_box.boxes << box
when 'topic'
box = TopicBox.new
box.topic_id = value2['topic_id']
box.view = value2['view']||'util/box'
board_box.boxes << box
end
end
end
end
end

最后是它页面引擎（逻辑代码和页面代码混在一起，比较丑陋）

ruby 代码

<% @boxes.each do |box1| %>
"<%=box1.html_id%>"> /span>
<% box1.boxes.each do |box2|
p1 box2.class.to_s
case box2.class.to_s
when 'TopicsBox'
board_id = box2.board_id
if board_id
board = Board.find(board_id)
topics = Topic.by_board_id(board_id, :per_page => box2.per_page)
%>
<%= render(:partial => "topics/#{box2.view}", :locals => {:title =>board.title, :topics => topics })%>
<%end
when 'CategoriesBox'
board_id = box2.board_id
if board_id
board = Board.find(board_id)
categories = board.categories
%>
<%= render :partial => "categories/#{box2.view}", :locals => {:board =>board, :categories => categories } %>
<%end%>
<%when 'ImageBox'%>
<%= box_tag :header=>false%>
<%=image_tag(box2.url, :border => 0) %>
<%= end_box_tag %>
<%when 'TopicBox'
topic = Topic.find(box2.topic_id) %>
<%=render(:partial => "#{box2.view}", :locals => {:title =>topic.title, :content => topic.content, :topic => topic })%>
<%end
end%>

这样，以后想在页面上增加删除什么模块，修改配置文件就行了。当然给用户用，还必须得用AJAX来写个GUI界面，总不能让用户手工去改配置文件吧。

陈刚 2007-10-11 00:00 发表评论

抽取FCKEditor的浏览图片功能

陈刚 — Wed, 26 Sep 2007 10:49:00 GMT

过去，我们上传图片，一般都是一个文本框加一个“浏览”按钮，通过浏览按钮选取本地的图片，然后在提交表单后的逻辑中将图片上传至服务器。现在，我们已经把FCKEditor应用在了我们的系统里，而FCKEditor中带了有了图片上传和浏览功能。所以我就想让这个“浏览”按钮不是从本地选取图片，而是从FCKEditor传到服务器上的图片中来选举。也就是把FCKEditor的“浏览”按钮，抽取出来。

文/陈刚 www.chengang.com.cn 转载请保留出处

在阅读FCKEditor的源码之后，做如下处理。

1. 新增两个javascript函数。

var currentImageTextID;

//FCKEditor的文件浏览窗关闭后，会调用此函数，并把所选图片的url传入。
function SetUrl(url){
  document.getElementById(currentImageTextID).value=url;
}

//imageTextID: 图片文本框的ID值
//uploadPath: 服务器的图片目录
//type: 浏览类型，值可为Image/Flash/File/Media，如果为空字串，则表示浏览所有类型的文件
function OpenImageBrowser(imageTextID, uploadPath, type ) {
  currentImageTextID = imageTextID;
  window.open('/javascripts/fckeditor/editor/filemanager/browser/default/browser.html?uploaded='+uploadPath +'&Type='+type+'&Connector=/fckeditor/command','Browse/Upload Images','toolbar=no,status=no, resizable=yes,dependent=yes, scrollbars=yes,width=600,height=400')
}

2.在View中这样使用

标志图片:
<input id="topic_image" name="topic[image]" size="30" type="text">
<input value="浏览服务器" onclick="OpenImageBrowser('topic_image', '/uploads/s<%= params[:user_id]%>', 'Image')" type="button">

陈刚 2007-09-26 18:49 发表评论

让Rails版的FCKEditor支持动态设置上传目录

陈刚 — Wed, 26 Sep 2007 02:13:00 GMT

一个多用户的系统，上传图像文件等，希望不同用户的图像上传到它专有的目录里。我最初查到在PHP版的FCKEditor是通过设置$Config('UserFilesPath')来实现，但Rails版的FCKEditor没有此项设置（搜索UserFilesPath关键字后做出此判断）。接着，我查看了FCKEditor关键的fckeditor_controller.rb的源代码，似乎它并不支持此项设置。再看javaeye是怎么用FCKEditor的，发现它放弃了FCKEditor的上传功能。google了半天，除了那些转来转去的相同内容的帖子之外（搞不懂有了google之后，怎么还会有人费劲去转帖别人的文章），一点营养也没有。在JavaEye发了个求助帖，没人理 :-( 。传说中高手云集的JavaEye，其Rails版块真是冷清，给人阴飕飕的感觉。没办法，自己改源代码吧。

文/陈刚 www.chengang.com.cn 转载请保留出处

1.修改fckeditor_controller.rb，把它那几个private方法修改如下：

  private
  def current_directory_path
    base_dir = "#{RAILS_ROOT}/public"

    #TODO 在创建用户时，就建立好目录。这时可以去掉这部份代码，提高运行效率。
    ("#{params[:uploaded]||UPLOADED}/#{params[:Type]}").split('/').each do |s|
    next if s==''
        base_dir += '/' + s
        Dir.mkdir(base_dir,0775) unless File.exists?(base_dir)
    end

    check_path("#{base_dir}#{params[:CurrentFolder]}")
  end

  def upload_directory_path
    uploaded = @request.relative_url_root.to_s+"#{params[:uploaded]||UPLOADED}/#{params[:Type]}"
    "#{uploaded}#{params[:CurrentFolder]}"
  end

  def check_file(file)
    # check that the file is a tempfile object
    unless "#{file.class}" == "Tempfile" || "#{file.class}" == "StringIO"
      @errorNumber = 403
      throw Exception.new
    end
    file
  end

  def check_path(path)
    exp_path = File.expand_path path
    if exp_path !~ %r[^#{File.expand_path(RAILS_ROOT)}/public#{params[:uploaded]||UPLOADED}]
      @errorNumber = 403
      throw Exception.new
    end
    path
  end

另外，它前面的常量UPLOADED_ROOT也没用了，可以删掉。

2. 在上面的代码中params[:uploaded]是关键，它就是我们动态定义的上传目录。该值来自于FCKEditor的一些html页面，它是通过get参数传入的。修改browser.html文件（如下粗体部份），在它的url请求中把我们定义目录加入到get参数列中，这样它就可以传到fckeditor_controller.rb里了。

var sServerPath = GetUrlParam( 'ServerPath' ) ;
if ( sServerPath.length > 0 )
    oConnector.ConnectorUrl += 'ServerPath=' + escape( sServerPath ) + '&' ;

var sUploaded = GetUrlParam( 'uploaded' ) ;
if ( sUploaded.length > 0 )
    oConnector.ConnectorUrl += 'uploaded=' + escape( sUploaded ) + '&' ;

oConnector.ResourceType        = GetUrlParam( 'Type' ) ;
oConnector.ShowAllTypes        = ( oConnector.ResourceType.length == 0 ) ;

3. 上面的GetUrlParam( 'uploaded' ) 的值来自于fckcustom.js。修改fckcustom.js（如下粗体部份），把uploaded加入到get参数列中。

// CHANGE FOR APPS HOSTED IN SUBDIRECTORY
FCKRelativePath = '';

// DON'T CHANGE THESE
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector='+FCKRelativePath+'/fckeditor/command';
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?uploaded='+FCKConfig.uploaded+'&Type=Image&Connector='+FCKRelativePath+'/fckeditor/command';
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?uploaded='+FCKConfig.uploaded+'&Type=Flash&Connector='+FCKRelativePath+'/fckeditor/command';

FCKConfig.LinkUploadURL = FCKRelativePath+'/fckeditor/upload';
FCKConfig.ImageUploadURL = FCKRelativePath+'/fckeditor/upload?Type=Image&uploaded='+FCKConfig.uploaded;
FCKConfig.FlashUploadURL = FCKRelativePath+'/fckeditor/upload?Type=Flash&uploaded='+FCKConfig.uploaded;
FCKConfig.AllowQueryStringDebug = false;
FCKConfig.SpellChecker = 'SpellerPages';

// ONLY CHANGE BELOW HERE
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/';
FCKConfig.AutoDetectLanguage = false ;
FCKConfig.DefaultLanguage = 'zh-cn' ;
FCKConfig.FontNames = '微软雅黑;宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

FCKConfig.ToolbarSets["Simple"] = [
    ['Source','-','FitWindow','Preview','-','Templates'],
    ['PasteText','PasteWord'],
    ['Undo','Redo','Find','Replace'],
    '/',
    ['RemoveFormat','Bold','Italic','Underline','StrikeThrough'],
    ['OrderedList','UnorderedList','Outdent','Indent'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
        ['TextColor','BGColor'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','Rule','Smiley'],
    '/',
    ['Style','FontFormat','FontName','FontSize']
] ;

4. 上面FCKConfig.uploaded的值来自于fckeditor.rb。在fckeditor.rb中加入一句（如下粗体所示）。

      javascript_tag( "var oFCKeditor = new FCKeditor('#{id}', '#{width}', '#{height}', '#{toolbarSet}');\n"+
                      "oFCKeditor.BasePath = \"#{base_path}\"\n"+
                      "oFCKeditor.Config['CustomConfigurationsPath'] = '../../fckcustom.js';\n"+
                      "oFCKeditor.Config['uploaded'] = '#{options[:path]}';\n"+
                      "oFCKeditor.ReplaceTextarea();\n")

5.不过上面oFCKeditor.Config['uploaded']的值要传到fckcustom.js的FCKConfig.uploaded里，还需要修改fckeditorcode_gecko.js和fckeditorcode_ie.js（这两个文件对javascript进行了压缩处理，修改起来较难操作）。我是参考了oFCKeditor.Config['CustomConfigurationsPath'] 这个参数的载入实现，才找到这种鸟不生蛋的地方。搜索这两个文件的关键字CustomConfigurationsPath，找到如下一行，然后加入一个else if判断(如下粗体所示）。

if (D=='CustomConfigurationsPath') FCKConfig[D]=E;else if (D=='uploaded') FCKConfig[D]=E;else if (E.toLowerCase()=="true") this.PageConfig[D]=true;

6.最后在fckeditor.rb里的#{options[:path]}来自于我们前台的view了。如下粗体所示，把标准的fckeditor_textarea新增加了一个参数，其中params[:user_id]是把用户的ID值做为目录名。这样就实现了动态改变FCKEditor的上传目录。

<%=fckeditor_textarea(:topic, :content, :ajax => true, :toolbarSet => 'Simple', :height => '400px', :path => "/uploads/#{params[:user_id]}") %>

修改完后需要重启WEB服务，最后别忘记把public/javascripts/fckeditor和vendor/plugins/fckeditor/public/javascripts同步一下，原因见http://www.blogjava.net/chengang/archive/2007/09/24/147867.html

陈刚 2007-09-26 10:13 发表评论

定制FCKEditor，以及使其中文化

陈刚 — Mon, 24 Sep 2007 10:24:00 GMT

安装完FCKEditor还是不够的，首先就面临两个任务：（1）将它中文化。（2）有些功能不需要的，就需要把它去掉。FCKEditor在这方面做得很好，其可定制性相当强。

文/陈刚 www.chengang.com.cn

首先，我们来看看FCKEditor在Rails中的运行特性，其插件主要是安装在vendor/plugins/fckeditor。主要的代码在vendor/plugins/fckeditor/public/javascripts，其中fckcustom.js是配置文件，另外更深一层的子目录fckeditor中还有一个fckconfig.js也是配置文件。fckcustom.js配置的优先顺序大于fckconfig.js，因此一般修改fckcustom.js就可以了，不必去动fckconfig.js。

在启动WEBrick( ruby script/server)时，会自动把vendor/plugins/fckeditor/public/javascripts的内容复制到public/javascripts目录。因此如果你修改了FCKEditor的配置文件之后，需要把复制到public/javascripts目录的FCKEditor相关文件删除掉，然后再重启WEBrick。当然，你也可以直接修改public/javascripts目录的FCKEditor的缓存的配置文件，这样不必重启WEBrick，就可以立即看到修改效果。不过建议你在完成修改后，同时也要更新vendor/plugins/fckeditor/public/javascripts下的配置文件，毕竟public/javascripts里的应该算是临时文件。

1.中文化

在fckcustom.js里加入两项（粗体显示）

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/';
FCKConfig.AutoDetectLanguage = false ;
FCKConfig.DefaultLanguage = 'zh-cn' ;

2. 定制FCKEditor的工具栏
修改fckcustom.js里的如下项目，增删改自便。

FCKConfig.ToolbarSets["Simple"] = [ 。。。。。。

这里要注意一点，有些网上文章把:toolbarSet写成了:toolbarKit，这是错误的。如果你发现对工具栏的配置不起作用，那么要检查一下。正确的写法如下：

<%=fckeditor_textarea(:topic, :content, :ajax => true, :toolbarSet => 'Simple', :width => '100%', :height => '300px') %>

陈刚 2007-09-24 18:24 发表评论

error_messages_for的中文化

陈刚 — Wed, 19 Sep 2007 09:35:00 GMT

在Rails中error_messages_for为国际化的考虑不是很周全，它显示的是模型的字段名称，这对于用户来说是不友好的。为了解决这个问题，只能改它的源码了----将如下方法，放入ApplicationHelper

文/陈刚 www.chengang.com.cn 转载请声明出处

def error_messages_for(*params)
    #add by glchengang
    key_hash = {}
    if params.first.is_a?(Hash)
      key_hash =  params.first
      params.delete_at(0)
    end
    #add end

    options = params.last.is_a?(Hash) ? params.pop.symbolize_keys : {}
    objects = params.collect {|object_name| instance_variable_get("@#{object_name}") }.compact
    count   = objects.inject(0) {|sum, object| sum + object.errors.count }
    unless count.zero?
      html = {}
      [:id, :class].each do |key|
        if options.include?(key)
          value = options[key]
          html[key] = value unless value.blank?
        else
          html[key] = 'errorExplanation'
        end
      end
      # change by glchengang
      header_message = "有#{count}个错误"
#       header_message = "#{pluralize(count, 'error')} prohibited this #{(options[:object_name] || params.first).to_s.gsub('_', ' ')} from being saved"

      #add by glchengang
      error_messages = objects.map do |object|
        temp = []
        object.errors.each do |attr, msg|
          temp << content_tag(:li, (key_hash[attr] || attr) + msg)
        end
        temp
      end
      #add end

#        error_messages = objects.map {|object| object.errors.full_messages.map {|msg| content_tag(:li, msg) } }
      content_tag(:div,
        content_tag(options[:header_tag] || :h2, header_message) <<
#           content_tag(:p, 'There were problems with the following fields:') <<
          content_tag(:ul, error_messages),
        html
      )
    else
      ''
    end
  end

使用依然兼容老的方式，你也可以传入一个哈希表，把模型字段显示成对应的中文，示例如下：

<%=
h = {'username'=>'用户名', 'password'=>'密码'}
error_messages_for h, :user
%>

另外，还要在environment.rb的最后插入以下代码：

errors = ActiveRecord::Errors.default_error_messages
errors[:taken] = '已经被使用'
errors[:blank] = '不能为空'

陈刚 2007-09-19 17:35 发表评论

让will_paginate的分页支持ajax

陈刚 — Sun, 02 Sep 2007 07:42:00 GMT

关于will_paginate插件，请看这个帖子: http://mmm.javaeye.com/blog/116931。

文/陈刚 (www.chengang.com.cn)

但一直搜不到它支持ajax分面的方法，于是我参考它分页方法的源代码(位于:vendor/plugins/will_paginate/lib/will_paginate/view_helpers.rb)，稍微改写，变成了一个支持ajax的分页方法。以下代码复制到application_helper里即可。

  #-----------------------------------------
  # will_paginate插件的ajax分页
  #-----------------------------------------
  @@pagination_options = { :class => 'pagination',
        :prev_label   => '上一页',
        :next_label   => '下一页',
        :inner_window => 4, # links around the current page
        :outer_window => 1, # links around beginning and end
        :separator    => ' ', # single space is friendly to spiders and non-graphic browsers
        :param_name   => :page,
        #add by chengang
        :update =>nil, #ajax所要更新的html元素的id
        :url_suffix => ''  #url的后缀，主要是为了补全REST所需要的url
        #add end
        }
  mattr_reader :pagination_options

  def will_paginate_remote(entries = @entries, options = {})
    total_pages = entries.page_count

    if total_pages > 1
      options = options.symbolize_keys.reverse_merge(pagination_options)
      page, param = entries.current_page, options.delete(:param_name)

      inner_window, outer_window = options.delete(:inner_window).to_i, options.delete(:outer_window).to_i
      #add by chengang
      update =  options.delete(:update)
      suffix =  options.delete(:url_suffix)
      url = request.env['PATH_INFO']
      url += suffix if suffix
      #add end

      min = page - inner_window
      max = page + inner_window
      if max > total_pages then min -= max - total_pages
      elsif min < 1  then max += 1 - min
      end

      current   = min..max
      beginning = 1..(1 + outer_window)
      tail      = (total_pages - outer_window)..total_pages
      visible   = [beginning, current, tail].map(&:to_a).flatten.sort.uniq
      links, prev = [], 0

      visible.each do |n|
        next if n < 1
        break if n > total_pages

        unless n - prev > 1
          prev = n
          #change by chengang
          text = (n==page ? n : "[#{n}]")
          links << page_link_remote_or_span((n != page ? n : nil), 'current', text, param, update, url)
        else
          prev = n - 1
          links << ''
          redo
        end
      end

      #change by chengang
      links.unshift page_link_remote_or_span(entries.previous_page, 'disabled', options.delete(:prev_label), param, update, url)
      links.push    page_link_remote_or_span(entries.next_page,     'disabled', options.delete(:next_label), param, update, url)
      #change end

      content_tag :div, links.join(options.delete(:separator)), options
    end
  end

protected

  def page_link_remote_or_span(page, span_class, text, param, update, url)
    unless page
      content_tag :span, text, :class => span_class
    else
      link_to_remote text, :update => update, :url => "#{url}?#{param.to_sym}=#{page}", :method=>:get
    end
  end

在view中的使用如下所示:

<%=will_paginate_remote @topics, :update => 'topicList', :url_suffix => url_suffix%>

陈刚 2007-09-02 15:42 发表评论

在Rails中使用FCKeditor插件实现WEB富文本编辑

陈刚 — Sat, 25 Aug 2007 08:44:00 GMT

比如象BlogJava这里编辑器就应该是用的FCKeditor ，FCKeditor 相当有名，它有PHP、JSP、rails等多个版本，核心都是一些javascript代码。

文/陈刚 (www.chengang.com.cn)

环境：ubuntu linux 7.0.4 + ruby 1.8.5 + Rails 1.2.3 + FCKeditor 0.4.1

直接从它的subversion库里取得该Rails插件。先进入到你的项目根目录，再执行如下命令

ruby script/plugin install svn://rubyforge.org/var/svn/fckeditorp/trunk/fckeditor

其他说明：
(1)你的linux必须先安装了subversion。（ubuntu里用新立得搜subversion即得）
(2)把命令中的install 改为 destory，可以删除安装。
(3)我取到的是2007年4月份最后更新的, v 0.4.1版
(4)FCKeditor安装在项目根目录下的vendor/plugins/fckeditor 里，
(5)vendor/plugins/fckeditor里的README很值得一读，我碰到Ajax问题，查了所以网上的中文资料都没有提到，在这个README却有。

用如下语句在页面里含入它的javascript库

<%= javascript_include_tag :fckeditor %>

或

<%= javascript_include_tag "fckeditor/fckeditor" %>

在需要富文本的Form表单用如下语句生成一个富文件编辑框：

<%= fckeditor_textarea("topic", "content", :toolbarSet => 'Simple', :width => '100%', :height => '200px') %>

说明：topic对应模型对象,content对应它的字段。也就是要求当前页要有@topic这个实例变量。

如果是用了ajax，则需要在form_remote_tag加上一个before项

  <%= form_remote_tag(:update => update,
                      :before => fckeditor_before_js('topic', 'content'),
                      :url => {:controller => 'topics', :action => 'create', :template => 'show'} )%>

并且富文件编辑框要加一个ajax=true的选项：

<%= fckeditor_textarea(:topic, :content, :ajax => true, :toolbarKit => 'Simple', :width => '100%', :height => '600px') %>

在使上传图片的功能时碰到了错误。弹出出alert对话框，显示：Error on file upload.Error number: 403

在日志里显示如下，表面上看好象是路由配置的问题

ActionController::RoutingError (no route found to match "/fckblank.html" with {:method=>:get}):
/var/lib/gems/1.8/gems/actionpack-1.13.3/lib/action_controller/routing.rb:1292:in `recognize_path'
/var/lib/gems/1.8/gems/actionpack-1.13.3/lib/action_controller/routing.rb:1282:in `recognize'
/var/lib/gems/1.8/gems/rails-1.2.3/lib/dispatcher.rb:40:in `dispatch'
/var/lib/gems/1.8/gems/rails-1.2.3/lib/webrick_server.rb:113:in `handle_dispatch'
/var/lib/gems/1.8/gems/rails-1.2.3/lib/webrick_server.rb:79:in `service'
/usr/lib/ruby/1.8/webrick/httpserver.rb:104:in `service'
/usr/lib/ruby/1.8/webrick/httpserver.rb:65:in `run'
/usr/lib/ruby/1.8/webrick/server.rb:173:in `start_thread'
/usr/lib/ruby/1.8/webrick/server.rb:162:in `start'
/usr/lib/ruby/1.8/webrick/server.rb:162:in `start_thread'

最后在http://blog.caronsoftware.com/articles/2006/12/03/fckeditor-0-4-0-released#comment-1745找到了答案，这是一个BUG

解决方法：

修改：vendor/plugins/fckeditor/app/controller/fckeditor_controller.rb
将原来的

unless "#{file.class}" == "Tempfile"

改为

unless "#{file.class}" == "Tempfile" || "#{file.class}" == "StringIO"

陈刚 2007-08-25 16:44 发表评论

mootools VS prototype

陈刚 — Thu, 23 Aug 2007 04:11:00 GMT

前天为了实现一个Lightbox的效果，搜了一些资料，引出了mootools这一个javascript库(http://mootools.net/ )。其效果的确很酷，这个是它的常见效果实现一览表http://demos.mootools.net/ 。

我觉得mootools比prototype强的地方，就是它的理念更OO，重点表现在它把javascript、html、css完全分离开来，用mootools的话,html里干净得找不到javascript的影子。javascript、html 分离，这很重要。

其次，mootools的文档很不错，在http://demos.mootools.net/ 这个效果一览表中，你可以很轻松的看到实现效果的代码。代码清晰的分为三个部份javascript、html、css，你只要将这些代码复制到你的项目中就能得到预期的效果。它的javascript代码对于有java或OO基础的人相当易懂。

再次，下载的mootools是压过编码压缩的了的，这使得javascript文件更小，选择所有部件后大约是30K。而prototype是100多K，当然prototype也可以用javascript压缩工具压缩一下。

唯一遗憾的是Rails默认支持的是prototype，而非mootools。当然我们也可以在Rails项目中抛弃prototype改用mootools，但rails那些对javascript做了封装的helper方法就用不了。这是一个不小损失。

陈刚 2007-08-23 12:11 发表评论

Rails验证码图片的实现

陈刚 — Fri, 17 Aug 2007 11:48:00 GMT

第一步：安装必须的软件

在linux下生成图片需要图片处理软件ImageMagick的Ruby语言RMagick库支持。安装RMagick最麻烦，我查了N多资料试了N次才安装成功。
   1. 安装ImageMagick：sudo apt-get install imagemagick
   2. 查看安装结果：dpkg -l | grep magick
   3. 更新软件包列表：sudo apt-get update
   4. 安装图片处理软件包libmagick9-dev：sudo apt-get install libmagick9-dev ruby1.8-dev
   5. 安装接口软件包RMagick：sudo gem install rmagick
   6. 说明：如果出现问题或者错误请执行下面命令：sudo apt-get remove --purge libmagick9-dev

在irb里require 'RMagick'。如果返回true，表示安装成功。

第二步：编码

在models目录创建一个proof_image.rb

require 'rubygems'
require 'RMagick'
class ProofImage
  include Magick
  attr_reader :text, :image
  Jiggle = 15
  Wobble = 15

  def initialize(len=4)
    chars = ('a'..'z').to_a # + ('0'..'9').to_a
    text_array=[]
    1.upto(len) {text_array << chars[rand(chars.length)]}
    #background_type = "granite:" #花岗岩
    #background_type = "netscape:" #彩条
    #background_type = "xc:#EDF7E7" #指定背景色,例：xc:red
    #background_type = "null:" #纯黑
    granite = Magick::ImageList.new('null:')
    canvas = Magick::ImageList.new
    canvas.new_image(32*len, 50, Magick::TextureFill.new(granite))
    gc = Magick::Draw.new
    gc.font_family = 'times'
    gc.pointsize = 40
    cur = 10

    text_array.each{|c|
      rand(10) > 5 ? rot=rand(Wobble):rot= -rand(Wobble)
      rand(10) > 5 ? weight = NormalWeight : weight = BoldWeight
      gc.annotate(canvas,0,0,cur,30+rand(Jiggle),c){
        self.rotation=rot
        self.font_weight = weight
        self.fill = 'green'
      }
      cur += 30
    }
    @text = text_array.to_s
    @image = canvas.to_blob{
      self.format="GIF"
    }

    #生成图片文件
    #text.text(0, 0, " ")
    #text.draw(canvas)
    #canvas.write('test.gif') #图片位于项目根目录下。也可以使用linux中的绝对路径如:/home/chengang/test.gif

  end
end

在一个controller里加入一个方法，方法的作用是向网页提供图片数据。我选择创建一个专门的UtilController。

class UtilController < ApplicationController

  def proof_image
    proof_image = ProofImage.new
    session[:proof_text] = proof_image.text
    send_data proof_image.image, :type => 'image/jpeg', :disposition => 'inline'
  end

end

以下是在页面中的调用代码：

输入验证码:<%=text_field(:proof, :text, :maxlength=>4) %>
<img id="img" src="/chen/util/proof_image">
<a href="#" onclick="changeImage();return false;">换一个验证码a><br/>

其中changeImage()是一个javascript函数，因为换图片时必须改变

function changeImage(){
$("img").src = "/chen/util/proof_image?tmp=" +new Date().getTime(); // Math.random();
}

我的环境：ubuntu 7.04 + Rails 1.2.3 +Ruby 1.8.5

陈刚 2007-08-17 19:48 发表评论

学习REST on Rails的途径

陈刚 — Wed, 15 Aug 2007 06:49:00 GMT

昨天开始接触学习REST，是个新手。用一个下午的时间baidu了一些REST资料，又重点翻看了javaeye所有关键词是REST的贴子。在了解和学习之后，我认为REST是值得去尝试的。

我学习REST的途径如下：

1、学习REST，下面这一篇翻译自<>文档基本就够了。感谢yananay的辛苦翻译，翻译得相当流畅。
http://www.javaeye.com/topic/89133

2、其次是看别人是怎么用REST的，大家一致推荐beast网站，具体的内容在这个贴子上
http://www.javaeye.com/topic/39355

3、另外再附一篇Rails创始人DHH的演讲翻译稿，这让我们能大概搞清楚REST是什么，它的初衷是什么：http://blog.csdn.net/myan/archive/2006/11/25/1413933.aspx

看完＜RESTful Rails Development＞就可以开始对自己的网站重构了，有不懂的地方再参考一下别人beast是怎么实现的。

陈刚 2007-08-15 14:49 发表评论

＜Programming Ruby中文版＞读后感

陈刚 — Wed, 08 Aug 2007 01:01:00 GMT

这是RoR 的两本必读书中的一本，两本书都是Dave Thomas的主写的。卓越网（已被亚马逊收购）好象最近购书免邮费，所以我订了一本，原价99，我只花了72元。由于是平邮，一周多后才收到书。800多页的书相当厚实，纸张也很不错。不过由于太厚，现在有从中间撕裂为两半的危险。

书分四大部份，第一部分讲语法基础，这部分是需要认真读的。这部份写得很细，很不错，需要认真做一些笔记。

第二部分讲一些较高级的较边缘性的东西，这部分可以快速浏览或跳过。我认真这个部份很多东西都可省去或简化，比如第15章讲irb的根本没必要这么细，谁会经常用irb来写ruby程序呢？而第17章讲GEM库，这对软件产品的打包发行比较重要，却又缺乏可操作性，读来不知所云。

第三部分又回到了语法，但更象是第一部份的读书笔记。真搞不懂为什么作者要单独出来成为一大部份，从写作的角度来说，把它里面的新知识点融入到第一部份中会更好。

第四部分是枯燥的API参考，也是需要重点了解熟悉的，不清楚API还编个什么劲。不过对于英文版的读者来说，这似乎完全没有必要，因为网上有最新API文档可查阅，内容基本是一样的。当然对于国内读者来说，这部份翻译成中文还是有价值的，免去了读英文API文档的痛苦。

如果你有JAVA的基础，书的前三部份可以在四天内读完。不过我觉得第一部份应该多看几遍，而第四部份也需经常通读，今后编程会常常翻查API。总的来说，这本书对于学习Ruby还是很有用的，关键是翻译得也还不错，读起来牙不酸胃不痛，所以值得一买。

陈刚 2007-08-08 09:01 发表评论

用AJAX实现气泡提示

陈刚 — Tue, 31 Jul 2007 07:32:00 GMT

文/陈刚 www.chengang.com.cn （转载请注明）

这个效果的实现是以网站http://www.panic.com/coda/为模仿对象（选择Download可以看到气泡提示效果），然后重新用Rails中的prototype.js来实现。

HTML页面的代码：

CSS的代码（涉及到的相关图片：bubble.rar）：

/* Bubble pop-up */
.popup {
    position: absolute;
    z-index: 50;
    border-collapse: collapse;
       /* width:500px;
    visibility: hidden; */
}

.popup td.corner {height: 15px;    width: 19px;}
.popup td#topleft { background-image: url(/images/bubble-1.png); }
.popup td.top { background-image: url(/images/bubble-2.png); }
.popup td#topright { background-image: url(/images/bubble-3.png); }
.popup td.left { background-image: url(/images/bubble-4.png); }
.popup td.right { background-image: url(/images/bubble-5.png); }
.popup td#bottomleft { background-image: url(/images/bubble-6.png); }
.popup td.bottom { background-image: url(/images/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(/images/bubble-8.png); }

.popup table.popup-contents {
    font-size: 12px;
    line-height: 1.2em;
    background-color: #fff;
    color: #666;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    }

table.popup-contents th {
    text-align: right;
    text-transform: lowercase;
    }

table.popup-contents td {
    text-align: left;
    }

然后给需要气泡提示的加上鼠标事件：

<span class="l1" onmouseover="Element.show('content_<%=o.id%>')" onmouseout="Element.hide('content_<%=o.id%>')"><%=article_link_to(o.title,o.id)%>span>

二、继续改进
气泡提示的外围HTML表格代码可以改由javascript来动态生成，这样可以缩小一些页面的总HTML大小。

HTML页面代码改为：

<span id="content_<%=o.id%>" style="display:none"><%=o.content%>span>

其他想法：本来打算把文章内容（气泡显示的内容），直接传入javascript函数showPopup里。但由于其字符串较复杂，需要对一些特殊字符进行转义才可以当成字符串传入，而转义需要通写Rails方法来实现，大量的字符搜索替换恐怕会增加服务器的负担。所以这里还是用一个html元素暂存气泡内容。

然后给需要气泡提示的加上鼠标事件。

<span class="l1" onmouseover="showPopup('content_<%=o.id%>',event);" onmouseout="hidePopup()"><%=article_link_to(o.title,o.id)%>span>

CSS的代码不变。

写两个javascript函数：

在javascript中渐显Effect.Appear有一点问题，所以就没再用。

效果如下图所示：

陈刚 2007-07-31 15:32 发表评论

rails中使用ajax时的分页实现

陈刚 — Mon, 30 Jul 2007 09:53:00 GMT

关于分页可以参考这篇文章：http://ruby-lang.org.cn/forums/viewthread.php?tid=206&extra=page%3D1&page=2

但如果使用ajax则分页的实现需要改动一下，如下所示。

      共<b><%=@article_pages.page_count%>b>页: 

      <%=if @article_pages.current!=@article_pages.first_page
         link_to_remote("首页",:update => "articleList",
            :url => {:action => 'list',:subcategory_id => @subcategory.id,:page => @article_pages.first_page})
      else
      "首页"
      end%>

      <%=if @article_pages.current.previous
      link_to_remote("上一页",:update => "articleList",
          :url => {:action => 'list',:subcategory_id => @subcategory.id,:page => @article_pages.current.previous})
      else
      "上一页"
      end -%>

      <%=pagination_links_each(@article_pages, :window_size => 5) do | page |
      link_to_remote("[#{page}]", :update => "articleList",
                           :url => {:action => 'list',:subcategory_id => @subcategory.id,:page => page})
      end%>

      <%=if @article_pages.current.next
      link_to_remote("下一页",:update => "articleList",
                :url => {:action => 'list',:subcategory_id => @subcategory.id,:page => @article_pages.current.next})
      else
      "下一页"
      end -%>

      <%=if @article_pages.current!=@article_pages.last_page
      link_to_remote("末页",:update => "articleList",
      :url => {:action => 'list',:subcategory_id => @subcategory.id,:page => @article_pages.last_page})
      else
      "末页"
      end%>

然后再优化一下，把这些代码提取成一个公共函数，放在application_helper里，以便其他页面也能共享。代码如下：

  def ajax_pagination_links(pages,update,url)
    links = []
    links << "共#{pages.page_count}页"
    return links[0] if pages.page_count==1
    links << ": "

    if pages.current!=pages.first_page
      url[:page] = pages.first_page
      links << link_to_remote("首页", :update => update, :url => url)
    else
      links << "首页"
    end

    if pages.current.previous
      url[:page] = pages.current.previous
      links << link_to_remote("上一页", :update => update, :url => url)
    else
      links << "上一页"
    end

    links << pagination_links_each(pages, :window_size => 5) do |page|
                url[:page] = page
                link_to_remote("[#{page}]", :update => update, :url => url)
            end

    if pages.current.next
      url[:page] = pages.current.next
      links << link_to_remote("下一页",:update => update, :url => url)
    else
      links << "下一页"
    end

    if pages.current!=pages.last_page
      url[:page] = pages.last_page
      links << link_to_remote("末页",:update => update, :url => url)
    else
      links << "末页"
    end

    links.join(" ")
  end

以后在页面里只需要加上这样一句即可

<%=ajax_pagination_links(@article_pages, "articleList", {:action => 'list',:subcategory_id => @subcategory.id})%>

陈刚 2007-07-30 17:53 发表评论

[迁移到Linux] 迁移mysql

陈刚 — Mon, 11 Jun 2007 16:33:00 GMT

最近这段时间关于版权的问题，越来越重视了，已经成为国与国之间的大事，必竟这关系于一大笔＄。虽然，我的XP是正版的，但还是考虑迁移到linux上来，并把linux做为今后的工作环境。咱也要争口气，说我盗版，那我不用你的不就成了。我选用的linux版本是ubuntu 7.04，这篇博客就是在新操作系统上写的。

迁移动linux上还是碰到了不少问题，主要还是习惯的问题。虽然ubuntu的桌面环境已经非常不错了，但很多编程方面的软件还是命令行式的，比如mysql。

安装MySQL

sudo apt-get install mysql-server mysql-client

root原密码为空，给它加个密码

mysqladmin -uroot -password 123456

导入SQL脚本

mysql -uroot -p123456 < db/create_table.sql

重启动mysql服务
mysqladmin -uroot -p123456 shutdown
sudo mysqld&

中文乱码的解决
修改mysql配置文件
sudo vim /etc/mysql/my.cnf

增加红色一句

datadir = /var/lib/mysql

tmpdir = /tmp

language = /usr/share/mysql/english

default-character-set = utf8

skip-external-locking

现象：在用命令行导入建表与插入数据的脚本后，所得数据还是乱码。但在RadRails中用insert插入数据却中文显示正常，看来是mysql命令行客户端的原因。在SQL脚本头加上如下一句，可以让mysql命令行客户端识别编码，正常导入中文。

SET NAMES 'utf8';

mysql的GUI客户端可以使用mysql官方的mysql-query-browser。在ubuntu的新立得管理器里可以装。

陈刚 2007-06-12 00:33 发表评论

Ruby on Rails笔记_v0.1

陈刚 — Sat, 12 May 2007 16:46:00 GMT

“读不如做，做不如写”，这一直是我学习技术所喜欢的方式。我是一个健忘的人，把知识写成文章后，自己遗忘时查阅也就方便了很多，毕竟是自己写的东西一查就能记起大部份来。此文档（PDF格式）是我学习Ruby on Rails技术的综合，有读书笔记、有心得、有自创教程、有一些问题的解决经验，统统分门别类集合在了一起。由于时间仓促，所以有些地方写得很简略，排版有些乱，错误肯定也不少。寄希望于以后不断更新此文档，争取更完善起来。

Ruby on Rails笔记，下载： V0.1 、 V0.2

陈刚 2007-05-13 00:46 发表评论

Rails学习笔记（7）实现分页，及数据库模型命名限制

陈刚 — Tue, 08 May 2007 14:09:00 GMT

Rails的分页实在是简单到了极点。一个文章列表的分页是这样实现的。

先在Action使用paginate方法，如下。
其中得到的数据记录会在@articles变量里，页的信息在@article_pages变量里。
paginate方法的第一参数是数据表名，order_by根据id排倒序，conditions是查询条件，per_page是每页三条记录。

    @article_pages,@articles = paginate(:articles,
                                        :order_by => 'id DESC',
                                        :conditions => "user_id=" + user_id,
                                        :per_page => 3)

接着在页面里就可以把@articles变量里的记录显示出来，而在*.rhtml文件里显示分页的那一栏的代码为

<%= pagination_links(@article_pages)%>

缺点是分页栏的式样固定，只列出了页码，没有列出上一页、下一页这样的翻页的按钮。不过，研究一下pagination_links方法的源代码，自己仿造写一个应该很简单。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

今天还碰到一个问题，我把表titles改名为modules后，模型文件名为module.rb，其他部份也做了修改。运行后出了错，出错信息是Module.class没有find方法（我在action调用find方法）。如下：

NoMethodError in SiteController#index

undefined method `find' for Module:Class

RAILS_ROOT: ./script/../config/..
Application Trace | Framework Trace | Full Trace

#{RAILS_ROOT}/app/controllers/site_controller.rb:21:in `header'
#{RAILS_ROOT}/app/controllers/site_controller.rb:5:in `index'
-e:4:in `load'
-e:4

多方尝试后发现数据库模型类不允许起名为module（这应该是rails内部的一个类，或者是rails是一个关键字），最后的解决办法是加一个下划线后缀，然后用set_table_name指定映射的表名。文件名：module_.rb

class Module_ < ActiveRecord::Base
set_table_name "modules"
end

陈刚 2007-05-08 22:09 发表评论

XHTML+CSS (2) 一个通用页面框架

陈刚 — Thu, 19 Apr 2007 05:22:00 GMT

每个页面都可以用的XHTML模板(扩展点为*.html)：

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>子在川上曰title>
<link href="main.css" rel="stylesheet" type="text/css" media="screen" />
head>
<body>
。。。。。。。。主页内容
body>
html>

用DIV+CSS来排版，的确要比过去表格方式利于维护。一般的方式是用DIV搭出页面骨架，然后用CSS慢慢润饰。看了《禅意花园》的读试第一章，再去它的网站看了看，这是它的原始页面：http://www.csszengarden.com/tr/chinese/。禅意花园提供了固定的XHTML文档结构，而各设计师可以基于此文档设计出CSS能改变页面风格，这些页面风格很出彩：http://www.mezzoblue.com/zengarden/alldesigns/，从中可见CSS的页面修饰能力强到超出我们想像。

我也简单用DIV+CSS写了一个简单的页面框架：http://www.blogjava.net/Files/chengang/xhtml_css_demo.rar。这个DEMO在IE7下显示正常，在FireFox3下则有点问题。但用Amaya检查，没有发现格式错误。有高手懂的帮指出一下。

补：
li列表在FF3下显示出圆点的解决，加式样：list-style:none;

陈刚 2007-04-19 13:22 发表评论

Rails学习笔记（6）中文乱码的解决

陈刚 — Thu, 19 Apr 2007 03:41:00 GMT

环境：
。MySQL 5.0，MySQL的环境配置为UTF8，建表也全部使用UTF8。
。IE6.0、FireFox 2.0.2
。Ruby 1.8.5　+　rails 1.2.3

错误现象：
。用MySQL Query Browser查看MySQL数据，中文显示正常。
。页面显示为乱码，原来是中文的地方都变成了一个长方块
。手工调整浏览器的页面编码，可以使用页面正常显示。但刷新后又是乱码。

解决方法：修改config/database.yml，加入一句编码设置如下。

development:
  adapter: mysql
  database: chensite_development
  encoding: utf8
  username: root
  password: 123456
  host: localhost

这时从数据库读取的数据显示正常了，但*.rhtml里的原中文却显示变成了乱码。据说将*.rhtml用记事本重新保存为utf-8格式可以解决，而我是用Radrails，右击项目，在它的属性页的info项的text file encoding改为UTF-8。这时*.rhtml文件里的中文会变成乱码，所以最好备份一下，然后将备份的文件内容一个个的复制粘贴过来。致此终于完美解决了中文乱码问题。

注：

1。有些文章说要修改application.rb，在before_filter加入字符过滤代码。我以前也试过，可行。但我觉得还是修改database.yml来得简单一些。

2。有些文章说要同时在*.rhtml里加上如下编码设置。我发现这一句可加可不加，对页面编码显示没有任何影响。

3。还有的人说修改environment.rb加入两行　$KCODE = 'u'　和　require 'jcode' 。这里似乎没有必要。也许这是老版Rails的解决方法。

4。有的人说在建表的时候不能用InnoDB，但我的建表语句如下，是用InnoDB。没有发现问题。

create table modules (
id int not null auto_increment,
..........
expanded tinyint(1) default 0,
primary key (id)
)ENGINE=InnoDB DEFAULT CHARSET=utf8;

陈刚 2007-04-19 11:41 发表评论

Rails学习笔记（5）第6、7、8章摘要

陈刚 — Tue, 10 Apr 2007 01:47:00 GMT

创建一个项目：rails depot

执行SQL脚本：mysql depot_development < db/create.sql
创建三个库，分别用于开发、测试、生产：depot_development、depot_test、depot_production。
每个表都应该带一个和业务无关的ID字段。
在rails配置数据库的连接：config\database.yml。密码之前冒号之后要间隔一个空格。

ruby script/generate scaffold Product Admin，针对Product表产生一整套的网页程序（增删改），Admin是控制器名
ruby script/generate controller Store index   创建一个名为Store的控制器，并含有一个index() Action方法。

启动WEB服务：ruby script/server。（http://localhost:3000/admin ）

模型类：
。validates_presence_of :title, :desc, :image_url   必须不为空
。validates_numericality_of :price　　必须是数字
。validates_uniqueness_of   :title 　必须唯一
。validates_format_of       :image_url,
                            :with    => %r{^http:.+\.(gif|jpg|png)$}i,
                            :message => "must be a URL for a GIF, JPG, or PNG image"　　文件名必须是图片文件的扩展名
。模型保存到数据库之前会调用validate方法，例：

  def validate
    errors.add(:price, "should be positive") unless price.nil? || price > 0.0
  end

ActiveRecord的方法属性：
。content_columns　得到所有字段。content_columns.name字段名
。日期在今天之前，按日期倒序排列。self表示它是一个类方法（静态方法）。

  def self.salable_items
    find(:all, :conditions => "date_available <= now()", :order => "date_available desc")
  end

以下为链接，效果相当于以前的“http://..../show.jsp?id=11”

      <%= link_to 'Show', :action => 'show', :id => product %><br/>
      <%= link_to 'Edit', :action => 'edit', :id => product %><br/>
      <%= link_to 'Destroy', { :action => 'destroy', :id => product }, :confirm => "Are you sure?" %>

<%=  if @product_pages.current.previous
       link_to("Previous page", { :page => @product_pages.current.previous })
     end
%>

<%= if @product_pages.current.next
      link_to("Next page", { :page => @product_pages.current.next })
    end
%>

truncate(product.desciption, 80) 显示产品描述字段的摘要（80个字符）
product.date_available.strftime("%y-%m-%d")　日期字段的格式化显示
sprintf("%0.2f", product.price)　数值的格式化显示, number_to_currency方法也有类似功能

public/stylesheets 目录保存了网页所用的CSS式样表。用ruby script/generate scaffold ....生成框架代码的网页自动使用scaffold.css

布局模板
。app/views/layouts目录中创建一个与控制器同名的模板文件store.rhtml，则控制器下所有网页都会使用此模板

<html>
    <head>
      <title>Pragprog Books Online Storetitle>
      <%= stylesheet_link_tag "scaffold", "depot", :media => "all" %>
    head>
    <body>
        <div id="banner">
            <img src="/images/logo.png"/>
            <%= @page_title || "Pragmatic Bookshelf" %>
        div>
        <div id="columns">
            <div id="side">
                <a href="http://www.">Homea><br />
                <a href="http://www./faq">Questionsa><br />
                <a href="http://www./news">Newsa><br />
                <a href="http://www./contact">Contacta><br />
            div>
            <div id="main">
                <% if @flash[:notice] -%>
                  <div id="notice"><%= @flash[:notice] %>div>
                <% end -%>
                <%= @content_for_layout %>
            div>
        div>
    body>
html>

。<%= stylesheet_link_tag "scaffold", "depot", :media => "all" %>生成指向scaffold.css、depot.css两个式样表的标签
。@page_title 各个页面标题变量
。@flash[:notice] 提示性的信息（key=notice），这是一个公共变量。
。<%= @content_for_layout %>　位置嵌入显示控制器内名网页。由于其他网页变成了模板的一部份，所以其等标签应该去掉。

store_controller.rb ，当从session里取出某购物车不存在，则新建一个，并存入session。最后把此购物车赋给变量cart。

  def find_cart
    @cart = (session[:cart] ||= Cart.new)
  end

ruby script/generate model LineItem，创建一个LineItem的数据模型，附带还会创建相应的测试程序。

store_controller.rb：

  def add_to_cart
    product = Product.find(params[:id])
    @cart.add_product(product)
    redirect_to(:action => 'display_cart')
  rescue
    logger.error("Attempt to access invalid product #{params[:id]}")
    redirect_to_index('Invalid product')
  end

。params是URL的参数数组
。redirect_to转向语句
。rescue　异常，相当于Java的Exception
。redirect_to_index是application.rb中的一个方法，这个文件里的方法是各控制器公开的。
。logger是rails内置的变量。

class Cart

  attr_reader :items
  attr_reader :total_price

  def initialize
    empty!
  end

  def add_product(product)
    item = @items.find {|i| i.product_id == product.id}
    if item
      item.quantity += 1
    else
      item = LineItem.for_product(product)
      class Cart

# An array of LineItem objects
attr_reader :items

# The total price of everything added to this cart
attr_reader :total_price

# Create a new shopping cart. Delegates this work to #empty!
def initialize
empty!
end

# Add a product to our list of items. If an item already
# exists for that product, increase the quantity
# for that item rather than adding a new item.
def add_product(product)
    item = @items.find {|i| i.product_id == product.id}
    if item
      item.quantity += 1
    else
      item = LineItem.for_product(product)
      @items << item
    end
    @total_price += product.price
end

# Empty the cart by resetting the list of items
# and zeroing the current total price.
def empty!
    @items = []
    @total_price = 0.0
end
end
    end
    @total_price += product.price
  end

  def empty!
    @items = []
    @total_price = 0.0
  end
end

。由于Cart没有对应的数据表，它只是一个普通的数据类，因此要定义相应的属性。
。@items << item　把对象item加入到@items数组
。@items=[] 空数组

如果出现SessionRestoreError错误，则检查application.rb是否做了如下的模型声明。因为对于动态语句，session把序列化的类取出时，否则是无法知道对象类型的，除非声明一下。

class ApplicationController < ActionController::Base
model :cart
model :line_item
end

<% ... -%>　　-%>相当于一个换行符

@items.find(|i| i.product_id == product.id) |i|的作用应该相当于@items数组中的一个元素（书上没有提到，要查一下ruby语法）。

if @items.empty?　　　判断数组是否为空数组

flash[:notice]　flash可以在同一个Session的下一个请求中使用，随后这些内容就会被自动删除（下一个的下一个就被清空了？？）。
实例变量是代替不了flash的，因为IE无状态的特性，在下一个请求中，上一个请求的实例变量已失效。

当异常没有被任何程序捕捉，最后总会转到ApplicationController的rescue_action_in_public()方法

各视图可以使用appp/helpers目录下的各自相应的辅助程序中提供的方法。

陈刚 2007-04-10 09:47 发表评论

Rails学习笔记（4）数据库配置及页面读取

陈刚 — Mon, 09 Apr 2007 06:36:00 GMT

开始在MySQL中创建数据库，分别用于：开发、测试、产品

create database chensite_development;
create database chensite_test;
create database chensite_production;

在开发库中建表和插入数据：

use chensite_development;

drop table if exists titles;
create table titles (
id             int           not null auto_increment,
name           varchar(100)  not null,
url            varchar(200)  default NULL,
parent_id      int           default 0,
expanded       tinyint(1)    default 0,
level          tinyint(1)    default 0,
primary key (id)
)ENGINE=InnoDB DEFAULT CHARSET=utf8;

LOCK TABLES titles WRITE;
INSERT INTO titles VALUES(1,'AAAAAAAAA','http:\\www.AAAAAAAAA.com.cn',0,0,1);
INSERT INTO titles VALUES(2,'BBBBBBBBB','http:\\www.BBBBBBBBB.com.cn',0,0,1);
INSERT INTO titles VALUES(3,'CCCCCCCCC','http:\\www.CCCCCCCCC.com.cn',0,0,1);
INSERT INTO titles VALUES(4,'关于','http:\\www.DDDDDDDDD.com.cn',0,0,1);

INSERT INTO titles VALUES(5,'EEEEEEEEE','http:\\www.EEEEEEEEE.com.cn',2,0,2);
INSERT INTO titles VALUES(6,'FFFFFFFFF','http:\\www.FFFFFFFFF.com.cn',2,0,2);
INSERT INTO titles VALUES(7,'GGGGGGGGG','http:\\www.GGGGGGGGG.com.cn',2,0,2);
INSERT INTO titles VALUES(8,'HHHHHHHHH','http:\\www.HHHHHHHHH.com.cn',2,0,2);

UNLOCK TABLES;

配置数据库连接: config\database.yml，主要是给连接三个数据库的root用户输入密码，在输入密码时要注意："password:"和密码"123456"之间要有一个空格，密码之后不要有空格，否则无法启动WEB服务。

# MySQL (default setup).  Versions 4.1 and 5.0 are recommended.
#
# Install the MySQL driver:
#   gem install mysql
# On MacOS X:
#   gem install mysql -- --include=/usr/local/lib
# On Windows:
#   gem install mysql
#       Choose the win32 build.
#       Install MySQL and put its /bin directory on your path.
#
# And be sure to use new-style password hashing:
#   http://dev.mysql.com/doc/refman/5.0/en/old-client.html
development:
  adapter: mysql
  database: chensite_development
  username: root
  password: 123456
  host: localhost

# Warning: The database defined as 'test' will be erased and
# re-generated from your development database when you run 'rake'.
# Do not set this db to the same as development or production.
test:
  adapter: mysql
  database: chensite_test
  username: root
  password: 123456
  host: localhost

production:
  adapter: mysql
  database: chensite_production
  username: root
  password: 123456
  host: localhost

接下来创建一个能够显示数据库数据的页面。Rails是MVC模式的编程方式。
首先创建数据模型：app\models\title.rb

class Title < ActiveRecord::Base
end

数据库titles（小写复数），文件名title.rb（小写单数），类名Title（大写单数）
大写方式－－单词第一个字母为大写。小写方式－－每个单词用下划线分开。
模型类中不必定义属性，它会自动以数据库字段为属性。
set_table_name "table1" 定义对应的表
set_primary_key "name"　改默认的ID主键为name，不过以后name字段就用成id，如：o.id="chengang"

创建视图：views\homepage\index.rhtml，显示出title表所有记录的id和name值

<html>
<body>
<h1>ChenGang's Site

<% for title in @titles %>

<%= title.id %>__<%= title.name %><br/>

<% end %>
body>
html>

视图中用到的@titles变量来自于我们自己创建的如下控制器: app\controllers\homepage_controller.rb。Rails中控制器中的变量可以在视图中使用（这是否会产生变量污染的问题呢，还待以后再体验）

class HomepageController < ApplicationController
  def index
    @titles = Title.find(:all)
  end
end

Homepage和视图的目录名homepage相关
index方法和视图的文件名index.rhtml相关
用index可以省略访问地址中的action（action默认为index action)

最后启动Web服务器后访问：http://localhost:3000/homepage　

陈刚 2007-04-09 14:36 发表评论

Rails学习笔记（3）前四章摘记

陈刚 — Fri, 06 Apr 2007 11:10:00 GMT

把《应用Rails..》从头再看了一遍，下面是第一部份（前4章）的笔记

下载Ruby的网址：http://rubyinstaller.rubyforge.org　　检查：ruby -v
安装Rails的命令：gem install rails -include-dependencies　要注意网络通畅。
更新Rails的命令: gem update rails
创建一个名为chensite的项目，命令：rails chensite
启动内建的WEB服务器，先进入chensite目录，再输入命令：ruby script/server，访问http://localhost:3000

－－－－－－－－－－－－－－－－－－－－－－－
书中都是用文本编辑器来编辑代码，其实用RadRails这个IDE（Eclipse插件）更方便。
RadRails下载：http://radrails.sourceforge.net，我用的是radrails-0.7.1-win32.zip，解压后就可以用了。
下面讲一下它的配置，主要是在首选项窗口里设置。另注：除了配置ruby.exe有扩展名以外, 其他设定都没有扩展名。

Mongrel是WEB服务器，这里可不设置。一般是用Apache做前端请求转发，后端用mongrel做集群，以实现大负荷访问。

在Eclipse右下角的Server视图可以启动WEB服务器。
创建一个Controller，在书中是这个命令：ruby script/generate controller say
Eclipse中的方式则如下图所示：

在Eclipse中没有专门用于rhtml文件的新建项，以普通文件方式创建即可。不过，提供RHTML的编辑器，内含代码完成助手（Content Assist），代码提示功能不强，只会提示一些基本的语法流程框架，没有象JAVA编辑器那种类的方法的提示。

创建一个say控制器后，将say_controller.rb类如下

class SayController < ApplicationController
  def hello
    puts "chengang of puts"
    @blogsite="www.chengang.com.cn"
    3.downto(1)  do  |count|  #每次减1，从3循环到1 （3、2、1共三次循环）
      puts count
      puts "#{count} " + @blogsite
    end

  end
end

hello相当于一个Action，不过要显示WEB页面（http://localhost:3000/say/hello ）还需要在一个rhtml文件：views/say/hello.rhtml

<html>
<head>
    <title>Hello,Rails!<title>
head>
<body>
    <h1>Hello from Rails! h1>
    <%=Time.now%> <br/>
    <%=@blogsite%>
    <%= link_to "bye bye", :action=>"goodbye"%>
body>
html>

。link_to除了action，还可以定义controller，以及action的参数
。link_to "About", :controller=>"showpage", :action=>"about", :id=>11 则生成的url为 http://.../showpage/about/11
。如果把上一个的id改为... :name=>"glchengang" ，则生成的url为http://.../showpage/about?name="glchengang"。和前一个url比较得知id是默认参数，不显示。

<%=Time.now%>　显示当前时间

h()方法用于输出包含%<>等字符

1.hour.from_now　从现在过去1小时后的时间。数字也是一个对象，也具有方法。

3.times do　　＃三次循环
　　puts "chengang"
end

3.downto(1) do |count| ＃每次减1，从3循环到1 。共三次循环，count是变量
　　puts count
end

<%= link_to "bye bye", :action=>"goodbye"%>　一个指向当前控制器say的goodbye这个Action的链接

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
www.blogjava.net对FirFox支持不太好，在编辑文章复制粘贴时，平白弹出一个窗口，多出了两步麻烦的操作。

陈刚 2007-04-06 19:10 发表评论

Rails学习笔记（2）

陈刚 — Thu, 05 Apr 2007 03:08:00 GMT

用两周时间看完了《应用Rails进行敏捷WEB开发》的前15章，对其ActiveRecord的功能是感觉相当震憾的。ActiveRecord是Rails的数据模型层，其功能和Hibernate类似，不过在开发上前者简单了很多，ActiveRecord功能强大，代码量却少得惊人。我觉得搞JAVA开发的人都应该看看Rails，即使不用Rails来进行实际开发，也有很多设计思想可以借鉴。当然，Rails中很多功能和简洁的使用方式，Java是实现不来的，这也是动态脚本和静态编译的不同。15章之后就边做边看吧，实践中才能体会更深。

《应用Rails...》是好书，翻译得不错。不过也有瑕疵，比如书上总出现“引用原书第＊＊＊页的＊＊＊”，晕！难道还要去找原书来翻翻。这种低级错误和译者无关，译者交书稿时未经过排版，所以是无法确定下页码的。而出版商的编辑在排版完成后，本应该交作者再核对修改，但这一道工序似乎被省去了。
　
过去几年我大都是做后台，前台则是用SWT写胖客户端。离开WEB已经很久了，WEB的新技术出得很多，AJAX是其中一个比较重要的。买了一本《Ajax基础教程》看了一章都没甚么看明白Ajax是个什么样子，去榕湖图书馆借了本《征服Ajax+Lucene构建搜索引擎》，这回知道什么是Ajax了，其核心很简单就是XMLHTTPRequest的使用，主要知识面在JavaScript和XML。《征服Ajax...》这书深度不行，注水的内容太多，如果会JavaScript和XML，这本书关于Ajax的近200页中，只有约20页的内容对是有用的。现在很多AJAX框架，书中一个都没讲到，看完这本书，你还是无法在实际项目中使用Ajax的，因为自已去写基础Javascript代码太累了，谁还会去重新发明轮子呢？lucene和Ajax没什么相关技术被纠合在一起写，不明白作者是怎么想的。如果能把Lucene去掉，加入一些经典AJAX效果的实例，并深入介绍一个较酷的AJAX框架，和一些JavaScript调试开发工具，我想那一定会成为一本极好的书。

去JavaEye查了一下，AJAX的框架很多，让人不知如何选择。我看到其中YUI-EXT框架做出来的界面效果相当棒，可以考虑用它。但Rails内置了一些AJAX框架，所以需要以后再比较一下。

YUI－EXT的几个效果DEMO：
http://extjs.com/deploy/ext/examples/grid/edit-grid.html
http://yui-ext.com/deploy/yui-ext/examples/tree/two-trees.html
http://yui-ext.com/playpen/yui-ext.0.40/examples/dialog/msg-box.html

陈刚 2007-04-05 11:08 发表评论

Rails学习笔记（1）

陈刚 — Sun, 25 Mar 2007 08:53:00 GMT

最近要做一个网站，考虑再三选择用Rails，选择的原因是它被一致推崇的可维护性和开发效率。对一个有多年经验的开发者来说，可维护性和开发效率的重要性高于程序执行效率。有了C语言，还有谁去用汇编呢，有了C＋＋还有谁去用C呢，有了Java了谁还去用CGI开发网页呢，有了Rails中小规模的网站谁还去用Java呢？不过，学习Rails对我来说是一个挑战。人将老矣，尚能学否？心里没谱。

我的学习书籍是《应用Rails进行敏捷Web开发》

首先碰到的问题是书中的源代码下不了，原来给出的网址不让中国的IP下载（有岐视？），于是用google搜索到 Ruby On Rails 中文社区论坛，找到了源代码包。地址为（需要注册登录到论坛才能看到附件）：
http://www.railscn.com/viewtopic.php?t=3258&highlight=%D3%A6%D3%C3Rails%BD%F8%D0%D0%C3%F4%BD%DD
　

P54页，在创建数据库时要注意，如果你是才装的MySQL那么只有一个root用户，所以不要执行P54页的grant语句，否则会出错。grant语句是将数据库授权给某用户。而且第三句grant，如把prod改成root后执行，会把root用户的密码更改为wibble，导致旧密码失效，并且网页执行出“#28000Access denied for user 'root'@'localhost' (using password: YES)”错误。所以最好在学习阶段就用root用户得了，三条grant语句都不要执行。当然图6.1所示的配置文件也改为用root和相应的密码。

看到P74页，越来越感觉到开发Rails的速度是如此之快，真是非常简单方便。但ruby语句比较古灵精怪，我折回到附录A快速浏览了一遍，还是有些地方不太明白。不管这么多先，照猫画虎把购物车完成先。

陈刚 2007-03-25 16:53 发表评论

BlogJava-子在川上曰-随笔分类-Rails&Ruby

VIM的常用插件+配置文件+资料

个性化页面布局的设计思考与Rails初步实现

抽取FCKEditor的浏览图片功能

让Rails版的FCKEditor支持动态设置上传目录

定制FCKEditor，以及使其中文化

error_messages_for的中文化

让will_paginate的分页支持ajax

在Rails中使用FCKeditor插件实现WEB富文本编辑

mootools VS prototype

Rails验证码图片的实现

学习REST on Rails的途径

＜Programming Ruby中文版＞ 读后感

用AJAX实现气泡提示

rails中使用ajax时的分页实现

[迁移到Linux] 迁移mysql

安装MySQL

Ruby on Rails笔记_v0.1

Rails学习笔记（7）实现分页，及数据库模型命名限制

XHTML+CSS (2) 一个通用页面框架

Rails学习笔记（6）中文乱码的解决

Rails学习笔记（5）第6、7、8章摘要

Rails学习笔记（4）数据库配置及页面读取

Rails学习笔记（3）前四章摘记

Rails学习笔记（2）

Rails学习笔记（1）

＜Programming Ruby中文版＞读后感