您的位置：NetBeans->NetBeans Ruby on Rails中使用Ajax(一)
NetBeans Ruby on Rails中使用Ajax(一) 2008-04-30 来自：java060515 [收藏到我的网摘]
本教程以《建立Rails模型间的关系》一文为基础。如果已经学完该教程，那么您可以使用在该教程中构建的项目直接阅读下一节。否则，下载RubyWebLogModel.zip文件并遵循这些步骤创建示例数据库。
注意：本教程使用MySQL数据库服务器。有关在Ruby应用程序中使用MySQL数据库服务器的更多信息，请参阅《安装和配置Ruby支持》。这篇文章还阐述了如何使用Java DB数据库服务器。
1. 打开一个命令窗口。
2. 如果尚未启动MySQL数据库服务器，请启动它。
3. 键入下列命令创建开发数据库，并按下回车键。
mysqladmin -u root -p create rubyweblog_development注意：如果root用户不需要密码，则省略-p参数。
4. 在IDE中打开rubyweblog项目。
注意：当您第一次在IDE中打开或创建Ruby项目时，IDE会检查除绑定的JRuby软件外是否还存在其他Ruby安装。如果存在，则IDE将弹出对话框询问您选择使用哪个软件。如果想用绑定的JRuby解释器就选择JRuby，或者选择您自己的Ruby安装（如果更喜欢它）。有关更多信息，请参阅《安装和配置Ruby》教程中的“配置IDE使用您自己的Ruby安装”部分。
5. 如果数据库需要密码，请编辑database.yml文件并在开发配置中提供密码。保存文件。
要快速访问database.yml文件，可以使用Alt+Shift+O组合键（Mac机上为Ctrl+Shift+O），在File Name文本框中键入database.yml并按下回车键。
6. 右键单击rubyweblog节点并选择Migrate Database > To Current Version。
此操作将更新数据库，使其包括帖子表和评论表。Output窗口将指示迁移的完成情况。
7. 运行程序并创建一篇新帖子。
8. 单击Permalink并为帖子添加评论。
注意：添加评论之后，整个页面将重新加载。
创建Partial模板
在rubyweblog项目中，当读者在页面中添加评论时，页面会重新加载其中的博客条目和评论。更好的解决方案是，使用Ruby on Rails框架提供的Ajax支持来动态加载评论。要准备使用Ajax，请创建一个partial模板，在其中存放用于显示评论的代码。使用partial的优点在于您可以多次调用partial（博客中的每条评论调用一次）而无需重新加载博客条目本身。
1. 右键单击rubyweblog节点并选择New > RHTML File。将文件命名为_comment并存放在app\views\blog文件夹中。
IDE将创建一个_comment文件并在编辑区域中将其打开。注意，partial模板以下划线（_）开头，以区别于full模板。
当前，用于显示评论的代码保存在文件show.rhtml中。在下一个步骤中，您将从show.rhtml中删除此代码并将其粘贴到_comment.rhtml partial模板中。
2. 进入rubyweblog > Views > blog文件夹并打开show.rhtml。剪切用于显示评论的代码（如代码示例1所示）。将代码粘贴到_comment.rhtml中，替换此文件中所有现有内容。
代码示例1：从show.rhtml剪切并粘贴到_comment.rhtml中的代码
<%= h comment.comment %>
Posted on <%= comment.created_at.strftime("%B %d, %Y at %I:%M %p") %>
3. 返回到show.rhtml文件并删除以下两行代码。
<% @post_comments.each do |comment| %> <% end %>4. 插入以下代码示例中以粗体显示的元素。将代码添加到前面删除两行代码的位置。
代码示例2：show.rhtml的标记
Comments
<% @post_comments.each do |comment| %> <%= render :partial=>"comment", :object => comment %> <% end %>
该代码将创建一个名为comments的元素。@post_comments变量包含_comment partial显示的评论。
5. 选择File > Save All，然后运行应用程序。
6. 单击Permalink按钮，并为帖子添加一条评论。
现在，程序的功能和以前完全相同。但经过设计之后，您的程序已经可以开始使用Ajax支持。
- java060515的专栏 - CSDNBlog
推荐人评论
本教程以《建立Rails模型间的关系》一文为基础。如果已经学完该教程，那么您可以使用在该教程中构建的项目直接阅读下一节。否则，下载RubyWebLogModel.zip文件并遵循这些步骤创建示例数据库。
用户评论
正在载入评论列表...
是谁推荐了此篇文章
付江CSDN频道编辑
- 付江推荐的其他文章
热点新闻
热点评论
精彩专题
资源下载
注意：本教程使用MySQL数据库服务器。有关在Ruby应用程序中使用MySQL数据库服务器的更多信息，请参阅《安装和配置Ruby支持》。这篇文章还阐述了如何使用Java DB数据库服务器。
1. 打开一个命令窗口。
2. 如果尚未启动MySQL数据库服务器，请启动它。
3. 键入下列命令创建开发数据库，并按下回车键。
mysqladmin -u root -p create rubyweblog_development注意：如果root用户不需要密码，则省略-p参数。
4. 在IDE中打开rubyweblog项目。
注意：当您第一次在IDE中打开或创建Ruby项目时，IDE会检查除绑定的JRuby软件外是否还存在其他Ruby安装。如果存在，则IDE将弹出对话框询问您选择使用哪个软件。如果想用绑定的JRuby解释器就选择JRuby，或者选择您自己的Ruby安装（如果更喜欢它）。有关更多信息，请参阅《安装和配置Ruby》教程中的“配置IDE使用您自己的Ruby安装”部分。
5. 如果数据库需要密码，请编辑database.yml文件并在开发配置中提供密码。保存文件。
要快速访问database.yml文件，可以使用Alt+Shift+O组合键（Mac机上为Ctrl+Shift+O），在File Name文本框中键入database.yml并按下回车键。
6. 右键单击rubyweblog节点并选择Migrate Database > To Current Version。
此操作将更新数据库，使其包括帖子表和评论表。Output窗口将指示迁移的完成情况。
7. 运行程序并创建一篇新帖子。
8. 单击Permalink并为帖子添加评论。
注意：添加评论之后，整个页面将重新加载。
创建Partial模板
在rubyweblog项目中，当读者在页面中添加评论时，页面会重新加载其中的博客条目和评论。更好的解决方案是，使用Ruby on Rails框架提供的Ajax支持来动态加载评论。要准备使用Ajax，请创建一个partial模板，在其中存放用于显示评论的代码。使用partial的优点在于您可以多次调用partial（博客中的每条评论调用一次）而无需重新加载博客条目本身。
1. 右键单击rubyweblog节点并选择New > RHTML File。将文件命名为_comment并存放在app\views\blog文件夹中。
IDE将创建一个_comment文件并在编辑区域中将其打开。注意，partial模板以下划线（_）开头，以区别于full模板。
当前，用于显示评论的代码保存在文件show.rhtml中。在下一个步骤中，您将从show.rhtml中删除此代码并将其粘贴到_comment.rhtml partial模板中。
2. 进入rubyweblog > Views > blog文件夹并打开show.rhtml。剪切用于显示评论的代码（如代码示例1所示）。将代码粘贴到_comment.rhtml中，替换此文件中所有现有内容。
代码示例1：从show.rhtml剪切并粘贴到_comment.rhtml中的代码
Posted on <%= comment.created_at.strftime("%B %d, %Y at %I:%M %p") %>
3. 返回到show.rhtml文件并删除以下两行代码。
<% @post_comments.each do |comment| %> <% end %>4. 插入以下代码示例中以粗体显示的
元素。将代码添加到前面删除两行代码的位置。
代码示例2：show.rhtml的
代码示例2：show.rhtml的
标记
该代码将创建一个名为comments的
Comments
<% @post_comments.each do |comment| %> <%= render :partial=>"comment", :object => comment %> <% end %>
该代码将创建一个名为comments的
元素。@post_comments变量包含_comment partial显示的评论。
5. 选择File > Save All，然后运行应用程序。
6. 单击Permalink按钮，并为帖子添加一条评论。
现在，程序的功能和以前完全相同。但经过设计之后，您的程序已经可以开始使用Ajax支持。
- java060515的专栏 - CSDNBlog
5. 选择File > Save All，然后运行应用程序。
6. 单击Permalink按钮，并为帖子添加一条评论。
现在，程序的功能和以前完全相同。但经过设计之后，您的程序已经可以开始使用Ajax支持。
- java060515的专栏 - CSDNBlog
推荐人评论
本教程以《建立Rails模型间的关系》一文为基础。如果已经学完该教程，那么您可以使用在该教程中构建的项目直接阅读下一节。否则，下载RubyWebLogModel.zip文件并遵循这些步骤创建示例数据库。
用户评论
正在载入评论列表...
是谁推荐了此篇文章
付江CSDN频道编辑
- 付江推荐的其他文章