Ruby Academy · 课时

视图与渲染

Q: 「视图与渲染」这节课中我会学到什么？

返回响应 你通过在浏览器中直接运行的动手代码来练习 Ruby Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

返回响应

视图与渲染 是 CoddyKit 上的免费 Ruby Academy 课时。这是第 4 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 Ruby Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Ruby Academy 课程共包含 4 节课。

什么是视图

视图是一个生成发送给客户端的响应（通常是 HTML）的模板。它会将控制器准备好的数据转换为页面。

视图位于 app/views 中。
视图按控制器分组，例如 app/views/articles。
默认模板名称与操作名称相同。

基于约定的渲染

默认情况下，操作会渲染以自身命名的模板。ArticlesController 的 index 操作会渲染 app/views/articles/index.html.erb，无需显式调用 render。

def index
  @articles = Article.all
  # automatically renders articles/index.html.erb
end

ERB 模板

默认的模板语言是 ERB（嵌入式 Ruby）。它将 HTML 与 Ruby 混合使用：

<%= ... %> 输出一个值。
<% ... %> 运行代码但不输出内容。

<h1>Articles</h1>
<% @articles.each do |article| %>
  <p><%= article.title %></p>
<% end %>

布局

布局会使用页眉、导航和页脚等共享标记包裹每个视图。默认的 app/views/layouts/application.html.erb 包含 <%= yield %>，操作的视图会插入到这里。

<!-- application.html.erb -->
<html>
  <body>
    <%= yield %>
  </body>
</html>

局部模板

局部模板是可复用的模板片段，其文件名以下划线开头。请使用 render 渲染它，以避免重复标记。

<!-- _article.html.erb -->
<p><%= article.title %></p>

<!-- in index.html.erb -->
<%= render "article", article: @article %>

渲染集合

将集合传递给 render 后，它会为每个项目渲染一次局部模板，这是符合惯用写法的快捷方式。Rails 会根据模型推断局部模板的名称。

<%= render @articles %>

<!-- renders _article.html.erb for each article -->

视图辅助方法

Rails 提供了能够安全生成 HTML 的辅助方法：使用 link_to 创建链接，使用 form_with 创建表单，使用 image_tag 创建图像。它们可以让模板保持简洁和一致。

<%= link_to "View", article_path(@article) %>
<%= image_tag "logo.png" %>

使用其他格式响应

控制器返回的不只是 HTML。render json: 为应用程序接口发送 JSON，respond_to 则根据客户端请求的格式提供不同的响应。

def show
  @article = Article.find(params[:id])
  render json: @article
end

多格式响应代码块

请使用 respond_to 在一个操作中处理多种格式。同一个操作可以向浏览器返回 HTML，也可以向应用程序接口客户端返回 JSON。

def show
  @article = Article.find(params[:id])
  respond_to do |format|
    format.html
    format.json { render json: @article }
  end
end

状态码

请使用 status: 设置响应的 HTTP 状态。成功创建后使用 :ok（200）或 :created（201）；验证失败时使用 :unprocessable_entity（422），以便客户端正确处理。

render :new, status: :unprocessable_entity
render json: @article, status: :created

转义与安全

ERB 会自动对 <%= %> 的输出进行 HTML 转义，从而防止用户数据导致跨站脚本攻击。只有在完全信任内容时，才应使用 raw 或 html_safe 将其标记为安全；误用它们会重新引入 XSS 漏洞。

快速检查

请测试您对视图和渲染的理解。

回顾：视图与渲染

您已经学会了如何返回响应：

按照约定，操作会渲染匹配的 ERB 视图。
布局包裹视图；局部模板复用片段。
使用 link_to 和 form_with 等辅助方法构建 HTML。
使用 render json: 和 respond_to 为应用程序接口提供服务，并设置正确的状态码。
ERB 会转义输出，以防止 XSS。

至此，控制器与路由课程就完成了。

常见问题解答

「视图与渲染」课时是免费的吗？

是的 — 「视图与渲染」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Ruby Academy 课程的其余内容，请升级到 CoddyKit PRO。 Ruby Academy 课程共包含 4 节课。

「视图与渲染」这节课中我会学到什么？

返回响应你通过在浏览器中直接运行的动手代码来练习 Ruby Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Ruby Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Ruby Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 4 节课，共 4 节。

「视图与渲染」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Ruby Academy 课中编写并运行代码吗？

能。每节 Ruby Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 Ruby Academy