Rails框架技术讲座:网络应用软件页面技术jMaki on Rails(第九十二篇)

原创 2007年09月30日 20:05:00
Rails框架技术讲座:网络应用软件页面技术jMaki on Rails

目录
 (一)系统环境:

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

 (二)前提条件:

  1. 在本机Winodw操作系统上,我们的工作目录为d:/works_rails。
  2. 你的电脑必须在线。

 (三)目的:

  1. 本文将说明网络页面技术jMaki上如何和Rails框架技术相互有机地结合在一起的。
  2. 本讲座的完整代码请您在Google Code Hosting上查看:
    http://cnruby.googlecode.com/svn/trunk/rails-projects/use-jmaki
    或者下载
    svn co http://cnruby.googlecode.com/svn/trunk/rails-projects/use-jmaki

 (四)解决方案:

  1. 我们创建Rails框架应用软件的根目录:
    mkdir use_jmaki
    cd use_jmaki
  2. 安装基于Rails框架的jMaki插件:
    ruby script/plugin source http://jmaki-goodies.googlecode.com/svn/trunk/rails_plugins
    ruby script/plugin install jmaki_core
    ruby script/plugin install jmaki_yahoo
    我们的实例仅仅使用到jMaki框架软件的一个插件jmaki_yahoo,其它的插件也可以使用,安装方法如下:
    ruby script/plugin install jmaki_dojo
    ruby script/plugin install jmaki_ext
    ruby script/plugin install jmaki_flickr
    ruby script/plugin install jmaki_google
    ruby script/plugin install jmaki_native
    ruby script/plugin install jmaki_scriptaculous
    ruby script/plugin install jmaki_spry
  3. 编辑数据库配置文件 database.yml
    vi config/database.yml
  4. 利用Rails框架自动代码生成技术,我们创建一个模型Admin及其相关代码:
    ruby script/generate scaffold_resource admin
  5. 针对我们的模板页面文件,增加jMaki技术的相关代码 admins.rhtml,以便使用JavaScript和CSS代码。这是本文的精华部分之一。
    vi app/views/layouts/admins.rhtml
      <%= stylesheet_link_tag "jmaki-standard", :media => "all" -%>
      <%= javascript_include_tag "jmaki" -%>
      <%= jmaki_setup -%>
  6. 编辑数据库移植技术文件 001_create_admins.rb ,并且创建数据库及其相关表:
    vi db/migrate/001_create_admins.rb
          t.column :username, :string
          t.column :password, :string
          execute "INSERT INTO admins VALUES(1, 'munich', '24680')"
          execute "INSERT INTO admins VALUES(2, 'beijing', '13579')"
    rake db:migrate
  7. 利用Rails框架技术和jMaki框架技术,修改页面 index.rhtml 文件。注意这是本文的精华部分之二。下面的代码有二部分代码,前面的是利用Rails框架技术把实际存储到一个Array中;后面的是jMaki框架的代码技术。
    vi app/views/admins/index.rhtml
      <h1>Listing admins</h1>

      <% @table_data = [] %>
      <% for admin in @admins %>
        <% @table_data << [ admin.username, admin.password,
                             link_to('Show', admin_path(admin)),
                             link_to('Edit', edit_admin_path(admin)),
                             link_to('Destroy', admin_path(admin), :confirm => 'Are you sure?', :method => :delete)
                           ] %>
      <% end %>

      <%= jmaki_widget 'yahoo.dataTable',
          :args => {
              :columns => [
                  { :title => 'Usename', :width => 200, :locked => false },
                  { :title => 'Password', :width => 75, :renderer => 'italic' },
                  { :title => 'Show', :width => 60, :renderer => 'italic' },
                  { :title => 'Edit', :width => 60, :renderer => 'italic' },
                  { :title => 'Destroy', :width => 60, :renderer => 'italic' },
              ]
          },
          :value => @table_data
      -%>

      <br />
      <%= link_to 'New admin', new_admin_path %>
  8. 启动网络服务器:
    ruby script/server
  9. 浏览我们的网络应用软件:
    start http://localhost:3000/admins

 (五)视听教学:



 (六)必须注意的问题:

  1. 利用NetBeans工具,可以更好地使用jMaki框架技术。

 (七)参考资料:

  1. https://ajax.dev.java.net/files/documents/3115/45044/org-netbeans-modules-sun-ajax-updatecenter.nbm
  2. https://ajax.dev.java.net/servlets/ProjectDocumentList?folderID=0
  3. http://blogs.sun.com/arungupta/entry/jmaki_on_rails_for_dummies
  4. http://jmaki.com/

 (八)命令清单:

mkdir use_jmaki
cd use_jmaki

ruby script/plugin source http://jmaki-goodies.googlecode.com/svn/trunk/rails_plugins
ruby script/plugin install jmaki_core
ruby script/plugin install jmaki_dojo
ruby script/plugin install jmaki_ext
ruby script/plugin install jmaki_flickr
ruby script/plugin install jmaki_google
ruby script/plugin install jmaki_native
ruby script/plugin install jmaki_scriptaculous
ruby script/plugin install jmaki_spry
ruby script/plugin install jmaki_yahoo

