Ruby on Rails — #2 — Установка гемов, создание страниц

Автор Andrei Golubev
Ruby on Rails — #2 — Установка гемов, создание страниц

Привет меня зовут.

Стас продолжаем уроки поругался и сегодня мы научимся делать простые статические страницы в приложении а. Заодно и научимся с кем и так давай поставим bootstrap для того чтобы у нас было уже какая-то более-менее симпатичная верстка. Заодно и научимся ставить кем идём на сайт.

Гена Ну возьму самый первый так тут мазь инструкция, что нам нужно сделать поставим сначала гемы нужны для этого можно gemfile добавляем гемы теперь нам нужно запустить консоль и команду Bundle Install внутри нашего проекта заходим проект пишем Bundle Install и выполняем.

О'кей dimon поставили дальше дальше нам нужно поставить сам bootstrap так вот реагирует bootstrap Install нам добавить необходимые файлы в наш проект выполняем вот он создал нужные файлы нам далее нам нужно сгенерировать шаблон постановлением шаблон проекция шаблон создаться уже определённые версткой, но некоммерческой шаблоны bootstrap назовем его минусов не пишет файл аппликация рыбы если он у нас уже есть смотрим. У нас в Up вирус появился вой Out Of publications стандартная верстка bootstrap а.а. вставкой. ЛД именно сюда будет стараться верстка уже каждой отдельной странице нашего сайта. Останови, что будет везде одинаковая. Так теперь нам ещё нужно добавить строчку упрекаешь несёт чтобы у нас подтягивались стили bootstrap. Заходим в опасаться Style sheets & applications добавляем эту строчку вот в принципе на этом пока, что вставка быстро полно закончена обосраться можно ещё отдельно будет потом поговорить дальше мы будем создавать страницы нашем приложении. Сегодня мы будем работать с бабочками модель beauz & controllers сегодня модель с моим другом, что мы не работаем пока с базой так давайте начнем с того, что судим Controller Personal Data Controller for Windows выполняем. А можно написать сокращённый вариант LG Controller. Это команда создает необходимые файлы. Но сегодня нам нужен будет только самый первый файл Up Controller PC Controller остальные в принципе мы пока удалил за ненадобностью сегодня не надо будет не нужны так вот из бабочки тест удалим порез Controller Test тесты мы пока ещё не пишем. Удали math-helper of обо всём этом мы еще поговорим мы дойдём до этого, но чтобы информация в кучу. Не мешалась я думаю лучше — это всё делать последовательно. Так ты ж! сегодня тоже напишу так смотрим. У нас в контроллерах создался PS Controller, что мы делаем контроллеров контроллера мы пишем методы также называемые экшены отвечающие за каждую страницу нашего сайта. А вот напишем такой метод для страницы которая будет у нас главный першутов Welcome и здесь можно вызвать переменные которые будут видны у нас дальше в файлах вьюг которые выходят в август пишем строитель переменная с собакой как раз будет видно у нас во View сразу же можем создать View для этого вот тут иконку на слева есть с рубильником у нас воздастся пёс по имени контроллера файл для верстки которые мы будем отображать для пользователя в Windows PDF из страницы welcome здесь пишем лебедку которая нужна например то будет просто заголовок и внутри этого заголовка мы можем уже вывести наши переменную которую мы задали впрс Controller Action Will Come вот мы видим здесь нашла эту. О'кей последний шаг перед тем как наша страница будет доступно нам нужно задать путь по которому пойдём в Controller Action и отобрази. Удали страницу заходим лето в конфиг ropz здесь уже есть заготовки и пояснения с помощью строчки Rude мы зададим страницу в главной странице нашего сайта заканчиваем её и сначала пишем имя контроллера наступаешь и имею, что у нас на также. Велком OK. Борис Controller Action welcome. Давайте запустим сервер чтобы посмотреть, что у нас вся схема работает как запустили и. Тёмного localhost 3000. О'кей унас обратился добродел главная страница сайта при заходе просто на сайт. Добро пожаловать отлично, что теперь теперь можем сказать точно такой же аналогичный страницу например — это будет страница у нас аналогичный другой метод эбаут. АС и в нём просто зададим какой-нибудь другой заголовок например стиля ну такого. Да и создаем View нашей странице там же во View Space государственного вьюха который поднялся балтас по имени Action также здесь по аналогии делаем заголовок и выводим наш Style. О'кей снова идем в роутер. Чтобы прописать путь к этой странице теперь — это будет уже не главная страница, а конкретная задано по какому пути мы помогаем и страницу то есть мы допустим идём на гет эбаут. АС, что — это будет запрос I указан, что нам нужно направить. Полина Controller PDF которая пойдёт Action about OK есть два способа с помощью которого мы можем посмотреть какие у нас есть пути в приложении можно писать в консоли Rick Ross её увидит. Какие носить работать вот здесь вот есть и на шабалтас либо второй вариант поможем зайти смотреть. Роботы прямо в браузере пиши Marvel Fan попадаем на роутер собственно и здесь вот видно здесь уже написаны вот в первой колонке именно. Именно методов которые мы вызываем и получаем вид готовый урок нашей странице. То есть то, что обычно выставите ссылки attribute хлеб. Давайте добавим тебе в шаблоне ссылки на наши я тебе страницу который. Мы создали. Вот например заместо. Ленка один добавим ссылку на эбаут. АС заходим наш Application HTML erb и метод рингтон — это собственная нет который создаёт нам ссылку. Первый параметр название ссылки 2 этот путь вместо пути.

0 комментариев
0

Читайте также