Die Integration AdminLTE in Ruby on Rails

Ich bin neu in Ruby on Rails und wollte installieren Sie eine Kostenlose Vorlage mit dem Namen AdminLTE.
Es ermöglicht Ihnen die einfache App erstellen (front-end).

Wollte ich integrieren, es zu Schienen, aber ich wusste nicht wie und ich konnte keine Lösung finden, überall.

Wenn jemand mir helfen kann, dass wäre genial.

dies ist die Vorlage, website: https://almsaeedstudio.com/AdminLTE

InformationsquelleAutor Mohamed Bouasria | 2015-06-30
  1. 9

    Habe dies umgesetzt, nur in der letzten Nacht. Hier ist, wie ich es Tat.

    Fügen Sie diesen in Ihre Gemfile :

    gem 'bootstrap-sass'
gem 'jquery-rails'
gem 'font-awesome-sass'

source 'https://rails-assets.org/' do 
  gem 'rails-assets-adminlte'
end

    Fügen Sie den folgenden, um app/assets/javascripts/application.js

    //= require adminlte

    Fügen Sie den folgenden, um app/assets/stylesheets/application.css

    *= require adminlte
*= require skin-blue

    Erstellen Sie eine neue Datei app/assets/stylesheets/custom.css.scss und fügen Sie den folgenden: 

    @import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

    Aus dem Quellcode von AdminLTE, die separat heruntergeladen, die Sie eventuell von dem link, den Sie in Ihrer Frage erwähnt wird, navigieren Sie zu 

    dist/css/skin

    und kopieren Sie die Datei skin-blue.css und fügen Sie ihn in vendor/assets/stylesheets/ in Ihrem rails-Projekt

    Öffnen Sie dann die starter.html im Quelltext AdminLTE und fügen Sie den Inhalt in die <body> ......... </body> und fügen Sie ihn in den <body> ................ </body> im app/views/layouts/application.html.erb . Ändern Sie den body-tag, um zu <body class="skin-blue sidebar-mini">

    Installieren Sie die mitgelieferte Edelsteine durch ausführen bundle install und starten Sie den rails-server mit rails s und Sie sollten sehen, der die schöne Vorlage, die ist AdminLTE

    ANMERKUNG 1: Vielleicht gibt es andere, effizientere Wege, es zu tun. Ich bin mir nicht bewusst, und wenn jemand weiß, wäre ich mehr als froh zu erfahren wie es gemacht wird. Bis dann, das funktioniert perfekt für mich und ich hoffe, es spart Euch einige kostbare Zeit.

    HINWEIS 2: Sie können natürlich ändern Sie die Haut nach Ihren wünschen entsprechend durch änderung der stylesheet-Datei, die Sie in die vendor/assets/stylesheets und machen die notwendigen änderungen an der app/assets/stylesheets/application.css - Datei. Vergessen Sie nicht, ändern Sie die Klasse des <body > .......</body> in Ihrem app/views/layouts/application.html.erb Datei

    • es funktioniert auf dem lokalen system, sondern-Geber Fehler beim bereitstellen von "Kettenräder::FileNotFound: nicht finden konnte Datei 'adminlte' mit Typ 'application/javascript'"
    • fügen Sie diese Zeile //= require bootstrap-sprockets zu Ihrem application.js
    InformationsquelleAutor user2499998
  2. 1

    Brauchen nicht zu kopieren "skin-blau".css' in 

    vendor/assets/stylesheets/

    Fügen Sie den folgenden app/assets/stylesheets/application.css

    //= require adminlte/skins/skin-blue
    InformationsquelleAutor YaEvan
Schreibe einen Kommentar