mysqladmin -u root -proot create jmaki
vi config/database.yml

ruby script/generate scaffold_resource admin

vi app/views/layouts/admins.rhtml
<%= stylesheet_link_tag "jmaki-standard", :media => "all" -%>
<%= javascript_include_tag "jmaki" -%>
<%= jmaki_setup -%>

vi db/migrate/001_create_admins.rb
t.column :username, :string
t.column :password, :string
execute "INSERT INTO admins VALUES(1, 'munich', '24680')"
execute "INSERT INTO admins VALUES(2, 'beijing', '13579')"
rake db:migrate

vi app/views/admins/index.rhtml
<h1>Listing admins</h1>

<% @table_data = [] %>
<% for admin in @admins %>
<% @table_data << [ admin.username, admin.password,
link_to('Show', admin_path(admin)),
link_to('Edit', edit_admin_path(admin)),
link_to('Destroy', admin_path(admin), :confirm => 'Are you sure?', :method => :delete)
] %>
<% end %>

<%= jmaki_widget 'yahoo.dataTable',
:args => {
:columns => [
{ :title => 'Usename', :width => 200, :locked => false },
{ :title => 'Password', :width => 75, :renderer => 'italic' },
{ :title => 'Show', :width => 60, :renderer => 'italic' },
{ :title => 'Edit', :width => 60, :renderer => 'italic' },
{ :title => 'Destroy', :width => 60, :renderer => 'italic' },
]
},
:value => @table_data
-%>

<br />
<%= link_to 'New admin', new_admin_path %>

ruby script/server


 (九)下载文件pdf:

Rails宝典之第九式: 在日志里过滤敏感数据

这是个安全问题,当我们在系统注册页面输入密码等敏感数据时,我们可以看到,密码以明文的形式显示在日志文件里:  Java代码   Processing UsersCont...
  • blacksource
  • blacksource
  • 2011年12月25日 22:49
  • 1520

rails框架介绍

Rails框架首次提出是在2004年7月,其的研发者是26岁的丹麦人David Heinemeier Hansson。不同于已有复杂的Web 开发框架,Rails是一个更符合实际需要而且更高效的Web...
  • nothing0318
  • nothing0318
  • 2012年02月21日 02:39
  • 4290

2.Rails程序框架

模型(model) 视图(view) 控制器(controller) Rails对Web应用的结构有着严格的约束。但是这些约束反倒使得创建应用程序变得简单。模型负责维持应用程序的状态。这种状态有...
  • u011240016
  • u011240016
  • 2017年01月20日 01:18
  • 227

rails 代码结构详解

目录结构 这一节让我们走访一个 Rails的目录结构: app/ app 目录是你主要工作的地方,不同子目录存储了 Models、Controllers、Views、Helpers和 Ass...
  • u013435984
  • u013435984
  • 2017年01月06日 14:52
  • 940

Ruby on Rails 以及其与SSH框架的比较

一、Ruby on Rails 1. 什么是Rails Rails是Ruby on Rails的官方简称,非官方简称为RoR。在RubyOnRails的官网对Rails的定义是:Rails is...
  • Yarn_
  • Yarn_
  • 2017年03月30日 20:39
  • 683

rails路由全解

Rails 路由学习笔记 字数4762 阅读1569 评论0 喜欢5 参考 RailsGuides中的Rails Routing from the Outside In 原文...
  • qwbtc
  • qwbtc
  • 2016年05月03日 13:22
  • 719

(一)Rails框架纵览:

(一)Rails框架纵览:学习Rails框架也好几个月了,不过这段时间忙着考研复试,忘了不少了,总结一下,找回点感觉,好做毕业设计。Ruby on Rails的两大箴言:约定优于配置(Convetio...
  • fuliangliang
  • fuliangliang
  • 2007年04月01日 22:00
  • 1289

Java框架的老大们们谈框架...没有一人能忽视Ruby on Rails...

Jave Web Framework Sweet Spots Java Web 框架的“甜点” 这是一篇很有趣的文档,所以摘要一下,其实类似阅读笔记,好像是3/25发布的: 不...
  • DL88250
  • DL88250
  • 2008年01月12日 22:38
  • 2875

Rails 列表加分页功能

rails 的默认列表是取的所有数据,如果数据量较大,这种方式肯定有问题: 第一,会导致内存超出; 第二,页面会特别长; 第三,加载也较慢. 这个时候,分页需求就来了,总不能自己写分页吧,这也太麻烦了...
  • feigeswjtu
  • feigeswjtu
  • 2015年04月30日 00:41
  • 1795

Rails 中的持久化框架 Active recored

Rails中的持久化框架
  • liiuijkiuu
  • liiuijkiuu
  • 2016年07月29日 21:51
  • 444
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Rails框架技术讲座:网络应用软件页面技术jMaki on Rails(第九十二篇)
举报原因:
原因补充:

(最多只允许输入30个字)