Перевод Rails Tutorial by Michael Hartl

# coding: utf-8
Назад
Далее

3.3.2 Прохождение тестов заголовков

Теперь мы заставим тесты заголовков пройти, и в то же время добавим полную структуру HTML чтобы сделать валидные веб-страницы. Давайте начнем с Home страницы (Листинг 3.20), используя тот же основной скелет HTML, как в “hello” странице из Листинга 3.3.

Примечание: в Rails 3, генератор контроллера создает layout файл, чье назначение мы вскоре объясним, но который пока следует удалить перед продолжением:

  $ rm app/views/layouts/application.html.erb
Листинг 3.20. Представление для Home страницы с полной HTML структурой.

app/views/pages/home.html.erb
  <!DOCTYPE html>
  <html>
    <head>
      <title>Ruby on Rails Tutorial Sample App | Home</title>
    </head>
    <body>
      <h1>Sample App</h1>
      <p>
	This is the home page for the
	<a href="https://railstutorial.org/">Ruby on Rails Tutorial</a>
	sample application.
      </p>
    </body>
  </html>

Листинг 3.20 использует заголовки, протестированные в Листинге 3.19:

  <title>Ruby on Rails Tutorial Sample App | Home</title>

Как результат, тесты для Home страницы теперь должны пройти. Мы все еще в Красном из-за провальных Contact и About тестов, и мы можем попасть в Зеленый с кодом из Листинга 3.21 и Листинга 3.22.

Листинг 3.21. Представление для Contact страницы с полной HTML структурой.

app/views/pages/contact.html.erb
  <!DOCTYPE html>
  <html>
    <head>
      <title>Ruby on Rails Tutorial Sample App | Contact</title>
    </head>
    <body>
      <h1>Contact</h1>
      <p>
	Contact Ruby on Rails Tutorial about the sample app at the
	<a href="https://railstutorial.org/feedback">feedback page</a>.
      </p>
    </body>
  </html>
Листинг 3.22. Представление для About страницы с полной HTML структурой.

app/views/pages/about.html.erb
  <!DOCTYPE html>
  <html>
    <head>
      <title>Ruby on Rails Tutorial Sample App | About</title>
    </head>
    <body>
      <h1>About Us</h1>
      <p>
	<a href="https://railstutorial.org/">Ruby on Rails Tutorial</a>
	is a project to make a book and screencasts to teach web development
	with <a href="https://rubyonrails.org/">Ruby on Rails</a>. This
	is the sample application for the tutorial.
      </p>
    </body>
  </html>

Эти примеры страниц вводят anchor тег (тег привязки, якорный тег) a, который создает ссылки на заданный URL-адрес (так называемый “href”, или “гипертекстовая ссылка”, в контексте анкор (якорного, привязки) тега):

  <a href="https://railstutorial.org/">Ruby on Rails Tutorial</a>

Вы можете увидеть результаты на Рис. 3.11.

Рисунок 3.11: Минимальная Home страница для образца приложения /pages/home

Рисунок 3.11: Минимальная Home страница для примера приложения (/pages/home).

# coding: utf-8
Назад
Далее