Ruby com Bootstrap Style


1-Criar  a WebApp
    rails new articles

2-Entrar :
cd articles

3-Abrir o ficheiro para as gemas :
pico Gemfile

 e adicionar as Gems :

# inserir
gem "therubyracer"
gem "less-rails"
gem "twitter-bootstrap-rails" 


 Gravar...

4 - Para Instalar as gemas digitar(terminal):
bundle install

5- Instalar o botstrap:
rails g bootstrap:install

6-Vamos gerar o layout:
 rails g bootstrap:layout application fixed


7 - Gerar o scaffolding(CRUD) com os campos titulo e corpo mensage

rails g scaffold articles title:string body:text

8-Migrar a base de dados:
 rake db:migrate

//Para Corrigir o Css
 da pagina
Abrir -> app/assets/stylesheets/bootstrap_and_overrides.css.less
e colocar :

 @import "twitter/bootstrap/bootstrap";

body{
    padding-top: 60px;
}
@import "twitter/bootstrap/responsive";

fechar e gravar 

9-  Correr o servidor:
rails s

10- Agora Gerar o tema para os articulos
rails g bootstrap:themed articles -f

11- eh Voilá
rails server :)
para alterar a caixa de texto  para multiplas linhas:
ir views/articles/_form.html.erb

 <%= f.text_field :body, :class => 'text_field' %>
mudar:
<%= f.text_area :body, :class => 'text_field' %>

12 -Gravar.

 rails s







Comentários

Mensagens populares deste blogue

Instalar Servidor Apache no Raspberry (Debian)

permissao escrita www - OpenSSH

Instalar genghis (Gestor db Mongo)