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:

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

技术讲座:.NET委托、事件及应用兼谈软件项目开发

目录(?)[-] NET委托及应用 NET委托概念NET委托声明及特点NET委托揭秘NET委托应用描述NET委托举例1传递方法NET委托举例2函数回调 NET事件及应用返回页首 NET事件概念设...

开源网络应用框架 Rails

Ruby on Rails 是一个用于开发数据库驱动的网络应用程序的完整框架。Rails基于MVC(模型- 视图- 控制器)设计模式。从视图中的Ajax应用,到控制器中的访问请求和反馈,到封装数据库的...

Ubuntu12.04 网络应用软件简介

1. Firefox Firefox是Ubuntu的默认浏览器。可以通过Dash主页->应用程序->互联网找到Firefox。更为简单的方式是在Ubuntu桌面左边的导航栏就有Firefox的图标。...

中科院计算所培训中心免费技术讲座(主题:大数据前沿技术分析与应用,时间:2017.2.28下午)

中科院计算所培训中心       —2017年技术分享会(大数据前沿技术分析与应用) 随着互联网、移动互联网和物联网的发展,我们已经切实地迎来了一个大数据的时代。如何对海量数据进行挖掘和分析,...

ruby on rails技术入门

  • 2008-04-10 21:40
  • 511KB
  • 下载

透过豆瓣上一篇“如何快速学习 Ruby on Rails?”,思考如何去学习新的技术

方案一: 快速学习Ruby on Rails,这应该是个伪命题,没有什么事情是能够快速学习的,尤其是编程,而且是Rails这样极其复杂的框架,它由无数顶级高手成年累月的心血堆砌而成,融合了web开发...
  • tham_
  • tham_
  • 2015-03-24 22:47
  • 467

Ruby on Rails技术(三)——基本语法(标识符定义)

1、常量:常量定义时可以不指定数据类型,以大写字母开头。常量可重复定义。   2、作用域: Ruby中有3中类型的作用域:类、模块、方法 类:class 类名 end; 方法:def 方法名(形参列表...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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