Создание простейших веб-приложений с помощью Ruby on Rails и AJAX

Московский государственный технический университет 
имени Н. Э. Баумана 
 
 
 
 
Р. С. Самарев 
 
 
 
Создание простейших веб-приложений  
с помощью Ruby on Rails и AJAX 
 
 
Методические указания к выполнению  
практикума № 5 и лабораторной работы № 5  
по дисциплинам «Языки интернет-программирования»  
и «Практикум по интернет-программированию» 
 
 
 
 
 
 
 
 
 
 
 
 
 

С17 
УДК 681.3.06 
ББК 22.18 
 С17 
 
Издание доступно в электронном виде на портале ebooks.bmstu.ru  
по адресу: http://ebooks.bmstu.ru/catalog/255/book1270.html 
 
 
Факультет «Информатика и системы управления» 
Кафедра «Компьютерные системы и сети» 
 
Рекомендовано Редакционно-издательским советом  
МГТУ им. Н.Э. Баумана в качестве методических указаний 
 
Рецензент Т. Н. Захарова 
 
 
Самарев, Р. С.  
 
Создание простейших веб-приложений с помощью Ruby on Rails  
и AJAX : методические указания к выполнению практикума № 5  
и лабораторной работы № 5 по дисциплинам «Языки интернетпрограммирования» и «Практикум по интернет-программированию» / 
Р. С. Самарев. — Москва : Издательство МГТУ им. Н. Э. Баумана,  
2015. — 50, [6] с. : ил. 
ISBN 978-5-7038-4218-8 
Представлены практикум и лабораторная работа по созданию 
простейших веб-приложений с помощью Ruby on Rails и AJAX.  
Для студентов МГТУ им. Н.Э. Баумана, изучающих дисциплины «Практикум по интернет-программированию» и «Языки интернет-программирования». 
 
УДК 681.3.06 
ББК 22.18 
 
 
 
 
 
 
 
 
© МГТУ им. Н. Э. Баумана, 2015 
© Оформление. Издательство 
ISBN 978-5-7038-4218-8   
  
  МГТУ им. Н. Э. Баумана, 2015
2 

 
Предисловие 
Методические указания содержат сведения о принципах проектирования Model-View-Controller, которые используются в библиотеке Ruby on Rails.  
Рассматриваются примеры построения простого Ruby on Rails 
веб-приложения, а также веб-приложения, сформированного с помощью специализированного генератора ресурсов.  
Отдельный раздел посвящен созданию веб-приложений с 
асинхронным интерфейсом (AJAX) традиционными для языка 
Javascript средствами, а также с использованием встроенных возможностей Ruby on Rails.  
Предлагаемые для выполнения практические задания закрепляют полученные учащимися теоретические знания. 
Методические указания предназначены для студентов вузов, 
имеющих базовые знания о языках Ruby, Javascript, HTML. 
Вопросы и замечания по данной работе просьба присылать автору на адрес: samarev@acm.org. 
 
 
3 

 
Практикум № 5 
СОЗДАНИЕ ПРОСТЕЙШИХ ВЕБ-ПРИЛОЖЕНИЙ  
RUBY ON RAILS 
Цель работы — углубление теоретических сведений о принципах проектирования Model-View-Controller и получениe практических навыков создания веб-приложения с использованием средств 
Ruby on Rails, построения простейших форм и выполнения вычислений на стороне серверной части приложения. 
Объем работы — 4 часа. 
ПРИНЦИПЫ ПОСТРОЕНИЯ ПРИЛОЖЕНИЯ  
С ИСПОЛЬЗОВАНИЕМ RUBY ON RAILS  
Идеология Ruby on Rails реализует концепцию модель — 
представление — контроллер (Model — View — Controller, MVC). 
Принято считать, что MVC была описана в 1979 г. Трюгве Реенскаугом (Trygve Reenskaug), работавшим тогда над языком программирования Smalltalk в Xerox PARC. 
В данной концепции модель ответственна за сохранение состояния приложения. В одних случаях состояния являются переходными, единственное назначение которых — обеспечить взаимодействия с пользователем, в других случаях состояния постоянные 
и сохраняются вне приложения, например в системе управления 
базами данных (СУБД). 
Модель является больше чем набором данных. Она включает в 
себя ограничения, которые налагаются на данные. Например, не 
может быть предоставлена скидка на заказы менее чем 1000 руб., и 
модель должна содержать это ограничение. Таким образом, задача 
модели — обеспечить целостность данных посредством применения определенных правил (ограничений). 
Представления ответственны за формирование интерфейса 
пользователя, основанного на данных, получаемых из модели. 
4 

Например, сайт магазина имеет список продуктов, отображаемый 
на экране монитора. Этот список будет получен через модель 
именно представлением, которое передаст его в соответствующем 
формате конечному пользователю. Также представление может 
предлагать пользователю различные способы ввода данных, но 
оно никогда не занимается их обработкой. Представление завершает работу, как только данные переданы пользователю. 
Возможна ситуация, когда несколько представлений позволяют 
получить доступ к одним и тем же данным, но с разными целями. 
Например, на сайте интернет-магазина товары должны отображаться по-разному, в зависимости от того, кто зашел на сайт: 
пользователь (покупатель) для оформления заказа или администратор для редактирования товаров. 
Контроллеры связывают отдельные элементы приложения. 
Они получают события из внешнего мира (например, команды 
пользователя), взаимодействуют с моделями и активируют соответствующее представление для пользователя. На рис. 1 представлена описанная схема взаимодействия, т. е. концепция MVC. 
 
 
 
Рис. 1. Концепция MVC: 
1 — браузер отправляет запрос; 2 — контроллер взаимодействует с 
моделью; 3 — контроллер подключает представление; 4 — средствами отображения формируется новая страница для браузера 
 
Ruby on Rails (далее Rails) также реализует концепцию MVC. 
Rails задает структуру будущего приложения, а именно модели, 
представления и контроллеры как кубики функциональности, которые будут связаны вместе в момент запуска приложения. Отметим, что в настоящее время используется уже 4-е поколение Rails. 
5 

Примеры, приведенные в методических указаниях, разработаны с 
использованием Rails 4.0. 
Для работы Rails-приложения необходимо иметь Ruby, а также 
ряд необходимых модулей, которые могут быть установлены командой gem install rails. 
Размещение файлов 
Рассмотрим создание простейшего приложения. Rail имеет 
средства для автоматической генерации базовой структуры приложения. Для того чтобы создать каркас приложения, необходимо 
в консоли перейти в директорию, в которой должно быть размещено приложение, и выполнить команду  
rails new test_app 
В результате будет создана директория с именем test_app, в которой формируется структура приложения. При этом в консоль выдаются сообщения. Далее приведены их примеры. 
Создание приложения: 
      create 
Создание шаблона краткой информации о приложении: 
      create  README.rdoc 
Создание файла для системы сборки Rake (аналог команды 
make для Ruby): 
      create  Rakefile 
Вспомогательные файлы: 
      create  config.ru 
      create  .gitignore 
Файл, который содержит описание необходимых приложению 
gem-пакетов: 
      create  Gemfile 
Создание основного каркаса — контроллеры, представления, 
модели, помощники (helper), шаблоны типового отображения: 
      create  app 
      create  app/assets/images/rails.png 
      create  app/assets/javascripts/application.js 
      create  app/assets/stylesheets/application.css 
6