Изменение макета в существующем приложении Rails

Я делаю проект в Ruby on Rails, и мне нужна ваша помощь. До сих пор мне удалось создать довольно простой блог, где можно создавать, читать, обновлять и удалять сообщение в блоге. Также можно прокомментировать определенную должность. Тем не менее, я пробовал некоторые загрузочные файлы, и кажется, что я не могу найти обновленную статью о том, как использовать ее в существующем проекте Rails с Rails 4.0 или выше.Изменение макета в существующем приложении Rails

Прямо сейчас я просто хочу добавить макет в приложение, но это возможно даже без использования бутстрапов? Вот Gemfile:

source 'https://rubygems.org' 


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails' 
gem 'rails', '4.2.1' 
# Use sqlite3 as the database for Active Record 
gem 'sqlite3' 
# Use SCSS for stylesheets 
gem 'sass-rails', '~> 5.0' 
# Use Uglifier as compressor for JavaScript assets 
gem 'uglifier', '>= 1.3.0' 
# Use CoffeeScript for .coffee assets and views 
gem 'coffee-rails', '~> 4.1.0' 
# See https://github.com/rails/execjs#readme for more supported runtimes 
# gem 'therubyracer', platforms: :ruby 

# Use jquery as the JavaScript library 
gem 'jquery-rails' 
# Turbolinks makes following links in your web application faster. Read more:  https://github.com/rails/turbolinks 
gem 'turbolinks' 
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder 
gem 'jbuilder', '~> 2.0' 
# bundle exec rake doc:rails generates the API under doc/api. 
gem 'sdoc', '~> 0.4.0', group: :doc 

# Use ActiveModel has_secure_password 
# gem 'bcrypt', '~> 3.1.7' 

# Use Unicorn as the app server 
# gem 'unicorn' 

# Use Capistrano for deployment 
# gem 'capistrano-rails', group: :development 

group :development, :test do 
    # Call 'byebug' anywhere in the code to stop execution and get a debugger console 
    gem 'byebug' 

    # Access an IRB console on exception pages or by using <%= console %> in views 
    gem 'web-console', '~> 2.0' 

    # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring 
    gem 'spring' 
end

Вот application.html.er:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Blog</title> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
</head> 
<body> 

<%= yield %> 

</body> 
</html>

Вот это application.css:

*= require_tree . 
*= require_self

В моих таблицах стилей папки я получил файлы comments.scss, posts.scss, scaffolds.scss. Но мой большой вопрос: что мне делать дальше, чтобы изменить дизайн приложения?

источник

2015-06-22 Nitram

Вид вашего приложения в основном html + css. Вы обрабатываете html на своих представлениях и обрабатываете файлы css в своих активах.

Я предполагаю, что вы уже загружая CSS файлы comments.scss, posts.scss, scaffolds.scss, потому что вы добавили их на app/assets/stylesheets и на вашем app/assets/stylesheets/application.css у вас есть:

*= require_tree .

который потребует добавления файлов в дереве

Следующий шаг заключается в обновлении ваших представлений, начиная с редактирования файла макета, который является application.html.erb с ожидаемыми стилями и структурой с помощью импортированных вами файлов css, а затем обновляет каждое представление, чтобы добавить необходимые классы.

Если вы уже не знаете базовый html/css и как это работает, найдите время, чтобы прочитать об этом и создать некоторые пользовательские .html и .css-файлы (без рубинов на рельсах или рубиновом коде), потому что конец с ruby, что вы делаете, это создать динамический контент для файлов .html и скомпилировать ваши .css-файлы, чтобы сделать загрузку быстрее и редактировать легче.

источник

2015-06-22 01:44:44 rorra

Хорошо, спасибо! Но возможно ли получить хороший вид с помощью html/css без добавления загрузочного устройства и т. Д.? – Nitram

yes, bootstrap его просто рамки для быстрых демонстраций или для создания сайтов, не тратя слишком много времени на html/css – rorra

Изменение макета в существующем приложении Rails

ответ

Смежные вопросы