Posted by cnruby Thu, 25 Jan 2007 19:59:00 GMT

Rails框架技术讲座:Hobo框架页面技术(一)

目录
 (一)系统环境:

  1. Ruby 语言 1.8.4版本, 点击这里Ruby1.8.4。要想安装多个Ruby语言运行环境请看这里
  2. Rails 框架 1.2.1版本,安装方法请看这里,最简单方法是第一种方法即可。
  3. Windows XP 或者 Windows 2000操作系统 或者 Linux操作系统
  4. 数据库系统SQLite,安装方法请看这里
  5. 需要一个浏览器,如FireFox1.5.0.1以上版本。
  6. 开发编辑工具 Notepad2 ,安装方法请单击这里,复制一个notepad2.exe,并且更名为vi.exe。
  7. 在Windows XP上安装Linux核心命令,点击这里
  8. 如何在Windows Console下使用命令svn(下载软件),点击这里

 (二)前提条件:

  1. 在本机Winodw操作系统上,我们的工作目录为d:\works_rails。
  2. 你的电脑必须在线。
  3. 安装Hobo框架方法如下:
    wget http://hobocentral.net/gems/hobo-0.4.0.gem
    gem install hobo-0.4.0.gem

 (三)目的:

  1. Hobo框架页面技术是该框架重要的创新技术。它不仅让你使用传统的表达方法<%=%>,也可以使用新的标记(Tag)表达方法<cn_time>。既可以使用HTML技术生成标记,也可以使用Ruby语言来生成你自己的标记。本讲先使用前面一种方法。
  2. 本讲座的完整代码请您在Google Code Hosting上查看
    http://cnruby.googlecode.com/svn/trunk/rails-projects/hobo_view01
    或者下载:
    svn co http://cnruby.googlecode.com/svn/trunk/rails-projects/hobo_view01

 (四)解决方案:

  1. 利用Hobo框架的代码生成技术,创建Rails框架应用软件hobo_view01
    hobo hobo_view01
    cd hobo_view01
  2. 编辑数据库配置文件 database.yml
    vi config/database.yml
  3. 编辑 application.dryml 创建自己的标签(Tag):cn_time,这里主要是利用HTML方式产生的。注意希望中文显示需要把文件application.dryml改为UTF-8格式。
    vi app/views/hobolib/themes/default/application.dryml    
    [Save as UTF-8]
  4. 在任何页面上都可以使用已经生成的标记cn_time,比如我们选择文件 index.dryml 来试一下。该标记本身的代码对于中文软件很有意义。
    vi app/views/front/index.dryml
    从该文件的代码(摘要如下)中我们看到了使用标记的二种方法。
    <%= cn_time %>
    <h1 class="front_page_title">Hobo View01</h1>
    <cn_time/>
  5. 创建数据库
    rake db:migrate
  6. 启动网络服务器WEBrick
    ruby script/server
  7. 打开浏览器Firefox
    http://127.0.0.1:3000/

 (五)视听教学:

视频

 (六)必须注意的问题:



 (七)参考资料:

  1. Hobo框架系列目录
  2. (德文)http://www.neotrivium.com/blog/2007/1/17/willkommen_hobo
  3. (英文)http://townx.org/blog/elliot/hobo_rails_plugin

 (八)命令清单:

hobo hobo_view01
cd hobo_view01
vi config/database.yml
vi app/views/hobolib/themes/default/application.dryml [Save as UTF-8]
vi app/views/front/index.dryml
rake db:migrate
ruby script/server
http://127.0.0.1:3000/

 (九)下载文件pdf:

Posted in  | Tags , , , ,