Ruby auf Rails in 30 Tagen: Erstelle deine erste Web-App | Tal Safran | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Ruby auf Rails in 30 Tagen: Erstelle deine erste Web-App

teacher avatar Tal Safran, Software Developer at GitHub

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

12 Einheiten (3 Std. 6 Min.)
    • 1. Trailer

      0:44
    • 2. Legen wir los.

      5:16
    • 3. Installiere Ruby, Ruby, Git und sublime Text

      10:36
    • 4. Hallo Schienen!

      18:27
    • 5. Unser erstes Git Commit

      5:39
    • 6. Füge Bootstrap hinzu

      22:58
    • 7. Füge Posts (Video) hinzu

      12:14
    • 8. Den Scaffold verstehen

      22:41
    • 9. Gestalten unserer Posts

      28:24
    • 10. Füge Image hinzu

      15:35
    • 11. Füge Herzen hinzu

      27:21
    • 12. Stelle deine App online aus

      16:10
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

4.264

Teilnehmer:innen

58

Projekte

Über diesen Kurs

Hey! Dies ist der erste vollständige Kurs zum Kurs zum Kurs Rails 4 und Bootstrap 3!

Hallo ich bin Tal. Ich bin ein freiberuflicher a in NYC. In diesem Kurs lernst du, wie du eine Ruby on Rails aufbaust und sie im Internet veröffentlichen kannst.

Rails sind eine ganz beliebte Möglichkeit, Web-Anwendungen zu bauen, aber das Einstieg kann ein etwas schrecklich sein. Dieser Kurs richtet sich an absolvierte Anfänger:innen mit minimaler bis nicht coding.

Wir werden einen projektbasierten Ansatz haben, das bedeutet, dass wir den Kurs eine funktionierende, usable App von Anfang bis Ende aufbauen werden.

Am Ende des Kurses wirst du eine Mini-Version von Tumblr aus dem Kurs erstellen und veröffentlichen

  • Gestalte einen Tumblr-like Blog

  • text

  • Füge Fotos (du kannst das auch, wie diese)

  • "Heart"

  • … und mehr

Durch diesen Kurs wirst du lebenslanges Zugang zu Folgenden Zeiten haben:

  • Eine klare Projektleitfaden für Schritt-für-Schritt-Projektanleitung

  • Stunden mit professionell aufgezeichneten video

  • Eine student um deine Arbeit für Feedback von anderen Kursteilnehmer:innen zu posten

  • und zusätzliche herunterladbare Ressourcen

Zu den Konzepte, die wir behandeln sind:

  • Installation. Die Rails in Kopf frei installieren.

  • Modell, View, Controller. Wie die Rails veröffentlichen ist.

  • Lesen und Schreiben in die Datenbank. Mit ActiveRecord, Rails' die sich mit dem Aufbau von Rails' beschäftigen.

  • Git. Verfolge die Änderungen in deinem Code.

  • Bereitstellung. Veröffentlichen deine App online mit Heroku.

  • Rails 4. Diese spanking-new Version von Rails hat viele Verbesserungen und ist noch mehr anfängerfreundlicher.

  • Twitter Bootstrap 3. Heiß dich auf die Presse! Wir verwenden die gerade veröffentlichte Version dieser fantastischen just-released
  • …und mehr.

Melde dich dich jetzt an, um loszulegen!

Triff deine:n Kursleiter:in

Teacher Profile Image

Tal Safran

Software Developer at GitHub

Kursleiter:in

I'm a software developer at GitHub, based in San Francisco CA.

I got into programming in Junior High when a neighbor showed me that with some basic coding skills, I could spam AOL chatrooms and kick my friends offline. I was hooked!

Today I write code at GitHub. Before that I founded Josephine, where I led product and engineering. Before that I worked with various early stage startups and agencies which have included IDEO, Pivotal Labs, Techstars, Aviary, Branch and Flow Kana. I'm a founding board member of hackNY, a non-profit that helps students do cool things with their programming skills, and an alumnus of NYU, where I was a founding board member of Tech@NYU.

I'm very passionate about helping people do meaningful things with their programming... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

2. Legen wir los.: - He, da. - Willkommen. - Ich bin groß. - Schön, Sie kennenzulernen. Ich bin sehr aufgeregt, diesen Kurs zu unterrichten, und ich wollte nur Hallo sagen, bevor wir anfangen, weil ich denke, das ist eigentlich das einzige Mal, dass du mein Gesicht sehen wirst, den Rest der Klasse, Siebguß. Das heißt, du wirst sehen, was ich auf meinem Computer also werde ich die App von Grund auf neu beschichten. - Und meine Empfehlung an Sie ist, alle Videos im Vollbildmodus anzusehen, so dass Sie irgendwie alles bekommen können und wahrscheinlich auch die Videos den ganzen Weg durch Ihre erste Zeit ansehen wollen . - Und dann nach jedem Video, - sollten Sie zurückgehen und versuchen zu tun, was ich tue, damit Sie eine funktionierende Version der App haben - im gleichen Zustand wie ich. Aber egal, schauen wir uns mal an, was wir bauen werden. - Bis bald. - Wir werden eine Mini-Blocker-App bauen. - Das ist irgendwie wie Tumbler, - wo man entweder Bilder oder Textinhalte posten kann, - und jeder Beitrag wird auch sein eigenes l haben. - Und wenn Sie wirklich einen Beitrag mögen. - Sie können diesen Herzknopf drücken, - und es wird irgendwie Favorit. - Sie konnten sehen, dass die Zählung hier gestiegen ist. - Wir werden auch einen Verwaltungsbildschirm haben, auf dem Sie neue Beiträge schreiben können, bestehende Beiträge oder sogar Beiträge zerstören können. - Es ist ziemlich einfach, aber ich denke, es wird uns helfen, alle wichtigen Grundlagen der Arbeit mit Schienen abzudecken. - Also, was ist das für eine Rails-Sache ? - Rails ist ein Open-Source-Web-Framework, das Programmierer produktiv und glücklich zu halten soll. - Es vereinfacht Dinge wie die Arbeit mit der Datenbank, - das Rendern von HTML und das Putting Europe Online. - Es ist in einer Programmiersprache namens Ruby geschrieben, die entworfen wurde, um Programmierer glücklich zu machen. Ich programmiere seit etwa einem Jahrzehnt, aber als ich Ruby vor drei Jahren fand, habe ich nie zurückgeschaut. - Es gibt viele große Ressource ist online für das Lernen Ruby und zu meinem Liebling, - beide sind kostenlos versuchen Ruby Dot Org's und Code Academy. - Ich empfehle dringend, die Try Ruby Challenges durchzugehen, bevor Sie mit dem Kurs beginnen. - Nur weil es sehr kurz ist, dauert es nur etwa 15 bis 20 Minuten. - Code Academy ist auch eine gute Ressource, - aber es ist ein bisschen mehr Programmierer orientiert, so dass es zunächst verwirrend sein könnte, - Aber sobald Sie mit diesem Kurs fertig sind, - empfehle ich, zurück zu gehen und ihre Tutorials durchzugehen, weil sie 're eigentlich sehr gut - und sehr gründlich. - Sehen wir uns mal an, was wir abdecken werden. - Also zuerst werden wir die Ruby-Programmiersprache benutzen, um den Großteil unseres Codes zu schreiben. - Und wenn wir es schreiben, werden wir viel Hilfe von den Schienen bekommen. - Framework and Rails ist einfach eine Bibliothek oder ein Framework, das in Ruby geschrieben ist. - Es gibt also keine wirkliche Sache ist das Schreiben von Rails-Code, weil es immer noch die Ruby-Programmiersprache verwendet . - Wir werden auch einen Haufen HTML schreiben, was im Grunde ist, wie wir die Webseiten strukturieren, die wir anzeigen werden. - Wir werden auch lernen, wie man ein paar Werkzeuge benutzt. - Wir werden unseren ganzen Code in etwas schreiben, das Sublime Text heißt, ein Texteditor ist. - Es ist wie ein Textverarbeitungsprogramm wie Microsoft Word. - Aber für das Schreiben von Code nach einem roten unseren Code, - wir werden es mit einem Tool namens git speichern, - was uns hilft, die Geschichte unserer Codeänderungen im Laufe der Zeit zu verfolgen und schließlich werden wir - in unserer APP online mit einem Dienst namens Roku. - Das ist sehr, - sehr einfach zu bedienen. - Es gibt auch ein paar Dinge, die ich erwähnen würde, dass wir nicht das - zuerst ist CSS -, von dem Sie vielleicht gehört haben. - Es ist eine tolle Sache, die Zehe lernen, und es ist ein Werkzeug, das verwendet, um Ihre Seiten zu stylen, um sie im Grunde schön aussehen zu lassen. - Aber anstatt CSS zu lernen, werden wir ein Tool namens Twitter verwenden. - Bootstrap. - Das wird unsere Seite schon sehr schön aussehen lassen, ohne dass wir uns ins Detail . - CSS. - Wir werden auch kein Java-Skript schreiben. - Und JavaScript ist die Sprache, die in Ihrem Web-Browser läuft und hilft, Ihre Seiten dynamischer zu verhalten. - Aber wir werden nichts davon für diesen Kurs bekommen. - Das Letzte, was ich dir zeigen möchte, bevor wir anfangen, sind Geschicklichkeitsanteile. - Registerkarte „Community“. - Es hat ein paar tolle Features, von denen ich denke, dass wir allen Schülern in dieser Klasse helfen werden , , voneinander zu lernen, damit Sie den Klassenfeed hier nutzen können, um mit anderen Schülern zu sprechen, indem im Grunde eine -Nachricht. - Es gibt das Q und eine Registerkarte hier, wo Sie Fragen stellen können und entweder ich oder ein anderer Student - wird Ihnen helfen. - Die Registerkarte der Gruppe ist irgendwie cool, weil Sie Art von Gruppen basierend auf Ihren eigenen - Interessen erstellen können . - Vielleicht leben Sie in einer bestimmten Stadt oder versuchen, etwas Neues zu lernen, damit Sie die Diskussion hier fortsetzen können, indem Sie eine Gruppe erstellen oder einer bestehenden Gruppe beitreten . - Es gibt auch die Studentengalerie, in der Sie entweder Ihr Projekt aus dieser Klasse posten können oder - nur andere Projekte, an denen Sie gearbeitet haben und Sie möchten, dass andere Leute auschecken. - Und das war's. - Ich glaube, wir sind alle bereit, anzufangen. - Also im nächsten Video, - wir werden unsere Entwicklungsumgebung einrichten, indem wir Rails und auch unseren Texteditor - Sublime Text installieren . - Dann seh ich dich. 3. Installiere Ruby, Ruby, Git und sublime Text: Okay, jetzt, wo wir wissen, was der Plan ist, werden wir weitermachen und unsere Entwicklungsumgebung einrichten. - Der einfachste Weg, dies zu tun, ist durch etwas namens Rails Installer. - Sie könnten einen Rails Installer Dot Orgs finden, - und was für Sie tun wird, wird es alle Pakete installieren, die Sie für Ruby on benötigen - rails Anwendung, - einschließlich der Ruby Programmiersprache, - das Rails Framework eine Datenbank und mehrere andere Dinge, die ich nicht bekommen werde. - Gehen wir einfach und laden Sie es herunter. - Und es könnte ein wenig Zeit dauern, da es eine große Datei ist, also hängt es davon ab, wie schneller die Verbindung ist. - Sobald Ihr Download beendet ist, - sollten Sie diese App Dot TZ-Datei haben. - Gehen Sie weiter und doppelklicken Sie darauf. - Es hat eine neue Datei erstellt. - Also gehen Sie weiter und doppelklicken Sie darauf. - Das heißt nur, dass du es aus dem Internet hast und es ist eine Akte. - Also drücken Sie offen und geben Sie Ihr Passwort ein und es sollte die Schienen starten. - Installateur. - Als Nächstes wählen wir Englisch. - Also hier, - geben Sie Ihren vollständigen Namen ein und setzen Sie Ihre E-Mail und treffen Sie die nächste zusammen. - Und hier sind wir. - Das wird auch etwas Zeit in Anspruch nehmen. In der Zwischenzeit werden wir unsere Texteditoren von Zeilentext installieren. - Erhabener Text ist das, was wir benutzen werden, um unseren Code zu schreiben. - Sie können es als Microsoft Word vorstellen, - aber für Programmierer, - Also lasst uns klicken, - herunterladen und die OS X-Version erhalten. Also, wir haben es hier drüben, wir ziehen es in Anwendungen, und ich denke, wir sind bereit. - Da wir viel erhabenen Text verwenden werden, empfehle ich Ihnen, ihn in Ihren Doc zu ziehen, damit Sie ihn immer haben. - Und lass es uns öffnen. - Ich tippe Hallo, - Geschicklichkeitsbeteiligung. - Und wir werden während des Kurses viel über erhabene Texte lernen. - Aber ich will jetzt nicht in die Details eingehen, also schauen wir uns auf unseren Schienen an. - Installateur. - Ich gehe hier runter und es sieht so aus, als wäre alles fertig. - Cool. - Das Letzte, was wir tun werden, bevor wir mit dem Programmieren beginnen, ist, die Schienen zu überprüfen. - Der Installer hat jede einzelne Komponente korrekt installiert, und wir werden das mit unserem Terminal tun. - Also, um zu deinem Terminal zu kommen. - Wenn Sie bereits in Anwendungen sind, - gehen Sie in den Dienstprogrammordner und Sie sollten das Terminal genau hier und wie vorher sehen. - Ziehen wir es in unser Dokument, damit wir es für später speichern können. - Und lass es uns öffnen. - Das ist also dein Terminal vielleicht das erste Mal, wenn du ein Terminal siehst, und es ist eine etwas andere Art, mit einem Computer zu interagieren, als du es gewohnt . - Weißt du, - du klickst nicht auf eine Maus und ziehst Sachen. - Sie geben stattdessen Befehle ein. - Also ein solcher Befehl ist LS Sie drücken Enter und LS listet die Dateien auf, die sich in dem Ordner befinden, in dem Sie sich gerade befinden. - Und die Art und Weise, wie Sie wissen, welcher Ordner Urin ist der P W D Befehl, - auch bekannt als Print Working Directory. - Sie drücken die Eingabetaste. - Also sind wir im Schrägstrich Benutzer Schrägstrich Skill Share-Verzeichnis, - und das sind die Dateien darin. - Einige von ihnen sind Ordner. Bevor wir weiter gehen, werde ich die Schrift etwas größer machen. Bevor wir weiter gehen, - Und du tust das, indem du Befehl plus fantastisch triffst. - Ein weiterer Befehl ist, der verwendet, um herauszufinden, wo sich andere Befehle auf Ihrem - Computer befinden . - Also, wenn ich sagte, welche pwd, - dann bedeutet es, dass das Skript, das PWD tut, in Schrägstrich PWD befindet. - Wir werden den Hexenbefehl verwenden, nur um sicherzustellen, dass Rails Installer installiert - alles an der richtigen Stelle. - Das erste Kommando, das wir überprüfen werden, ist das Ruby-Kommando. - Also sagen wir, welcher Ruby und du sehen könntest, dass Ruby sich in diesem Ordner befindet. - Es ist ein ziemlich langer Name, aber du solltest so etwas sehen. - Sie können hier eine andere Versionsnummer sehen, - wie es vielleicht nicht 1,9 Punkt drei Bindestrich p 3 92 Aber solange Sie etwas Ähnliches sehen - zu diesem Rails Installer installiert es an der richtigen Stelle und jetzt schwächen. - Verwenden Sie den Ruby-Befehl. - Holen wir uns die Version von Ruby, damit wir sagen können Ruby und dann Strich Version. - Und das ist schon Version. - Lassen Sie jetzt überprüfen, ob der rails-Befehl richtig installiert wurde. - Sagen Sie also, welche Schienen und Sie sollten auch diese lange Art von String sehen. - Wenn Sie anstelle dieser sehen, - Wenn Sie Schrägstrich Bin Schrägschienen oder Schrägstrich Bin Schrägstrich Rubin sehen, - dann ist es an der falschen Stelle. - Nun, - als ich diese Videos aufgenommen habe, - wurde der Schieneninstallateur immer noch mit Schienen geliefert. - Version 3.1 Punkt 12 Aber es gibt tatsächlich eine neue Version von Schienen Schienen vier Punkt. - Oh, und ich will, dass wir das benutzen. - Also der Weg zum Upgrade ist zu sagen, - gem, - installieren Schienen Dash dash Version 4.0, - Punkt. Und dann musst du diese beiden anderen Optionen hinzufügen und dir keine Sorgen machen, was sie bedeuten. - Aber sagen Dash Strich, - kein Bindestrich R I und Dash Dash kein Bindestrich unser Dock und drücken Sie dann Enter. - Es wird eine Weile dauern, also bin ich in einem schnellen Vorlauf. - Okay? - Sieht aus, als ob es installiert ist. - Lassen Sie uns nur sicherstellen, dass wir 4.0, - so sagen wir, Schienen, - Strich, - Strich Version wieder und wir haben 4.0, - Punkt der cool. - Wenn Sie irgendwelche Probleme hatten, - bitte posten Sie darüber auf Fähigkeitsanteil. - Eso die beiden Befehle, die wirklich die wichtigsten Befehle, die Rails Installer - installiert. - Aber wir werden auch überprüfen, ob wir eine funktionierende Version von Get So To haben, - wir werden sagen, „get dash dash“ -Version. - Dies sagt uns, welche Version von bekommen wir installiert haben. - Wenn Sie etwas Ähnliches sehen, - vielleicht nicht genau die gleiche Version, die gut ist. - Aber wenn Sie nichts sehen, - bedeutet das, dass Sie nicht installiert haben. - Und Sie sollten darüber im Skill-Share-Community-Tab hier drüben posten. - Und das war's. Wenn Sie diese drei Dinge installiert haben, dann sind Sie bereit zu gehen und ich treffe Sie in der nächsten Lektion über Wenn Sie ein Windows-Benutzer sind, werde ich zeigen, wie es unter Windows geht. dann sind Sie bereit zu gehen und ich treffe Sie in der nächsten Lektion über Wenn Sie ein Windows-Benutzer sind, Okay, wir sind jetzt in Windows, und es ist der gleiche Deal, den wir zu Rails Installer Dot Orgs gehen und stellen Sie sicher, dass Sie die neueste Version herunterladen , die hier Ruby 1.9 ist. - Sobald das herunterlädt, - gehen Sie zu Ihrem Download-Ordner und klicken Sie auf die Schienen. - Installer, - führen Kräuter es laufen. - Wir werden als nächstes treffen, - akzeptieren Sie die Bedingungen, die es als nächstes werden wir es in diesem Ordner installieren und sicherstellen, dass Sie haben - beide diese überprüft Treffer installieren und das Installationsprogramm wird laufen. - Es könnte ein paar Minuten dauern, also werde ich schnell vorwärts gehen und es sieht so aus, als wäre es fertig. - Stellen Sie sicher, dass Sie dies überprüft haben, und klicken Sie dann auf Finish. - Jetzt werden wir konfigurieren, - Geben Sie Ihren Namen ein und geben Sie dann Ihre E-Mail ein. - Treten Sie ein und es sieht so aus, als wären wir alle bereit. - Also, nur um sicherzustellen, dass alles funktioniert, - lassen Sie uns den Ruby-Befehl versuchen und sagen, - Ruby Dash, - Strich-Version. - Sie sollten sehen, dass wir 1,9 Punkt drei verwenden und Rails versuchen. - Rial-Mitarbeiter Testversion. - Wir haben jetzt Schiene installiert. - Als ich dieses Video aufgezeichnet, - Rails Installer wurde immer noch mit Schienen Version 3.2 Punkt 13 ausgeliefert Aber eine neue Version von - Schienen ist aus. - Version vier Punkt. - Also lasst uns weitermachen und aufrüsten. - Also gehen Sie vor und geben Sie gem installieren Schienen Armaturenbrett Version 4.0, - Punkt. - Oh, - und dann bei diesen beiden Optionen Bindestrich, - Bindestrich, - kein Bindestrich Alles klar und Bindestrich, - kein Bindestrich ist dunkel. Machen Sie sich keine Sorgen um das, was sie bedeuten und drücken Sie dann die Eingabetaste. - Es wird ein bisschen dauern, damit ich schnell vorwärts gehe und es sieht so aus, als ob es installiert ist. - Lassen Sie uns die Version überprüfen und da gehen wir. - Wir haben Schienen. - Version vier darauf hinweisen. - Wenn Sie irgendwelche Probleme haben, posten Sie darüber auf Fähigkeitsanteil. - Letzte Sache ist, - Holen Sie sich so dash Version und wenn Sie diese drei Dinge installiert haben, - dann sind Sie bereits mit Schienen gehen letzte, was wir tun werden, ist erhabenen Text unser - Texteditor installieren . - So gehen Sie zu sublime tex dot com klicken Sie auf Download. - Sie sollten es herunterladen sehen. - Und dann öffnen wir das und starten den Installer. - Schnell. - Ja. - Schlag einfach als Nächstes. - Installieren Sie es hier. - Das ist in Ordnung. - Du solltest das überprüfen. - Ich denke, das ist ah, so dass Sie mit der rechten Maustaste auf einen Ordner klicken und sagen, öffnen Sie in erhabenem Text. - Also ist es irgendwie nützlich. - Uh, - Installation Staller lief erfolgreich getroffen, - fertig. - Und jetzt, - wenn Sie in Ihr Startmenü schauen, - sollten Sie erhabenen Text haben und lassen Sie uns dasselbe tun. - Ziehen wir es in unsere Taskleiste. - Und lass es uns öffnen. - Und wie Sie sehen können, - es ist ein Texteditor. - Du könntest Hallo Geschicklichkeitsbeteiligung sagen, wie wir es auf dem Mac getan haben, und das ist alles. - Wenn Sie irgendwelche Probleme hatten, - gehen Sie auf die Klassenwebsite und gehen Sie in die Community, um über Ihr Problem zu haben und zu posten, - und ich werde Ihnen helfen. - Die nächste Lektion. - Wir werden unser erstes Rails-Projekt erstellen, also freue dich 4. Hallo Schienen!: - Okay, - also lasst uns unsere erste Rails-App erstellen. - Öffnen Sie also Ihr Terminal und tippen Sie Schienen ein. - New Crumble ER wird ein neues Projekt namens Crumb Blur erstellen. - Es wird nur eine Sekunde dauern. - Cool. - Es ist also alles erledigt. - Ich mache dieses Fenster einfach größer. Und jetzt, wenn du es tust, solltest du sehen, dass es hier einen neuen Ordner namens Crumble gibt. - Also lassen Sie uns hineingehen, indem wir sagen, - CD ändern Verzeichnis bröckeln er, - pwd. - Nur um sicherzustellen, dass waren, - Sie konnten sehen, dass wir in Schrägstrich Benutzer Schrägstrich hoch Schrägstrich Trembler und jetzt Ron Rails Server - und öffnen Sie Ihren Web-Browser. - Du gehst zu einem lokalen Gastgeber 3000. - Sie können jetzt sehen, dass unsere APP läuft und der Schienenserver uns auch zeigt, dass er läuft - auf 000 3000. - Aber eine Abkürzung dafür ist nur lokaler Host. - Ehrfürchtig. - Also das ist Ah, - das ist irgendwie wie der Standard-Rails-Willkommensbildschirm, - und Sie können sehen, dass es uns sagt, wie wir anfangen sollen. - Und da steht, benutze Rails generieren, um deine Modelle und Controller zu erstellen, und was wir tun werden, ist, dass wir zwei Seiten hinzufügen werden, die wir eine Willkommensseite hinzufügen, was ist was? Die Leute werden dich sehen, wenn sie wissen, wann sie hier statt dieses Bildschirms gehen, und wir werden eine Übersichtsseite hinzufügen, und das wird am Schrägstrich sein. - Ehrfürchtig. - Also werden wir Rails benutzen, - generieren. - Öffnen Sie also Ihr Terminal und Sie wollen dieses Fenster nicht benutzen, weil es Ihren - Schienenserver läuft . - So öffnen Sie ein neues Fenster, indem Sie Shell neue Registerkarte sagen können. - Und dann, äh, - stellen Sie sicher, dass Sie wieder im Verzeichnis sind. Vielleicht musst du den Rücken in das Crumpler-Verzeichnis sehen, aber wenn du da bist, wirst du Rails sagen , Controller generieren, und das wird noch nichts tun. - Ich werde einfach „Enter“ drücken. - Und wenn Sie sagen, dass Schienen Controller generieren, - es zeigt Ihnen, wie Sie diesen Befehl verwenden. - Also heißt es, Rails erzeugen Controller, - und dann übergeben Sie einen Namen und ein paar Aktionen. - Wir werden kurz darauf eingehen, was das bedeutet, aber wir sagen, Rails erzeugen Controller-Seiten. - Wir haben einen Seiten-Controller, und wir müssen Aktionen oder zwei Seiten. - Einer wird sein, und der andere wird willkommen sein. - Und dann schlagen wir. - Geben Sie ein. - Das hat also eine Reihe von Dateien in unserem Projekt erstellt. - Schwächung, siehst du? - Ah, - es hat einen Controller geschaffen. - Es hat unsere Routendatei aktualisiert. - Es hat ein paar Verwendung mit HTML-Seiten für die über Seite und für die Willkommensseite und - all das Zeug hier, in das wir nicht wirklich kommen werden. - Aber diese Lufttests schienen Helfer auf DSA, - JavaScript und CSS. - Ähm, - aber jetzt, - ohne etwas anderes zu tun, - können Sie zurück zu Ihrem Browser und gehen Sie zu lokalen Host 3000 Schrägstrich Seiten willkommen. - Und Sie sollten sehen, dass wir etwas sagen, dass Seiten willkommen sind. - Finden Sie mich in app, - Ansichten Seiten willkommen dot html Papa oder so lassen Sie uns überprüfen, dass aus. - Öffnen wir erhabenen Text und finden unser Projekt. - So Datei öffnen und es ist in großen Crumpler Hit, - geben Sie ein oder klicken Sie auf Öffnen und Sie sollten in erhabenen Text sehen. - Auf diese Weise können wir alle Dateien in unserem Rails-Projekt sehen. - So sagte das finden Sie mich eine App Ansichten Seiten Willkommen. - Also lassen Sie uns gehen Zehe App-Ansichten Seiten willkommen dot html Tochter, - Ihr B und das ist wirklich klein, - also werde ich es einfach größer machen. - Sie können Befehl Plus drücken und es macht die Schriftart größer, so dass Sie sehen können, dass diese Seite ist - wird von dieser HTML Punkt RB Datei generiert. - Machen Sie es etwas breiter. - Lass uns Schritt für Schritt gehen. - Also das erste, was ist ein Header, - und wir haben Sie können sehen, dass es diese HTML-Tags verwendet. - Wir haben unsere Inhalte in Weiß, oder? - Der Text, den wir sehen. - Aber dann haben wir auch diese Dinge rund um unseren Inhalt. - Diese Luft bekannt als HTML-Tags. - Also diese 1. 1 das H, - es steht für Header eins. - Und das ist es, was diese große Art von Header schafft. - Und die 2. 1 das P-Tag steht für Absatz. Also, das ist nur, wenn du willst, , einen normalen Text, - ähm, - benutze den P-Tag und diese kleine Karotte, - äh das, - wie, - weniger als Zeichen. - So öffnen Sie ein Tag und weniger als ein Schrägstrich ist, wie Sie das Tag schließen. - Also, - zum Beispiel, - wenn ich, - wie, - das gelöscht und dann, - um, - nur das h ein Tag hier drüben geschlossen und getroffen, - speichern alles ist, - äh wird groß sein. - Alles wird ein Header sein, aber das werden wir nicht tun. - Also werde ich einfach rückgängig machen. - Lasst uns diese Seite anpassen. - Drücken Sie einfach auf Speichern und sollte sein, wie es war, als wir angefangen haben. - Und wir werden diese Kopfzeile dieses H ein Tag ändern, um einfach willkommen und aktualisieren zu sagen. - Das solltest du sehen. - Und dann, äh, werde ich das hier rauskriegen. - Wir werden sagen, anstatt mich zu finden und App verwenden Willkommen, dass html würde sagen, dies ist - die Zielseite für Crumpler Baking gebloggt. Wir bauen einen gebloggten Speckaus Rubin auf Schienen. Wir bauen einen gebloggten Speck - Ehrfürchtig. - Wir schlagen, - sparen. - Erfrischen Sie es und wir sollten es sehen. - Fügen wir noch ein P-Tag hinzu. - Also werden wir den Schlüsseltag öffnen und sagen, dass diese Seite später nur ein Platzhalter ist - ersetzt sie durch die Beiträge in unserem Block und schließt das p-Tag. - Hören, - es speichern, - und Sie sollten sehen, dass dieser zweite p-Tag einen neuen Absatz erstellt. - Ähm, - genial. - Gehen wir jetzt auf die „Über“ -Seite. - Also, wenn Sie zu Seiten Schrägstrich über gehen, - sollten Sie eine ähnliche Sache sehen. - Und übrigens, - wenn Sie Zehe Seiten Schrägstrich danke gehen. - Zum Beispiel, - Sie werden sehen, dass wir nicht Ah erstellt haben, - wir haben noch keine Route für Seiten erstellt. - F a. - Q. - Unsere App weiß also nichts davon. - Also sind wir auf Seiten über und wir konnten sehen, dass es sehr ähnlich ist, - ah zu dem, was wir früher gesehen haben. - Und lassen Sie uns anpassen, das ist gut, - lassen Sie uns den Header sagen über und dann lassen Sie uns hier löschen, und wir werden - sagen, diese APP wurde in großen Leiden gebaut. - Rubin auf Schienen, - Klasse auf Geschicklichkeitsanteil. - Und da gehen wir. - Also haben wir eine über Seite, wir haben eine Willkommensseite über Let's Last Thing. - Machen wir das zu einem Link. - Und die Art, das in HTML zu tun, ist, dass ich das Fenster einfach größer machen werde. - Eso Die Art, es in HTML zu tun, ist, ein Tag namens a zu verwenden also werden wir das in einem umgeben und wenn wir aktualisieren, passiert noch nichts. Was wir tun müssen, ist, dass wir sagen müssen, wohin der Link geht, also ist der Weg, das zu tun es ist irgendwie seltsam. - Es ist kontraintuitiv, aber folgen Sie einfach. - Wir werden sagen, ein H r E f gleich und dann in Anführungszeichen wird der Earl of the Link setzen und Sie treffen. - Aktualisieren. - Sie sollten jetzt sehen, dass dies ein Link ist, um auf die Skill-Share-Klassenseite zu gehen. - Ehrfürchtig. - Eine andere Möglichkeit, einen Link zu erstellen, anstatt das A-Tag zu verwenden, - das ist nur normales HTML, - ist die Verwendung einer Funktion, die wir von Rails selbst erhalten. - Also statt dieser, - wollen wir es wirklich essen. - Und wir verwenden eine Funktion namens, - ähm, - verknüpft mit, - und die Art und Weise, Rails-Funktionen in Ihrem HTML zu verwenden. - Es ist irgendwie wie das HTML-Tag, wo Sie eine Karotte haben, außer anstelle der Karotte tun Sie Karotte Prozent und wir sagen Link zu und dann den - Namen der Klasse in Anführungszeichen und dann die Mädchen Skill Share dot tall seffrin dot com. - Und lasst uns das machen, was? - Es taucht nicht auf. - Weil ich vergessen habe, hier ein Gleichheitszeichen zu setzen. - Und ich erkläre, was das Gleichheitszeichen bedeutet. - Es funktioniert. - Warum hat es vorher nicht geklappt? Wenn du Karotte und Prozentbenutzt, benutzt, sagt es uns, wir sollen einen Rails-Code ausführen, aber es sagt uns nicht, dass wir ausdrucken sollen, was dieser Rails-Code tut. - Um tatsächlich auszudrucken, - brauchen Sie ein Gleichheitszeichen genial. - Das nächste, was wir tun werden, ist, dass wir uns ändern. - Bist du von RL? - Ich will nicht wirklich, dass sie sagen, dass sie, - ah, - Seiten über und Seiten willkommen wirklich wollen, dass der Willkommensbildschirm auftaucht, wenn wir hierher gehen - und ich möchte, dass die Über Seite nur im Schrägstrich steht. - Aber das ist noch nicht eingerichtet. - Keine Streckenübereinstimmungen. - Mal sehen, wie das funktioniert. - Die Art und Weise, wie Schienen weiß, was zu tun ist, wenn ein Benutzer zu einem bestimmten Mädchen geht, sind die Routen - Datei und die Routen Dateien in Konfigurationsrouten, die sind, so dass Sie sehen können, dass, wenn wir - lief unseren Generator, - es hat diese beiden Zeilen hinzugefügt für die Seiten über Paige und für die Seiten Begrüßungsseite. - Und dann ist der Rest hier nur ein Rubinkommentar. Alles, was mit einem Pfundzeichen in Ruby beginnt, ist nur ein Kommentar. - Und Sie können sagen, dass dies eine Ruby-Datei ist, weil die Erweiterung Punkt R b ist, was für Ruby steht. - Also die Leute, die Schienen geschrieben haben, haben alle diese Kommentare hier hinterlassen, so dass Sie - irgendwie wie eine Anleitung, wie man Routen benutzt, - aber es tut eigentlich nichts. - Also wollen wir, dass die Willkommensseite das ist, was wir sehen, wenn wir hierher gehen. - Und das ist irgendwie die oberste Ebene unserer App, weil es nicht ist. - Es ist nicht wie ein Schrägstrich. - Es ist nur ah, - lokaler Gastgeber 3000. - Und das ist auch die Wurzel genannt. - So können Sie hier sehen, dass sie einen Kommentar hinterlassen haben, der besagt, dass Sie die Wurzel Ihrer Website haben können - mit root geroutet. - Und was Sie tun ist, sagen Sie, dass die Wurzel ein Controller ist, - und dann eine Aktion. - Also werden wir das wirklich löschen. - Und wenn wir, wenn wir löschen, dass Seiten Schrägstrich willkommen nicht mehr funktioniert. - Und was wir es ersetzen werden, ist das. - Also werde ich diese Kommentare intakt lassen, aber ich werde das kopieren und es unten legen. - Und wenn wir nicht einen Willkommenscontroller und eine Indexaktion haben, - haben wir einen Seiten-Controller und eine willkommene Aktion, - und wir können sehen, dass in APP-Controllern und unserem Generator diese Seite Controller ist - und eine Aktion erstellt für jede Seite, die wir bisher haben. - Es gibt also eine über Aktion. - Das ist nur ah sagen, dass es eine Rubin-Rubin-Methode mit dem Tod definiert und dann ist es - fertig. - Es würde enden und es tut dasselbe für die willkommene Aktion. - Also zurück in unseren Routen sagten, dass die Wurzel unserer App Seiten ist. - Willkommen. - Lassen Sie uns das tun und aktualisieren und wir sehen die Willkommensseite. - Cool. - Wie passen wir das jetzt an? - Die Abschnittsseite. - Also jetzt steht da, um Seiten zu bekommen und das geht hier. - Aber was wir eigentlich wollen, ist, dass die u R l nur Schrägstrich um. - Mal sehen, ob das genug ist. - Also haben wir es geändert. - Wir drücken speichern und wir gehen zu lokalen Host 3000 Schrägstrich über und wir bekommen einen Fehler es Ah, - es weiß nicht, zu welchem Controller zu gehen, weil vorher dies einen Hinweis für Schienen hinterlassen - dass es im Seiten-Controller und der über Aktion ist. - Aber da wir Seiten entfernt haben, müssen wir wirklich etwas anderes machen. - Wir müssen sagen, - kommen über Also, wenn der Benutzer geht auf die über Ihre l und dann diese Art von ah Pfeil, - es ist auch als Hash-Rakete bekannt. - Aber es ist nur ein Gleichheitszeichen und ein Größer-als-Zeichen. - Und wir werden sagen, dass, wenn der Benutzer zu der über Earl geht, den Seiten-Controller verwendet - und die über Aktion und wir werden speichern. - Und jetzt, wenn wir über gehen, können wir ah, - wir können die Seite so ziemlich cool sehen. Das Letzte, was wir tun werden, ist, dass wir ein paar, ... äh, - eine Navigation hinzufügen ... äh, , weil wir gerade diese beiden Seiten über und willkommen haben, aber der einzige Weg, um sie zu erreichen, ist diese beiden Seiten über und willkommen haben, , indem Sie die URL ändern. - Also lassen Sie uns hinzufügen, - fügen wir einige Links an der Spitze hinzu. - Irgendwie wie ein Menü, das wir auf jeder Seite sehen werden. - Also gehen wir zu unserem Code. - Jetzt. - Ein Ansatz wäre Teoh. - Fügen Sie einen Link auf der Info-Seite hinzu und fügen Sie dann einen weiteren Link auf der Willkommensseite hinzu. - Aber wir werden wirklich wollen, dass diese Navigation auf jeder einzelnen Seite in unserer App läuft. Wir wollen uns nicht wiederholen, weil wir viele Seiten haben werden, und das wäre nur Zeitverschwendung. - Also der Weg, das zu tun, ist, in Ansichten zu gehen und dann Layouts und gehen Sie in diese Anwendung dot - html Punkt Ihre b Datei. - Das ist irgendwie wie der umgebende HTML, der auf jeder einzelnen Seite in unserer App verwendet wird, und ich werde es einfach ein wenig ausräumen. - Also werde ich all das auswählen und dann eingerückt, können Sie Befehl und dann Klammer machen, oder Sie können einfach Tab drücken und dann, - ah, - ich werde das auch schulden. - Das sollte ein bisschen leichter zu lesen sein. - Und Sie können sehen, dass es irgendwie seltsam aussieht, - weil hier gibt es zwei Tabs und hier gibt es für so gehen Sie in erhabenen Text in Tab-Größe - und ändern Sie 4 zu 2 und Sie können sehen, dass sich alles bewegt. , Und das zweite,was du tun willst, ist Schulden. - Mit Raum ist es gibt es zwei Möglichkeiten, in Schulden und Code. - Sie können es mit Leerzeichen tun, und Sie können diese winzigen Punkte hier sehen, die darauf hinweisen, dass es ein Raum ist. - Sie könnten es auch mit einem Sonderzeichen tun, das Tabulatorzeichen genannt wird. - Aber, - ähm, - der meiste Ruby-Code verwendet Leerzeichen, - also wollen wir konsistent sein, - und wir wollen Leerzeichen zu verwenden. - Jetzt können wir ein bisschen besser von der Struktur wissen. - Dies ist das Kopf-Tag und es hat unseren Seitentitel, so dass wir sehen können, dass der Titel - bröckelt, - wie es hier steht. - Dies wird in den Standard-Schienen geladen, - CSS-Stil Füße und JavaScript. - Aber wir machen nichts mit ihm. Und das letzte Ding ist irgendwie Ah, es ist eine Sicherheitssache und mach dir keine Sorgen darum. - Aber als nächstes haben wir diesen Body Tag und du siehst das drinnen. - Es hat diesen Ruby-Code, - richtig, - weil es das Prozent gleich ist und was es tut, ist es, dass es ein Body-Tag erstellt - und dann innerhalb des Body-Tags, - es geht tatsächlich und die Seite abrufen, die So in der Abschnittsseite betrachteten. - Es ersetzt, was wir hier im Ertrag durch dieses Zeug sehen, - und wenn wir zu unserer App gehen, - können wir tatsächlich das Alter des HTML betrachten, das generiert wird, indem wir Element inspizieren, - und das zeigt uns den gesamten HTML auf der Seite. - Es ist ein wirklich nützliches Werkzeug, - und Sie können irgendwie über jedes Element schweben, - und es hebt es hervor. - So können Sie sehen, dass wir dieses Körper-Tag haben, - aber in ihm, - wir haben unsere h eins und R p, die in diesem über Ansicht sind. Also, was wir tun werden, ist, wir wollen , dass ich das schließen werde, jetzt wollen wir, dass unsere Navigation über all das Zeug auf jeder Seite ist. - Also auch auf der Willkommensseite. - Also, was wir tun werden, ist über dem Ertrag. - Wir setzen einen Code ein und wir sind nur für den Moment, - wir werden sagen, das wird der Navigationsarzt sein. - Speichern Sie es und wir können sehen, dass auf der Willkommensseite wir es haben. - Und auch auf der ungefähr Seite, - haben wir es. - Also machen wir es jetzt in Links. Wir haben einen Link auf der „Über“ -Seite gemacht , und , wir können sehen, dass es der Link zum Tag war. - Kopieren wir das hier in die Anwendung. - Aber es wird nicht Ruby auf Schienen auf Geschicklichkeitsbeteiligung sagen. Es wird sagen, der erste Link wird Veto sind Willkommensseite, und es wird zwei Schrägstriche rechts sein und dann kopieren. - Die 2. 1 wird auf unserer Seite sein, und es wird sein, um einen Schrägstrich über Lasst uns treffen, - speichern und aktualisieren. - Und jetzt haben wir diese Links direkt an. - Das kannst du sehen. - Wissen Sie, auf der Unterseite, können Sie sehen, wo es hingeht. - Das ist die über Page. - Das ist die Willkommensseite. - Also, das ist es eigentlich für diese Lektion. In der nächsten Lektion werden wir nur all unsere Änderungen speichern, indem wir ein get commit erstellen, also bleib dran. 5. Unser erstes Git Commit: get ist ein Versionskontrollsystem, und das ist nur eine ausgefallene Möglichkeit zu sagen, dass Sie den Verlauf Ihrer Dateien verfolgen können, die Ihren Code enthalten . Es ähnelt der Art, wie Wikipedia die Geschichte einer bestimmten Seite verfolgt. Also auf Wikipedia, wenn Sie gehen, um den Verlauf zu sehen, können Sie tatsächlich sehen, dass, wenn dieses Dokument bearbeitet wurde, wer es zu welcher Zeit bearbeitet hat? Und Sie können tatsächlich verschiedene Versionen vergleichen. Wir werden das für unseren Code verwenden. Wenn das immer noch nicht klar ist. Ein weiteres Beispiel, das ähnlich ist, ist Microsoft Windows Track Changes Feature. Wenn Sie das jemals gesehen haben, können Sie ein Dokument mit jemand anderem teilen, und sie können bearbeiten, was Sie geschrieben haben, und Sie können dann sehen, was sie herausgenommen haben und was sie eingelegt haben. Also werden wir get verwenden, um Snapshots oder Commits unseres Codes zu machen, damit wir können, sehenkönnen, wie sich unser Code ändert. Wenn Sie also jemals zu einem bestimmten Kapitel zurückkehren müssen und sehen möchten, wie der Code aussah, dann könnten Sie das mit get okay cool tun. Um also mit git zu interagieren, werden wir das Tool verwenden, das vom Dienst namens Get Hub bereitgestellt wird. Also holen Sie sich Hub. Es ist ah, es ist eine Website, die viele Programmierer verwenden. Es ermöglicht Ihnen, Ihren Code online hochzuladen und mit anderen Entwicklern zu teilen. Es ist also gut, wenn du mit einem Haufen anderer an einem Projekt arbeitest, aber das werden wir eigentlich nicht tun. Was wir tun werden, ist, dass wir dieses großartige Tool herunterladen, das sie für die Interaktion mit Get entwickelt haben . Also, wenn Sie gehen, um Hub dot com zu bekommen und Sie nach unten scrollen, sollten Sie diesen Download-Link sehen und es gibt eine Version für Windows auch. Also lassen Sie uns gehen und laden Sie es herunter und installieren Sie es, wenn es fertig ist. Klicken Sie also auf das. Es entpackt die Show und findet sie auf. Und wir haben diese Hub-App Dragon in Anwendungen bekommen. Ähm, und dann machen wir es so, wie wir es vorher getan haben. Wir ziehen es in unser Dokument, so dass wir es für den Rest des Kurses haben. Cool. Und dann lass es uns öffnen. Es wird sagen, dass Sie es aus dem Internet bekommen haben, also drücken Sie auf „Öffnen“ und was wir tun werden, ist, dass wir ein Repository für unseren Code erstellen. Also gehen Sie zur Datei und wir werden nicht Neues Repository erstellen wählen, weil wir bereits Code haben . Das ist nur, wenn Sie dies zuerst tun, bevor Sie einen Code schreiben. Also werden wir eigentlich sagen, lokales Repository hinzufügen und dann, ah, unser Projekt finden. Also hier bröckelt es. Doppelklicken Sie darauf. Vergewissern Sie sich, dass , Sie alle diese Ordner kennen,und drücken Sie dann die Anzeige. Es wird sagen, dass wir hier kein Repository haben. Wollen wir einen erschaffen? Sagen Sie ja. Und jetzt sehen wir alle Dateien in unserem Projekt. Das kann etwas entmutigend aussehen, aber wir werden in Kürze verstehen, was das bedeutet. Also, äh, das sind alle Akten, und diese Schecks bedeuten, dass wir ein Commit aus ihnen erstellen werden. Was das bedeutet, ist, dass wir anfangen werden, ihre Änderungen zu verfolgen. Also lassen Sie uns einfach zuerst Commit eingeben und dann Commit Awesome drücken. Wenn wir jetzt auf die Registerkarte Historie gehen, können wir sehen, dass wir bisher nur ein Commit gemacht haben und was dieses Commit getan hat, war es, äh, es hat 61 Dateien hinzugefügt. Es hat im Grunde alle Dateien in unserem Projekt hinzugefügt, um zu bekommen, weil wir es vorher nicht verfolgt haben. Also ah, lassen Sie uns ein weiteres Commit machen, um das ein wenig klarer s öffnen, erhabenen Text, wenn es nicht bereits geöffnet ist und gehen Sie in Ihre Ansichten Layouts Anwendung dot html Daddy oder so haben wir den Link in unserem Menü hier Es heißt Willkommen. Aber lassen Sie uns es tatsächlich ändern, um zu sagen, zu Hause und drücken Sie Speichern, so heißt es jetzt zu Hause. Und wenn wir schauen und Hub bekommen, können wir sehen, dass wir eine Datei haben, die sich geändert hat, und es ist die genaue Datei, die wir gerade vor einer Sekunde geändert haben. Also lassen Sie uns ein Commit daraus erstellen und dann werden wir sehen, was passiert. Will sagen Zweitens, unser zweites Commit, geändert. Willkommen bei Home Press Commit. Und jetzt, wenn Sie in die Geschichte schauen, äh, wir haben zwei Commits. Wir haben die 1. 1, wo wir alles, was wir getan haben, war, dass wir alle Dateien hinzugefügt haben, damit wir sie verfolgen können und wir haben die 2. 1 Und was Sie hier sehen können, ist, dass wir geändert haben. Willkommen zu Hause. Also gibt es hier ein Minus und es ist rot Es bedeutet, dass das ist, was wir, ah gelöscht. Und das Plus und Grün ist, was wir hinzugefügt haben. Du kannst es also als Ah vorstellen, ja, ja, wir haben nur das Wort Willkommen zu Hause geändert. Aber die Art und Weise get interpretiert es ist, dass wir die Zeile entfernt, die mit Welcome verbunden sagt. Und wir haben eine neue Linie hinzugefügt, die besagt, dass zu Hause verbunden ist. Also, das sollte Ihnen ein Verständnis dafür geben, wie funktioniert. Das wird super nützlich sein, wenn wir uns durch den Kurs bewegen, weil wir viel Code schreiben werden . Und das wird uns eine Geschichte von all dem Code haben, den wir schreiben, und wir werden wirklich kleine Commits erstellen. Also im Grunde, jedes Mal, wenn wir die App in einen funktionierenden Zustand bekommen, werden wir ein Commit erstellen, einen Schnappschuss davon erstellen, und dann können wir auf diese Weise später in der nächsten Lektion zurückverweisen, jedes Mal, wenn wir die App in einen funktionierenden Zustand bekommen,werden wir ein Commit erstellen,einen Schnappschuss davon erstellen, und dann können wir auf diese Weise später in der nächsten Lektion zurückverweisen, werden unsere App ein bisschen besser aussehen lassen, weil diese Art von sieht, du weißt schon, super alte Schule. Also werden wir etwas namens Twitter Bootstrap benutzen, und es wird den Apfel wirklich, wirklich schön aussehen lassen . 6. Füge Bootstrap hinzu: Also haben wir letztes Mal mit dieser sehr einfachen Seite aufgehört, richtig? Also haben wir letztes Mal mit dieser sehr einfachen Seite aufgehört, - Wir hatten einen Willkommensbildschirm. - Wir hatten einen Bildschirm. - Und es sieht ziemlich Standard aus, oder? - Sieht aus, es sieht echt alt aus. In dieser Lektion werden wir etwas namens Bootstrap benutzen, um es ein bisschen schöner aussehen zu lassen. - Damit Sie Bootstrap bekommen können, um Bootstrap Dot com zu bekommen. - Und so ist Bootstrap ein Es ist ein Front-End-Framework. - Es wurde ursprünglich von zwei Jungs auf Twitter gebaut und dann Open Source. - Das bedeutet, dass jeder darauf zugreifen kann und es kostenlos benutzen kann. - Und ich zeige Ihnen ein paar Beispiele, was Sie damit machen können. - Im Grunde, - ermöglicht es Ihnen, Ihre App wirklich gut aussehen zu lassen. - Auf Computern und Telefonen mit minimalem Aufwand. - Also, wenn Sie in die ersten Schritte und Beispiele gehen, - können Sie hier eine Reihe von Beispielen sehen, was Sie mit Bootstrap tun können. - Also lasst uns darauf klicken, - wie, - schmale Jumbotron, - zum Beispiel. - Also besorgst du dir diese Typografie richtig? Du bekommst das, diese coolen Schriftarten, - ähm, - du bekommst Knöpfe, - du bekommst Überschriften. - Sie können Ihre Inhalte in Spalten einfügen. - Sie erhalten wie, - eine Navigation auf wie eine Kopfzeile für Ihre Seite. - Mal sehen, was du sonst kriegen kannst. - Weißt du, es gibt so, als gäbe es viele verschiedene Stile. - Weitere Schaltflächen, - Dropdown-Menüs , - etcetera, - usw. - Es ist wirklich genial. - Und ich empfehle, es nicht nur für dieses Projekt, sondern auch für die Zukunft zu verwenden. Es braucht nur ein bisschen Lernen, aber es ist wirklich mächtig, und wir werden kein eigenes CSS für die ganze Klasse schreiben müssen. Es braucht nur ein bisschen Lernen, aber es ist wirklich mächtig, - Wir werden nur Bootstrap benutzen, umalles zu machen , um . - Also lasst uns gehen und es installieren. - Das kannst du. - Sie können es herunterladen, wenn Sie zu den ersten Schritten gehen, - herunterladen. - Aber ich habe einen einfacheren Weg gefunden, es zu installieren und Sie müssen nicht einmal Dateien herunterladen. - Nur wenn Sie hier nach unten scrollen, um Bootstrap CD en. Was Cdn bedeutet, ist Content Delivery Network, und es ist wirklich nur eine schicke Art zu sagen, dass Bootstrap die Dateien für uns hosten wird . - Also müssen wir nicht einmal reingehen und, wissen Sie, - installierte Dateien, und sie geben uns die Möglichkeit, drei Dateien zu installieren, oder? - Die erste ist die Bootstrap-CSS-Datei. - das nächste ist ein Thema, das wir es nicht benutzen werden. - Ah, - die Bootstrap-CSS-Datei macht es schlicht und dass das Thema gibt es diese wie, - drei D-Tasten, - aber wir werden es nicht benutzen. - Und das letzte ist dieses Bootstrap-JavaScript, - das wir auch nicht verwenden werden. - Das Einzige, das wir brauchen, ist dieses Top. - Also geh voran und kopiere es und geh dann in erhabenen Text und lass uns unser Layout öffnen. - Wir waren in ihrer letzten Zeit, also ist es eine App. - Ansichten Layouts Anwendung Punkt html Daddy Urbi. Und Bootstrap-Stylesheet wir werden im Grunde dasBootstrap-Stylesheetimportieren. - Und wo wir das tun, ist innerhalb dieses Head-Tags, - Sie können sehen, dass wir bereits ein Stylesheet importieren, das bereits einen Rails-Code verwendet, um es zu tun. Aber wir haben eigentlich nichts in diesem Stylesheet, und das ist okay. nichts in diesem Stylesheet, - Es tut vorerst nichts. - Wir könnten unsere App immer anpassen, - aber indem wir hier Stile einfügen. - Aber in diesem Kurs werden wir nur Bootstrap benutzen. - Also, genau hier unten, werden wir die Stil-Füße einkleben. - Wir könnten das in ein Stylesheet-Link-Tag ändern. - Aber es gibt wirklich, - weißt du, - es ist das Gleiche. - Es ist es wird Stylesheet-Link-Tag generiert diese Art von Code eso hit, - speichern, - und dann gehen Sie zurück zu Ihrer App und aktualisieren Sie sie und Sie können sehen, dass es Bootstrap verwendet. - Schon. - Der Typ ist etwas anders, oder? - Und die Links sind irgendwie so blau, aber es ist,weißt du, weißt du es ist ein guter Anfang, aber es ist nirgends fast perfekt. - Ich will hier viel tun, bis es gut aussieht. - Also das erste, was ist, - der Inhalt ist ganz nach links hier. - Ich wollte irgendwie sein, ich wollte in der Mitte sein, und ich wollte eine Art Polsterung auf beiden Seiten haben. ich wollte in der Mitte sein, - Werfen wir einen Blick darauf, wie wir das mit Bootstrap machen. - Gehen Sie in CSS und dann Übersicht und scrollen Sie ein wenig nach unten. - Sie werden Container sehen. - Grundsätzlich, - wir wollen alle unsere Inhalte in einem Container. - Sie können sehen, wie, - wie auf den Stiefeln Dr. Website, - zum Beispiel, - sie verwenden einen Container. - Ihr Inhalt nimmt so viel Platz ein, und es gibt ein wenig Abstand auf beiden Seiten. - Das wollen wir tun. - Und die Art und Weise, wie Sie das tun, ist, - um Sie in diese DIV-Klasse setzen gleich Container und alle Ihre gesamten restlichen Inhalte auf - die Seite geht in dieses div auf ein getan. - Ich bin mir nicht sicher, ob wir über Dibs gesprochen haben. - Ein div ist ein HTML-Element nur für Abschnitte einer Seite. - Es ist eine sehr generische Art von, - Ah, - es hat kein spezielles Aussehen, - aber es ist, dass Sie viel verwenden, um wie Abschnitte Ihrer Seite zu definieren, - und diese Klasse entspricht Container ist ein HTML-Attribute. - Also hat dieses div ein Attribut. - Es hat eine Klasse, - und der Klassenname ist Container, - und Bootstrap sagt, wenn Sie toe wollen, - erstellen Sie einen Container, - Sie verwenden einen Punkt-Container und Punkt-Container bedeutet Klasse gleich Container. - Eso. - Lass uns weitermachen und das tun Nun, - eigentlich, - noch eine Sache über Attribute Wir haben bereits eine Art von Attributen gesehen. - Wir sahen die A H r E f rechts, - wie wenn wir einen Link erstellen, - es ist dies ein Tag. - Aber es hat diese H R E f Attribute, - und der Wert für dieses Attribut ist Google dot com. - Also machen wir etwas Ähnliches. - Wir nehmen all unsere Inhalte, die gerade jetzt nur die Navigation sind, und dann, wie die seitenspezifischen Sachen, richtig? - Also entweder wegen unserer Begrüßung. - Und wir wollen, dass all das in diesem Container liegt, damit unser Layout so aussieht. - Also alles, was wir tun werden, ist, dass wir sagen, div class equals container, - und dann werden wir Entschädigungsleistungen in und schließen das div hier unten und drücken Speichern. - Und jetzt, wenn wir den Boom auffrischen, ist es das Gleiche. - Und Sie können tatsächlich, - wenn Sie Element inspizieren und dann über die Container-Sache gehen, - Sie können diese verschiedenen Farben sehen, - oder? - Sie können sehen, dass der Inhalt hier nur in Blau ist, - und dann ist diese Orange und das Grün sind irgendwie wie Abstände. - Äh, - cool. - Also, was machen wir als Nächstes? Das nächste, was wir tun werden, ist, dass wir an dieser Navigation arbeiten ähm , , ich denke, wir können es ein bisschen schöner aussehen lassen. - Und zum Glück, - Bootstrap hat etwas dafür. - Also geh in Komponenten und dann knaves. - Also reden sie ein wenig über Knaves, - und sie haben ein wenig Ah, - ein paar verschiedene Beispiele. - Sie haben diese Tab-Navigation. - Es hat also diese Zeile und die Registerkarte, auf der Sie gerade sind. - Wissen Sie, - dieser kleine Umriss, - und dann haben sie Pillen, - die Ah, - wissen Sie, - die aktive sind - wissen Sie, . - Die, auf der Sie gerade sind, ist blau und dann haben sie Pillen gestapelt, wie vielleicht für ein Drop-Down-Menü oder so. - Also benutzen wir die Pillennavigation. - Ich mag, wie dieser aussieht. - Und lasst uns herausfinden, wie das funktioniert. - Eso Siehst du, wir haben drei Tabs hier. - Wir haben drei Pillen. - Wir haben Home-Profil und Nachrichten und unten hier Art von innerhalb dieses HTML. - Wir haben Home-Profil und Nachrichten, - und jeder von ihnen ist innerhalb eines Links. - Richtig? - Dies ein Tag und Sie können sehen, dass diese Luft klickbare Links Aber dieser Link ist innerhalb eines l. - Ich Tag und l Ich steht für Listenelement und unsere Navigation. - Sie können es als Liste betrachten. - Und diese 1. 1 der blaue hat eine spezielle Klasse namens aktiv und Bootstrap. - Wenn es die aktive Klasse sieht. - Es macht es blau. - Also, was ist das dann hier oben? - Das ist Ah, das ist die Liste selbst. - Das ist also die Liste der Vereinten Nationen. - Dafür steht ich. - Und diese Verbündeten sind die Listengegenstände darin. Und wenn wir unsere Liste wollen, - unsere Navigationsliste sieht so aus, dann müssen wir ihr die Klasse der Knaves und jetzt der Pillen geben. - Und dann, nur damit wir diese Tabs vergleichen können, ist ein ziemlich derselbe Code, außer dass das - U. - L von Klasse ist. - Knave, - knave, - Tabs. - Das ist wirklich der einzige Unterschied. - Also lassen Sie uns diesen Code hinzufügen. Das erste, was wir tun werden, ist, dass wir eine UL erstellen, und wir werden sagen, Klasse ist gleich knave jetzt Pillen und in Schulden, die nahe rul und dann wird jeder von ihnen jetzt in einem Verbündeten sein. - Also, - äh, - was sonst? - Wir können sehen, dass Bootstrap das eine treff hat. - Aber wir eigentlich brauchen wir das nicht richtig, - weil genau das ist, was Link zu tut Link, um einen Link zu erstellen, der ein Tag verwendet. - Also das ist eigentlich alles, was wir brauchen. Lasst uns retten und da gehen wir los, es ist die Pillennavigation. - Und nur um zu vergleichen, - wir könnten dies in Knave Tabs direkt auf dieser Registerkarte Navigation ändern und aktualisieren. - Und jetzt sind es Tabs auf Lasst uns das aktive Ding versuchen. - Klasse ist gleich aktiv. - Da gehen wir. - Es ist aktiv. - Es hat einen kleinen Umriss, aber lasst es uns wieder in Pillen umwandeln. - Wir benutzen die Pillen Navigation, und du siehst, dass sie blau ist. - Wir sind eigentlich, ich glaube nicht, dass wir das aktive alles in der Klasse benutzen werden. - Also, das ist es, was ich will, dass du schreibst. - Cool. - Was kommt als Nächstes? Ich glaube, ich will, dass dieser Knave-Zeh auf der rechten Seite ist. Weil wir hier drüben sind, werden wir den Krümelfleck haben. Weil wir hier drüben sind, werden wir den Krümelfleck haben werden wir den Krümelfleck haben. - Irgendwie wird es sagen, - bröckelt aus dem Namen unserer App. - Mal sehen, wie wir das Zeug nach rechts bewegen. - Wir gehen zurück zu Bootstrap, - ähm könnte zu CSS gehen und dann ihrem Unterricht helfen. - Und dann haben wir das Ding richtig? - Was es bedeutet, ist, - es sagt, dass es ein Element nach rechts mit einer Klasse schwebt. Also alles, was du tust, ist, dass du etwas in der Klasse gibst , nach rechts ziehst , und es bewegt sich nach rechts. - Wir geben also unsere ganze Liste, oder? - Die gesamte U L Die Umfrage, - richtige Klasse, - und das sollte es tun. - Boom! - Ehrfürchtig. - Das nächste, was wir tun werden, ist, dass wir einen Ah-Website-Header hinzufügen, der sagt, bröckeln, richtig, - verursachen diese Begrüßung. Und das hier drüben, sie sind wie Petters, die spezifisch für diesen Abschnitt sind. - Aber wir wollen etwas, das wie eine klebrige Art von immer bröckeln sagt. - Äh, - genau wie Sie wissen, - wenn Sie zu Facebook gehen, - es immer sein Facebook oben links oder oben, - richtig? - Wo immer sie es heutzutage hinstellen. - Also schauen wir uns an, wie Sie, die zu Komponenten gehen und dann Seitenkopf. - Und du konntest sehen, dass wir diesen wirklich süß aussehenden Header haben. - Du kannst diesen schwarzen Text benutzen, der irgendwie groß ist. - Und dann dieser tolle Text, der etwas kleiner ist. - Also, wenn wir lesen, sagt dies eine einfache Shell für ein H, um angemessen im Segment zu platzieren - Abschnitte des Inhalts auf der Seite, - kann es das H-Standardelement Small verwenden, das sie hier für den Subtext als tun - gut wie die meisten anderen Komponenten mit zusätzlichen Stilen. - Das bedeutet, dass Sie alle anderen Stile in Bootstrap können Sie auch innerhalb dieser Seite verwenden - Header. - Aber alles, was Sie tun müssen, ist ein div zu erstellen, das den Seitenkopf sagt und dann eine H erstellen - rechte Öffnung, - Schließen hier eingefügt. - Wir werden dafür bröckeln und dann hier rein, wir werden einen Subtext einfügen. - Ich habe, - wie, - einen kleinen Untertitel, den ich verwenden möchte. - Also lassen Sie uns es über die Navigation sagen, div Klasse gleich Paige Dash Header. - Schließen Sie den Dave, - wir haben in jedem, den wir sagen, bröckeln. - Lasst uns einfach Cool auffrischen. - Das können wir schon sehen. - Und lassen Sie uns den Untertext hinzufügen wird Hause gebacken Güte sagen. - Aktualisieren Sie das. - Ehrfürchtig. Ich werde diese zwei Schrägstriche hinzufügen, weil ich denke, es sieht cooler aus. - Süß. - Also haben wir unseren Rasen. - Lassen Sie uns dies in einen Link verwandeln, so dass, wenn sie auf Crumpler klicken, - es geht immer auf die Homepage. - Also erinnern wir uns, wie man das richtig macht, wird Link zu Crumb Blur sagen, - und dann geht es um einen Schrägstrich zu aktualisieren. - Ehrfürchtig. - Die Kopfzeile sieht gut aus, aber es sieht so aus, als wäre unsere Navigation irgendwie nicht an der richtigen Stelle. - Ich denke, es sollte so sein wie hier oben. - Also lasst uns herausfinden, wie wir das machen können. - Wir benutzen die Pull-Richt-Klasse, also versuchen wir es gerade jetzt, es ist außerhalb unserer Kopfzeile, richtig? - Hier beginnt der Header und hier ist, wo er endet. - Also lasst es uns tatsächlich in den Header stecken. - Mal sehen, ob das der Trick ist, oder? - Also, jetzt haben wir dieses Header-Tag und es an. - Lee schließt hier, - treffen, aktualisieren. - Es funktioniert immer noch nicht. - Sie konnten sehen, wie sich bewegt hat. Das ist also, weißt du, das ist Fortschritt, aber es sieht so aus, als hätte es nicht funktioniert und ich weiß warum. - Es ist irgendwie verwirrend. - Es liegt daran, dass diese ah die richtige Klasse ziehen, die wir verwenden. - Ah, - weg Zehe Platz Elemente in CSS genannt Floating und Floating Art von verwendet eine andere - Technik. - Teoh positionieren Sie die Dinge auf der Seite. - Ich werde nicht wirklich darauf eingehen, warum, - aber Bootstrap hat ein Beispiel dafür, wie Sie erreichen können, was wir versuchen zu dio. - Also denke ich, wenn Sie wieder anfangen und dann Beispiele. - Wenn Sie sich dieses Jumbotron-Beispiel ansehen, - haben Sie die Kopfzeile auf der linken Seite und dann diese Pillennavigation auf der rechten Seite. - Also schauen wir uns tatsächlich an, wie sie es so gut gemacht haben, - rechts, - Klicken Sie und wir gehen, um Element zu inspizieren. - Ähm, und das ist cool. - Sie könnten es auf jeder Website tun, weil HTML und CSS sind irgendwie nur Sie können auf Sie schauen - kann immer die Quelle jeder Website, die Sie betrachten und was sie hier getan haben. - Waas. - Sie können sehen, dass sie die Navigation vor den Header stellen und das scheint den - Trick getan zu haben . - Also warum versuchen wir nicht, das wird dieses h ein nehmen und wir werden es nach rul setzen und es sieht aus wie - es funktioniert. - Also werden wir nur noch eine Sache machen, und das ist ah, wir werden das mitten auf der Seite zentrieren. - Ähm und ich will dir noch eine Sache zeigen . - Also gehen wir auf unsere Willkommensseite und lassen Sie uns sehen, was passiert, wenn dieser Text länger richtig war. - Wenn dieser Satz, - wie, - war länger, - so lassen Sie uns einfach kopieren Geschmack eines von ihnen ein paar Mal. - Ja, richtig. - Was auch immer, - es spart und man konnte sehen, dass es den ganzen Weg bis zum Ende unseres Bootstrap-Containers geht. - Und ich denke, das ist ein bisschen zu viel, oder? - Es ist wirklich schwer, einen Satz zu lesen, der so weit ist. - Also machen wir eigentlich zwei Dinge. - Wir werden das zentrieren und wir werden den Inhalt so weit haben. - Mal sehen, wie wir das machen. - Schließen Sie das und gehen Sie zurück. - Gehen wir zu gehen, um CSS und dann Grid-System. Das Grid-System ist, wie Sie Ihre Inhalte in Spalten platzieren, und es ist wirklich mächtig. Ihre Inhalte in Spalten platzieren, - Aber wie Sie sehen können, - ist die Dokumentation hier irgendwie beängstigend. - Auf den ersten Blick, - äh, - lassen Sie mich einfach erklären, was ich für notwendig halte. - Zuallererst, - Sie haben vier verschiedene Größen. - Sie haben extra kleine Geräte wie Telefone, - und das bedeutet, dass die Breite des Bildschirms weniger als 768 Pixel, - und dann haben Sie etwas kleinere Geräte wie Tablets. - Sie haben mittlere Desktop-Geräte, - und dann haben Sie große Desktop-Geräte, - und was das bedeutet ist, - Sie können tatsächlich verschiedene Styling für jede Bildschirmgröße festlegen, - aber das werden wir nicht tun. - Wir werden daran interessiert sein, wie diese Spalten funktionieren, damit Sie sehen können, dass es wirklich einfach ist, Spalten zu machen. - Hier ist der Code für diese erste Zeile, in der jeder Inhalt eine Spalte ist. - Sie haben im Grunde einen Rapper DIV namens Roe. - Und dann erhält jede Spalte diese CSS-Klasse. - Rufen Sie Medium eins an. - Wir verwenden das Präfix für mittlere Geräte. - Wir werden sie nicht alle benutzen, und dann kannst du, - weißt du. - Das hier ist 44 und vier und Sie können sehen, dass sie nur sagen, - Rufen Sie mich tun, bevor Sie Medium vier anrufen. - Rufen Sie das Meeting an. - Also lasst uns das machen. - Und das gesamte Gitter ist 12 Spalten. - Ich möchte, dass unsere Inhalte die Hälfte des Rasters einnehmen, also machen wir es sechs Spalten breit. Ich werde dasjetztlöschen , jetzt aber gehen wir zurück zu unserem Layout und wir machen tatsächlich jedes einzelne Stück Inhalt - nur sechs Spalten breit. - Das bedeutet also, dass unsere Rendite in diesem Sechs-Spalten-Div liegen wird. - Also werden wir sagen, - Rufen Sie Medium sechs eingerückt an und klicken Sie dann auf Speichern und Sie können sehen, dass es sechs Spalten breit ist, aber wir haben die Reihe vergessen. - Sieh mal, wie wir die Reihe vergessen haben, und da ist dieser zusätzliche Platz hier. - Es steht nicht auf dem Logo. - Also, wenn wir noch einen Sprung setzen und wir sagen, Dave Klasse entspricht Zeile, - wir Schulden. - Das war die Diff-Notiz, wie sich das cool bewegen wird. - Und jetzt steht alles auf. - Richtig? - Sie können hier sehen Sie immer, wenn Sie Spalten tun, - Sie wollen immer, dass sie in ah Rho div gewickelt werden. - Ähm, richtig. - Also, was wir jetzt tun wollen, ist, dass wir das zentrieren wollen und lasst uns darüber nachdenken. - Wir müssen ein paar grundlegende Mathe machen, oder? - Das ist sechs Spalten breit, was bedeutet, dass wir noch eine von sechs Spalten hier haben. Also, wenn wir es in der Mitte wollen, werden wir drei Spalten mit Leerraum und dann sechs Inhaltsspalten und dann noch drei weitere Spalten mit mehr Leerraum wollen. drei Spalten mit Leerraum und dann sechs Inhaltsspalten und dann noch drei weitere Spalten - Also gibt es einen Weg, das zu tun, und es heißt Offsets. - Sie können hier auf das Menü gehen und Spalten versetzen. - Im Grunde, äh, - was Sie tun, ist, eine andere Klasse hinzuzufügen. - Sie sehen, wie das hier drüben drei Spalten breit ist, wegen Anrufmedium drei. - Aber es ist auch durch drei Spalten versetzt. - Das bedeutet, dass links davon, - seine drei Säulen wert des weißen Raums. - Also alles, was Sie tun müssen, um es zu bewegen, ist, - sagen wir, - Offset der Spalte, - mittlere Offset drei. - Und Sie wissen, - wenn Sie einen extra großen Bildschirm machen würden, - würden Sie sagen, - rufen Sie großen Offset drei oder, - Sie wissen, - für ein Telefon würden Sie sagen, überschüssige für extra kleine. - Alles, was wir tun müssen, ist, dass unser Inhalt sechs Spalten breit ist, - aber es ist auch Offset drei rechts, - und wir müssen Medium Offset drei nennen. - Also, wenn wir es auffrischen , - So machen wir es nicht. - Also, wenn wir es auffrischen, - dort gehen wir. - Es ist in der Mitte und Sie können sehen, dass Haus und Umgebung sind jetzt beide so genial zentriert. - Ich bin wirklich zufrieden mit der Art, wie unsere Seite aussieht. Das Letzte, was wir tun werden, und wir werden das jetzt in jedem Kapitel tun, ist, dass wir ein Commit erstellen, damit wir unseren Fortschritt retten können. - Eso gehen Hub-App zu bekommen und aufstehen weiß, dass wir Dateien geändert, aber diese Willkommensdatei. - Eigentlich will ich das ganze Zeug nicht, richtig. - Wir haben das nur getan, um das mit zu testen. - Also werde ich hier mit der rechten Maustaste klicken und ich werde sagen, Änderungen verwerfen. - Äh, - ja. Und jetzt, wenn ich die Seite aktualisiere, bekommen sie, wie das automatisch durch diese Änderungen wegfällt, weil wir gesagt haben, dass wir nicht an ihnen interessiert sind. - Was wir übrig haben ist nur diese eine Datei, die wir geändert haben, und wir haben ein paar Sachen , gemacht. - Wir haben dieses Stylesheet hinzugefügt. - Wir haben diese ersten zwei Zeilen entfernt und wir haben sie hier reingezogen. - Also haben wir das alles hinzugefügt, richtig? - Wir haben unseren Container und den Seitenkopf hinzugefügt, - die Navigation Wir haben unsere Kopfzeile, die bröckeln er sagt, - Hause gebackene Güte. - Und dann hier unten haben wir unseren Inhalt. - Das ist innerhalb eines Sechs-Spalten-Rasters, das drei Spalten nach rechts versetzt ist. - Das ist alles. - Also lassen Sie uns hier ein Commit erstellen, - und wir werden sagen, hinzugefügt Bootstrap und hit commit sweet. - Wir sehen uns in der nächsten Lektion. 7. Füge Posts (Video) hinzu: In der letzten Lektionhaben wir Twitter-Bootstrap installiert, und wir haben die Seite wirklich schön aussehen lassen. In der letzten Lektion haben wir Twitter-Bootstrap installiert, - Aber jetzt fangen wir an, an unserem eigentlichen Blawg zu arbeiten. - Also werden wir einen Code schreiben, der den Benutzer etwas an die Blawg posten lässt . - Dann können sie die Beiträge sehen, - sie können sie bearbeiten, - und schließlich werden sie in der Lage sein, die Beiträge zu löschen. - Also lass uns darüber reden, wie unsere Beiträge aussehen werden, als würden sie einfach einen Titel haben und sie werden etwas Inhalt haben. - Und wir werden sie in einer Datenbank speichern. - Also, wenn ein Benutzer einen Beitrag einreicht, - wird er irgendwo gespeichert. - Wenn also die nächste Person kommt und die Seite besucht, - können sie diesen Posten sehen, - und das wird in einer Sekunde viel klarer werden. - Öffnen Sie also Ihr Terminal und stellen Sie sicher, dass Ihr Schienenserver läuft. - Aber dann öffne ein zweites Terminal und stelle sicher, dass du in unserem Crumble er Verzeichnis bist. - Also machen Sie einen PWD, nur um zu überprüfen, ob Sie noch da sind, und wir werden etwas benutzen, das ein Schienen Gerüst genannt wird. - Also für jetzt, - lassen Sie uns einfach Schienen generieren Gerüst. - Es wird nichts tun. - Es wird nur einen Erklärungstext ausdrucken und nicht überwältigt werden. - Es ist eine Menge Text, aber was? - Wir werden wirklich nur aufpassen? - Ist die erste Zeile hier für den Gebrauch? - Wenn wir also ein Gerüst generieren, wird es eine Menge Sachen schaffen, damit es Seiten hinzufügen wird. - Es wird einen Controller hinzufügen. - Es wird etwas hinzufügen, das Modell genannt wird. - Und es wird auch etwas hinzufügen, das eine Datenbankmigration genannt wird, was uns helfen wird, eine Möglichkeit zu schaffen, unsere Beiträge zu speichern. - Das wäre klarer, wenn wir das durchmachen. - Also, um dies zu tun, ist Schienen generieren Gerüst und dann der Name des Typs des Objekts - Sie versuchen zu erstellen. In diesem Fall machen wir Blawg-Beiträge, also sagen wir, dass Rails Gerüstpost generiert, und das hier ist eine Liste von Feldern. - Also habe ich bereits erwähnt, sind Beiträge werden im Grunde zwei Attribute haben. Jeder Beitrag wird seinen eigenen Titel haben, und er wird seinen eigenen Inhalt haben, wie die tatsächlichen Inhalte aus dem Block Post. - Das ist also, was dieses Feld bedeutet. - Die nächste Sache hier, - der Typ ist, dass wir die Datenbank sagen müssen. - Was? - Was für ein Ding lagerten? - Ist es also eine Nummer? - Ist es ein Date? Ist es Ah, String, was im Grunde ein Haufen von Wörtern ist. - Oder vielleicht ist es eine wirklich lange Schnur. - Also sagen wir, dass Rails Gerüstpost generieren, weil wir einen Posttisch erstellen, und dann wird es zwei Dinge haben. - Es wird einen Titel haben, und es wird etwas Inhalt haben. - Aber drücken Sie noch nicht die Eingabetaste. - Wir sagten, wir müssen ihm auch den Typ sagen, - also wird der Titel vom Typ String sein, - was ich gesagt habe, ich erwähnt habe. - String ist nur, es ist es, es ist Worte auf, - und das ist, was wir bisher gesehen haben. Alles, was in Anführungszeichen eingehüllt ist, ist eine Zeichenfolge, und der Inhalt wird auch sein. - Es geht auch zum Text, aber es wird keine Zeichenfolge sein, weil eine Zeichenfolge nur für einen kurzen Text ist. - Wir werden einen anderen Typ verwenden, der sehr ähnlich ist. - Es heißt Text, und das ist im Grunde für längeren, längeren Text gemeint . - Es gibt nur noch eine Sache, die wir tun müssen, bevor wir die Eingabetaste drücken. - Ähm, - wenn Sie die Rails laufen, - generieren Gerüst, - Befehl es erstellt standardmäßig einige Stilleistungen für Sie und wir wollen diese nicht, weil - wir Bootstrap verwenden und diese Stile werden mit unseren Bootstraps kollidieren Stile. - Also, was wir sagen werden, ist ein Strich, keine Strich Stylesheets und jetzt können wir schlagen, keine Strich Stylesheets und jetzt können wir schlagen, - Und, - wie Sie sehen können, - es erstellt eine Menge von Dateien wird in das Verständnis gehen, was diese Dateien in einer Sekunde bedeuten, - Aber lasst uns gehen und unsere App aktualisieren und sehen, ob sich etwas geändert hat. - Also sind wir auf dem lokalen Host 3000. - Ich werde schlagen, - aktualisieren, - und es sieht so aus, als ob wir diesen Fehler bekommen. - Eso unsere App ist derzeit kaputt und was es sagt ist, dass es eine ausstehende Migration gibt. - Es sagt, Migrations Luft ausstehende Laufrate db migrieren, um dieses Problem zu beheben. - Diese Schienen Ende von Sachen, die Sie nicht wirklich brauchen, um dio. - Es ist nur, wenn du es tust, sagen wir nicht auf deinem Computer an jemandem. - Im Gegensatz zum Server, - würden Sie die Rails-Umgebung einstellen, - etwas, das nicht Entwicklung wie Produktion ist. - Aber, ähm, - das ist momentan nicht wichtig. - Was wir tun müssen, ist, dass wir diesen Befehl ausführen Rake db migrate. - Aber bevor wir das tun, - lasst uns verstehen, was das bedeutet. - Also, wenn wir uns die Dateien ansehen, die dieser Befehl erzeugt hat. - Die 1. 1 hier drüben ist das. - Db Schrägstrich migrieren Schrägstrich diese lange Zahl, - was im Grunde das heutige Datum ist, - richtig? - Es ist 2013 8 26 23 und dann ist das die Zeit und dann heißt es erstellen Beiträge. - Öffnen wir diese Datei in erhabenem Text. - Also gehen wir zu DB meine große und da ist es. Also, wenn wir es nur lesen, sollten wir verstehen, was es tut. - Es heißt, Erstellen Sie eine Tabelle namens Posts, - und fügen Sie in dieser Tabelle zwei Felder hinzu. - Einer ist eine Zeichenfolge, - und es ist der Titel, den wir bereits erwähnt haben, - und der andere ist Inhalt, - was Text ist. Und wenn du dir ansiehst, was wir eingegeben haben, schaut es dir das wirklich an, oder? - Also was? - Diese Ah Datenbank-Migration ist Es ist eine Reihe von Anweisungen, wie wir speichern werden - unsere Daten in unserer Datenbank. - Es ist nur eine Definition der Struktur. - Es hat die Datenbanktabelle noch nicht erstellt. - Also, was wir tun müssen, um diese Migration auszuführen, ist der Befehl Rake db migrieren. - Und das haben wir hier im Irrtum gesehen. - Okay? - Ehrfürchtig. - Sieht aus, als lief unsere Migration. - Also, was das tat, war, dass es tatsächlich eine Datenbanktabelle erstellt hat, um Beiträge zu speichern. - Also lasst uns unsere Seite auffrischen, und wir bekommen diesen Fehler nicht mehr. - Aber ich sehe hier nichts über Beiträge, - also gehen wir zurück zu unserer Ausgabe und sehen, ob es irgendwelche Hinweise gibt. - Ähm, - so sieht es so aus, als hätte der Generator eine Reihe von Ansichten erstellt, - was gut ist, - und es hat auch einen Controller erstellt. - Ähm, - aber das Wichtigste hier ist, dass es eine Route erstellt hat und wir hier diese zwei Zeilen sehen können , - Ähm, - und wenn wir unsere Routendatei in Konfigurationsrouten öffnen, die B sind, - sehen wir, dass wir haben diese neue Zeile Ressource Beiträge. - Und um zu verstehen, was das tut, - gehen wir in unser Terminal und geben Sie die Kommando-Rake-Routen ein. - So sehen wir, dass es hier viele Routen gibt, - und wenn wir früher Rake-Routen gefahren hätten - hätten wir nur diese beiden Routen gesehen, die wir für die ungefähr Seite geschaffen haben und - willkommen. - Die sollten vertraut sein. - Der Rest von ihnen hier sind alle mit Beiträgen verbunden und mal sehen, was das bedeutet. - Die 1. 1 hier hat die Earl Slash Beiträge. - Dieses Zeug in Klammern ist ein optionales Format, - also könnte man sagen, Beiträge dot html oder ein anderes Format namens Jason J S O. - N, das wir nicht benutzen werden. - Aber was hier wichtig ist, ist, dass Sie gehen können, um Slash Posts und etwas passieren sollte. - Also lasst uns gehen, um Beiträge zu schrägen und cool. Es sieht so aus, als hätten wir eine Seite, , und es steht, dass sie die Beiträge auflistet und etwas über Titel und Inhalt, aber wir sehen noch keinen Inhalt, aber wir haben diesen Link, der New Post sagt. - Also klicken, dass, - und es sieht aus, als ob es ging, um Beiträge Schrägstrich neue cool. - Schauen wir uns unsere Routen an und sehen, ob wir das überall finden können. - Und es sieht so aus, als könnten wir hier Pfosten Schrägstrich zwei. - Und übrigens, - diese Säule. - Es ist das U. - R I Muster, - was eine andere Möglichkeit ist, nur das u R L Muster zu sagen. - Und das geht an den Pfosten-Controller. - Die neue Aktion. - Sieh dir den Controller im nächsten Abschnitt an. - Also für Jetzt schauen wir mal, was unser Gerüst für uns getan hat. Also haben wir hier ein Formular, und es sieht so aus, als würden wir, äh, wir erstellen einen neuen Beitrag zu R Crumb Autotext Log. - Also lasst uns, - um, - lasst uns einen Beitrag schreiben unseren ersten Block Post. - Ich bin so aufgeregt. - OMG um und drücken Sie erstellen. - So steht der Beitrag wurde erfolgreich erstellt und er hat diesen Titel und diesen Inhalt. - Wenn Sie sich die URL hier ansehen, - die oder Ellis Schrägstrich Beiträge Schrägstrich eins, - lassen Sie uns zurückklicken und wir sind wieder bei Schrägstrich Posts. - Lassen Sie uns eine 2. 1 erstellen und wir sagen unseren zweiten Beitrag. - Wow, das ist so lustig. - Es hat es geschaffen, und das ist Schrägstrich Beiträge zu, - und wenn wir wieder zurückschlagen, - sollten wir jetzt beide Posten sehen und ah, - was wir vorher gesehen haben, - richtig? - Wenn wir klicken, zeigen Sie den Schrägstrich Pfosten Schrägstrich eins, - das ist dieses Mädchen hier. - Es ist Schrägstrich Beiträge Schrägstrich Doppelpunkt I D. - Und jedes Mal, wenn Sie einen Doppelpunkt sehen, - was es bedeutet, ist es ein Parameter oder ein Paramus und ah, - in diesem Fall ist es die Idee der Post, - so Schienen automatisch generiert und ich d schreiben Unser erster Beitrag hat die Idee von einem, den Sie - könnte es Schrägstrich Posts Schrägstrich eins sehen, - und der zweite Beitrag hat das i d von, um Post Schrägstrich zwei zu schrägstrich. - Wenn wir zu so etwas wie Schrägeinträge 2000 gehen, bekommen wir einen Fehler. - Es sagt, Active Record Record nicht gefunden, weil es keinen Beitrag mit der Idee von 2000 cool. - Was können wir hier noch tun? - Also haben wir gesehen, was der Zurück-Knopf getan hat. - Wir haben diesen Editier-Button, also geh weiter und klicke darauf. - Und jetzt sieht es so aus, als würde es uns den Post bearbeiten lassen. - Aber schauen wir uns die Route für eine Sekunde an. - Also hier ist der Weg, oder? - Es ist Schrägstrich Beiträge Schrägstrich den i d Schrägstrich bearbeiten, - und das geht an Post-Controller. - Aktion bearbeiten. - Ehrfürchtig. - Lass es uns bearbeiten. - Lasst uns alles machen, denn das macht Spaß und wir werden Update cool treffen. - So haben wir Show gesehen, die wir daran gesehen haben, und wir haben Index und mit einigen neuen gesehen. - Aber es sieht so aus, als wären hier noch ein paar andere Dinge. - Rechts gibt es erstellen, - aber Sie werden feststellen, dass es genau die gleiche Ihre URL wie unser Beitragsindex hat, außer dass - dieses Verb ist anders. - Das kommen wir im nächsten Kapitel. - Sie können auch sehen, dass Beiträge aktualisieren und zerstören. - Sie sind auch nicht bekommen Es gibt etwas anderes und das ist es eigentlich. - Es sieht aus wie mit sehr wenig Arbeit, - wir können Blockposten schaffen, und wir können sie bearbeiten, und wir können auch, - ich denke, ich habe nicht versucht, sie zu zerstören. - Aber wenn ich hier klicke und dann OK sagen, - zerstört es den Block Post. - Also, jetzt, wenn wir gehen, um Slash Beiträge Schrägstrich, - es ist nicht mehr da. - Es hat es aus unserer Datenbank gelöscht. - Eso Das ist alles, was wir in diesem Kapitel im nächsten Kapitel tun werden, - wir werden ein bisschen mehr in den Code eingraben, den die Gerüste für uns gebaut haben. Aber lassen Sie uns ein Commit erstellen, bevor wir etwas anderes tun , und wir werden einfach sagen: - Es hat hinzugefügt. - Viele und viele Dateien waren gerade dabei zu sagen, - um hat Beiträge Gerüst hinzugefügt, - und wir werden Commit cool drücken. - Wir sehen uns in der nächsten Lektion 8. Den Scaffold verstehen: - Hey, - also in der letzten Lektion, - verwenden wir die Schienen erzeugen Gerüst Befehl, um ein Gerüst für Beiträge zu erstellen. - Wir könnten alle Beiträge auflisten. - Wir können einen neuen Beitrag erstellen, - wir können ihn bearbeiten, - und schließlich können wir ihn löschen. - Also in der letzten Lektion, - haben wir irgendwie den Befehl ausgeführt und gesehen, was er in unserer App getan hat. - Aber wir haben wirklich viele Details überlegt, und ich möchte, dass Sie verstehen, wie das wirklich funktioniert. In dieser Lektion werden wir uns mit diesen Details befassen. - Ähm, und ich möchte es einfach , mit sagen, dass Sie vielleicht nicht alles in dieser Lektion auf der ersten - gehen, -verstehen - gehen, - und das ist völlig okay. - Du kannst es mir einfallen lassen. - Ah, - wie ein Auto fahren, - richtig, - eine Menge von einem Streben Autos. - Und um ein Auto zu fahren, - müssen wir wirklich nur ein paar Dinge richtig wissen. - Wir müssen wissen, wo die Bremsen sind. - Wir müssen wissen, wie Zehe, - wissen Sie, - das Gas schieben. - Wir müssen das Lenkrad benutzen, und wir müssen den Gang wechseln. - Das ist alles, was wir wissen müssen. - Um ein Auto zu fahren. - Wir müssen nicht wissen, wie der Motor funktioniert und die Federung und wie sich die Gänge tatsächlich ändern. - Wir müssen viel weniger wissen. - Und in der Programmierung, - vor allem mit Schienen, - funktioniert es irgendwie auf die gleiche Weise. - Wir haben unterschiedliche Komplexitätsschichten. - Eso Schienen. - Eigentlich ist es ein sehr komplizierter Rahmen. - Es gibt Tausende von Zeilen Code oder wahrscheinlich Zehntausende, wenn nicht mehr von Tausenden von Entwicklern geschrieben. - Und es tut viel, - und je länger Sie damit arbeiten, - desto mehr Schichten der Komplexität können Sie entdecken. - Aber es gibt keinen Grund. - Teoh versucht, alles von Anfang an zu verstehen, weil, du weißt, dass es wahrscheinlich nicht passieren wird. - Also, ich weißt du, du solltest diese Lektion vielleicht mehr als einmal ansehen, wenn du wirklich ein Verständnis bekommen willst . - Und ich werde auch etwas Lesematerial veröffentlichen, falls du etwas tiefer tauchen willst. - Also los geht's. - In den ersten Folien, - Ich habe ein wenig über Model View-Controller gesprochen, - und diesen Punkt haben wir bereits Controller gesehen und wir haben bereits Ansichten gesehen, - aber wir haben Modelle noch nicht angesehen, - und wenn wir Dieses Gerüst hat es tatsächlich ein Postmodell für uns erstellt, - und das sieht man hier drüben. - Seine in App-Modelle Beiträge Punkt r B. - Also lassen Sie uns einen Blick darauf werfen. - Wir gehen Zehe App-Modelle, - und hier gehen wir Post Punkt r. b. - Sie können sehen, dass es nicht wirklich viel zu tun scheint. - Es definiert nur diesen Klassenpost und beendet ihn, - und es gibt wirklich nichts hier. - Aber das sollte uns einen Hinweis geben, wie wir alle möglichen Sachen mit Beiträgen machen können. - Dies sagt, dass es von der aktiven Datensatzbasis erbt, - was bedeutet, dass es viel Verhalten kostenlos erhält, nur indem er diesen aktiven Datensatz - Basis, - erbt und das Verhalten, das es erhält, ist, ihm zu helfen, mit der Datenbank zu arbeiten. - So unser Modell ist, Sie können sich unser Modell als das eigentliche Objekt vorstellen. - Das ist der eigentliche Posten. - Fangen wir an, herumzugraben. - Öffnen Sie ein Terminal und führen Sie die Befehlsschienen-Konsole aus. - Und was das tut, ist, dass es ein anderes Terminal lädt, wo wir Ruby-Code eingeben können, - und wir haben Zugriff auf alle Daten in unserer App. - Also haben wir tatsächlich Zugang zu diesem Posten hier. - Mal sehen, ob wir es tatsächlich kriegen können. - Die Art und Weise, das zu tun ist, sagen Sie, - posten Sie mit einem großen P, das sich auf die Postklasse bezieht, - und dann sagen Sie Post Dot finden Sie eins. - Die Klammern, - Luft optional. - Sie können auch sagen, Post nicht einen so finden, - und es ist das Gleiche. - Aber schauen wir uns an, was es tut. - Wir sehen diese Linie hier. - Dies ist die Zeile, die - um Schienen verwendet, um den Beitrag aus der Datenbank zu holen. - Und diese Art von wirklich seltsam aussehende Syntax. - Ein ausgewählter Beiträge Punkt Stern von Beiträgen Wo Post Diese Idee, - etcetera, - etcetera. - Das ist eigentlich nicht Ruby. - Es ist eine andere Sprache namens SQL. Und was an Rails schön ist, ist, da wir die aktive, rekordbasierte Klasse verwenden , müssen wir nicht wissen, wie. - Fragen Sie alle Werke. - Wir können einfach sagen, post dot find und dann wird es mit unserer Datenbank sprechen. - Es wird unseren Code irgendwie in SQL-Code konvertieren und dann den Post aus der Datenbank bekommen. - Und das hier ist der eigentliche Posten, den es zurückgegeben hat. - Ähm, - und Sie können sagen, dass es etwas mit dieser Art von gleichem Pfeil zurückgegeben hat. - Jedesmal, wenn du hier in der Rails-Konsole etwas tust. - Wenn Sie sehen, dass Sie immer den Rückgabewert sehen und es ist immer ein Gleichheitspfeil. - Unser Beitrag hier hat die Idee von einem. - Es hat unseren Titel, - es hat den Inhalt, - und es hat auch das Datum, an dem es erstellt wurde, - einschließlich der Uhrzeit sowie des Datums, an dem es zuletzt aktualisiert wurde. - Mal sehen, was wir sonst noch damit machen können. - Wir können sagen, dass wir diesen Beitrag einer Variablen zuweisen können. - Und was das bedeutet, ist, dass es wie Mathe ist. - Wenn Sie sagen, X gleich fünf jedes Mal, wenn Sie sich später auf X beziehen, - hat es diesen Wert von fünf. - Also könnten wir sagen, mein Beitrag ist gleich Post-Punkt finden eins. - Und jetzt können wir auf meinen Beitrag verweisen, damit wir meinen Post-Punkt i d sagen können. - Und es hat die Idee, dass wir in meinem Post-Dot-Inhalt sagen können. - Da ist der Inhalt, - mein Post-Titel, - mein Beitrag, der bei etcetera erstellt, - usw cetera. - Das ist also ziemlich nützlich. - So verwenden wir die Find-Methode. - Wir sagen im Grunde Post Punkt finden und dann eine Zahl, - so, wenn ich sagte, - Post wurde bestraft 5000. - Wir bekommen diesen langen Fehler, - es führt immer noch diesen SQL-Code aus, - aber dann wirft es einen Fehler aus, weil es keinen Beitrag mit dem i d von 5000 gibt. - Ähm, - also ist es wirklich schlau und weiß, - Du weißt schon, - Du kannst also nicht so etwas wie andere Post gleich Post sagen, der 5000 findet, weil dieser Beitrag nicht einmal existiert. - So funktioniert die Strafe. - Als nächstes werden wir tun, - wir werden die Postpunkt-Methode verwenden, die mit aktiver Aufzeichnung kommt. - Wenn wir sagen, Post überhaupt, - es listet alle Beiträge, die wir in der Datenbank haben. - Diese Klammern hier zeigen an, dass es eine Liste ist, die auch als Array bekannt ist. - Aber jetzt haben wir nur einen Posten. - Also lasst uns einen weiteren Beitrag erstellen. - Aber anstatt es hier durch zu tun, - machen wir es durch ein Terminal. - Wir werden sagen, New Post gleich post dot wusste und das hat den Beitrag nicht in der Datenbank gespeichert - noch weil wir keine Fortsetzung gesehen haben. - Aber es hat uns ein Post-Objekt gegeben, damit wir sagen können, neuer Post-Punkt i d ... - Und das bedeutet, dass Nagel ist. Es ist irgendwie leer. - Es hat keinen Wert. - Und die neuen Beiträge Titel Sorry, - ich mis tippte es. - Ich sagte verpassen neue Beiträge, wenn es wirklich New Post sein sollte, es ist auch wusste, was wir wollen - tun wir wollen, dass wir den Titel dieses Beitrags setzen wollen So können wir sagen, neue Post Punkt Titel ist - gleich dem neuen Beitrag Titel Und dann können wir sagen, neue Post Punkt Inhalt ist gleich dem - Inhalt. - Jetzt sind wir bereit, es in unserer Datenbank zu speichern und was wir tun ist, sagen wir neue Post Punkt speichern - und Sie können sehen, dass es jetzt einige x SQL ausgeführt. Sie müssen nicht verstehen, was das tut - und es gibt jetzt wahr. - Warum ist nicht wahr zurückgekehrt? - Es ist wahr zurückgekehrt, weil es erfolgreich getan hat. - Wenn, - ah, wenn es aus irgendeinem Grund diesen Beitrag nicht in die Datenbank bringen konnte, - dann würde es False wirklich zurückgeben. - Also, jetzt, wenn wir unsere App aktualisieren Entschuldigung, - nicht hier. - Wir gehen, um Schrägpfosten zu posten. - Wir sehen, dass wir zwei Posten haben und wir genau dasselbe sehen werden. - Wenn wir sagen, dass alles, wie wir es getan haben, bevor wir unser kleines Array haben, - unsere kleine Liste, - richtig? - Aber jetzt hat es zwei Posten. - Es hat einen hier und einen anderen hier. - Es gibt eine andere Sache, die Sie dio können, um einen Beitrag zu erstellen, - und das ist, anstatt den Postpunkt zu verwenden, wusste, dass Sie sagen können - Post Stock erstellen Post, die Art von Arbeiten wie Post Dot wusste und dann Post Dot gespeichert -. - Also macht es irgendwie beide in einem Schuss und du kannst das wieder sehen. Es hat das in der Datenbank erstellt, und es taucht hier auf, außer es hat keinen Inhalt. - Also können wir sagen, der dritte Post-Punkt-Titel ist gleich. - Teoh, - dritten Beitrag Titel und dritten Beitrag Punkt Inhalt ist gleich dem dritten Beitrag Inhalt und dritten Beitrag - Punkt speichern genial. - Wir erfrischen es, es hat all das Zeug. - Okay, cool. - Das sind also all die Modellmethoden, die wir wissen sollen. - Wir haben Post OP richtig finden, - Post up finden eine. - Wir haben Post überhaupt, - der uns alle Beiträge zeigt, die wir diesen neuen posten müssen, - was einen Beitrag erstellt, aber nicht in der Datenbank gespeichert und dann Postdoc erstellen, - was ihn tatsächlich in den Daten basiert speichert. - Sie können auch Post Dot last sagen, - und es gibt auch eine Destroy-Methode, die es tatsächlich löschen wird. - Also möchte ich den letzten Beitrag löschen, den wir erstellt haben, weil er ah ist, - er ist wieder leer und hat keinen Titel und Inhalt. - Also, wenn wir das tun, ist das cool. - Ich schätze, während wir hier drin sind, zeige ich dir noch eins. - Es gibt Post-Punkt-Anzahl und wir haben vier Beiträge in der Datenbank. - Also, jetzt, wo wir uns angesehen haben, wie das Post-Modell funktioniert, - ich denke, wir sind bereit, unseren Controller zu betrachten, damit wir sehen können, dass unser Generator einen - Controller in APP erstellt hat . - Controller Beiträge Controller Schauen wir uns das an. - AP-Controller Beiträge Controller Also das erste, was Sie bemerken, ist, dass es Beiträge genannt wird - mit einem Plural. - Und das ist konsistent, wenn Sie einen Generatorbefehl verwenden und es ist tatsächlich in - Schienen erforderlich . Wenn wir also etwas Neues wie ein Foto kreieren würden, hätten wir einen Fotocontroller, und das ist anders als das Modell, das einzigartig ist, oder? - Es ist Post-dieses Wohnmobil. Also wäre es Fotopunkt r b. - Also das ist nur etwas Teoh, um zu sehen, damit wir sehen können, dass es viel mehr Code in diesem Controller gibt als unser Seitencontroller, stimmt's? - Unser Seiten-Controller definiert hier nur die über Aktion, - und es definiert die Willkommensaktion, - aber es tut nichts anderes. - Gehen wir eins nach dem anderen und versuchen zu verstehen, was hier passiert. - Wir lassen das für ein bisschen. - Also zuallererst, - wir haben Index. - Ähm, - und die Indexaktion ist, dass es etwas richtig macht, - seine Einstellung an Beiträgen, um alles zu posten. - Und wir wissen, was Post das alles tut, - richtig? - Es holt den ganzen Posten. - Das an ist etwas, das wir früher nicht gesehen haben. - Und das bedeutet, dass es eine Instanzvariable ist. - Und was das für unsere Zwecke bedeutet, ist, dass dies in der Ansicht zugänglich gemacht wird. - So werden Sie sehen, dass, wenn Sie zu App-Ansichten gehen, - Beiträge Index, - es tut etwas damit bei Beiträgen. - Ähm, - variabel. - Wenn wir gerade Beiträge ohne die an gesagt, - würde es tatsächlich brechen. - Also, wenn ich spart und dann dazu gehe, - können Sie sehen, dass es denkt, dass an Posten null ist. - Und selbst wenn wir diese zwei Posten geändert haben, - würde es noch nicht funktionieren, - richtig? - Also brauchen wir das bei, ähm, also das ist Posten Cool. - Die Show-Aktion hier sieht auf den ersten Blick aus, dass es nichts tut. - Es definiert nur die Aktion. - Aber wie ich schon sagte, hier ist etwas. - Also schauen wir uns das an, bevor die Aktion hier steht, bevor Action-Set Post Onley es zeigt. - Aktualisieren. - Zerstöre. - Und das bezieht sich auf die Show hier dran. - Aktualisieren und zerstören. - Also was? - Post einstellen? - Es ist eine Methode, die hier unten definiert ist, und was sie tut, ist, dass sie auf der Post auf etwas setzt. - Jetzt sehen wir, dass es Postpunktsuche benutzt, oder? - Aber es hat dieses Ding von Haram und wir haben das gesehen, bevor wir sahen, als wir Rake-Routen befahren haben. - Also dieser Parameter von Doppelpunkt i d. - Er ist in unserem Controller zugänglich. - Also, wenn wir besuchen, - um Schrägstrich Pfosten ein, - zum Beispiel, - als Paramus von I. - ist D eins. Das heißt also eigentlich, dass man auf der Post einen findet, und wenn man eine andere besucht, ist es offensichtlich diese Nummer, oder? - Es wären fünf. - So können Sie sich vorstellen, dass dieser Set-Post genau hier läuft, so dass Sie daran denken können - passiert bei Post gleich post up Find Haram's of I. - D. - Außer, dass dies eine sehr häufige Aktion ist. Jedes Mal, wenn wir auf einen Beitrag mit einem i d in der URL zugreifen, werden wir das tun wollen. - Deshalb wollen wir es auch tun und das Update bearbeiten. - Okay, es hat das I D und zerstören, also lässt es uns irgendwie etwas weniger wiederholen, also schauen wir uns neu an. - Also, was es hier tut, ist, dass es die Variable am Post setzt, um das neue zu posten. - Und wenn Sie sich von unserer Konsole erinnern, - New Onley erstellt ein Post-Objekt, speichert es aber nicht in der Datenbank. - Richtig? - Und das ist genau das, was wir brauchen, - weil diese Form, - es braucht Zehe haben ein Post-Objekt. - Aber es ist ein Post-Objekt, das noch nicht gespeichert wurde. - Was wir tun, ist, dass wir einige Details ausfüllen, und es wird nur gespeichert, wenn wir auf Erstellen drücken, und wenn - wir drücken, erstellen, - geht es wirklich. - Ratet mal, was die Aktion erstellen. - Also werfen wir einen Blick auf erstellen jetzt. Aber bevor wir das tun, möchte ich diesen Code vereinfachen, weil wir nicht alles brauchen, was hier drin ist. - Sie können sehen, dass es auf zwei Formate reagiert. - HTML und Jason und R. - Ap wollten nur HTML verwenden. - Aber nur damit Sie eine Idee bekommen, was Jason ist, - wenn Sie sich die Show richtig ansehen, - können Sie gehen, um Slash Posts Schrägstrich eins oder Slash Post Schrägstrich einen Punkt Jason. - Gehen wir mit Post Acht Open hier. - Und wir können sehen, dass es nicht ist. - Es zeigt uns nicht in HTML-Seite. Es zeigt uns diese Art, andereArt, unseren Beitrag zu beschreiben, oder? - Dies ist bekannt als Jason oder JavaScript-Objektnotation, - aber wir werden es in diesem Kurs überhaupt nicht verwenden. - Sie würden es verwenden, wenn Sie eine iPhone-App schreiben, die mit Ihren Rails interagieren musste - Server oder vielleicht, - ah, - vielleicht eine App, die vollständig in JavaScript geschrieben wurde. - Es würde auch das Objekt in Jason zurückbekommen wollen, - aber wir werden es eigentlich nicht verwenden, damit wir diesen Kommentar loswerden können und wir diesen Code tatsächlich vereinfachen, um nur das zu tun, was er für HTML tut. - Also werden wir sagen, wenn die Post spart, dann tun, was das tut. - Also kopiere das in sonst, wenn es nicht speichert, - mach das Zeug und du musst danach immer enden. - Das sieht also viel einfacher aus. - Und jetzt schauen wir uns das an. - Also nennt es Post Dot wusste mit dem Paramus, dass wir bekommen haben, und es wird ihm die Zehe zuweisen - auf der Post. - Und dann heißt es, - Wenn die Post speichert, die wir früher gesehen haben, - das würde wahr zurückkehren, - dann wirst du zu diesem Beitrag umleiten und du wirst eine Mitteilung haben, die besagt, dass The Post - erfolgreich erstellt wurde. - Und genau das ist hier passiert. - Wenn Sie sich erinnern, - sind wir hier gekommen, weil wir einen Posten mit dieser Form erstellt haben. - Was es getan wird, war, dass es diese Mitteilung hatte, die sagte, dass die Post erfolgreich erstellt wurde und es - tatsächlich umgeleitet uns an den Earl dieser Post. - Richtig? - Also sind wir in Post-Schrägstrich acht. - Das peitscht. - Sieht so aus, als hätte ich das falsche Zeug überschrieben. - Ich habe den Jason rüber kopiert, also nehme ich das an. - Das ist besser. - Und das ist eigentlich viel einfacher, - denn was es sagt, ist, wenn der Post speichert, - zeigen Sie uns den Beitrag und zeigen Sie diesen Hinweis. - Aber wenn es nicht spart. - Gehen Sie zurück zur neuen Aktion, - das heißt, zeigen Sie diese Form wieder. - Das ist also alles, was es tut und jetzt daran ist wirklich sehr ähnlich zu zeigen, - und es verwendet dies vor der Handlung. - Es setzt den Beitrag, - und dann, wenn wir gehen, - lassen Sie uns zu einem tatsächlichen Beitrag gehen, den wir haben, - richtig? - Es wird also in diesen Beitrag geladen, - und dann füllt er die tatsächlichen Details des Beitrags in unserem Formular aus. Also, wenn wir das Formular einreichen, wird es die Aufzeichnung aktualisieren. - Und das ist dieser Kerl. - Und wir werden das auf die gleiche Weise vereinfachen, wie wir es vereinfacht haben, weil wir nichts von diesem Jason-Zeug brauchen. - Also werden wir nur sagen, - Wenn der Beitrag mit den Parametern aktualisiert, die wir gesendet haben, - dann gehen Sie zurück zu diesem Beitrag und sagen, dass es aktualisiert wurde. - Ansonsten, - gehen Sie zurück zum Bearbeitungsformular und ich habe irgendwie über diesen Beitrag Harams Sache verloren. - Das ist eine andere Methode, die hier definiert ist, und es ist irgendwie nur eine Rails-Sicherheits-Sache. - Aber am Ende des Tages, - es ist, - ah, - es gibt unsere Programme Hash. - Also, wenn wir uns die Post Dot mit der Post Haram und gehen in unseren Rat. - Wenn wir also in unsere Konsole gehen, - wenn Sie sich erinnern, wenn wir das neue posten, - erstellt es nur ein Post-Objekt, fühlt sich aber nicht im Inhalt an und speichert es auch nicht der großen Datenbank. - Und das können wir sehen, weil es keine Ahnung hat. - Aber wir können auch sagen, dass Host Dot wusste und dann diesen Hash haben, der besagt, dass der Titel mein Titel ist - und der Inhalt ist mein Inhalt, - und jetzt können Sie sehen, dass der Beitrag einen Titel und Inhalt hat. - Das ist also im Grunde das, was diese Post-Paramus-Sache ist. - Der letzte hier ist zerstört. - Jetzt sehen wir, dass es auch Jason-Zeug macht. - Also werden wir das löschen und sehen, dass alles, was es tut, ist, dass es den Beitrag zerstört, - und es weiß davon, weil es diese Set-Post-Methode benutzt, - und dann leitet es zurück zu den Beiträgen. - Earl in der Post Earl, - wenn wir uns unsere Routen ansehen, - ist es unser Index. - Ich bin mir nicht sicher, ob ich das vorher erwähnt habe, - aber dieses Präfix ist eine Art und Weise, unserem Mädchen Abkürzungen zu geben, - so Schrägbeiträge können Sie entweder als Schrägstrich Beiträge wie das bezeichnen oder Sie können Beiträge sagen - Unterstrich u R l Und für New Post - es wäre neuer Posten Earl, - etcetera, - etcetera. - Das wäre über Euro und Wurzel Sie r O s sein. - Es sieht so aus, als hätten wir alles in dieser Akte abgedeckt. - Das Letzte, was ich tun werde, ist, diese Jason-Kommentare zu löschen, die ich vorher vergessen habe. - Und ich werde auch Dinge aus unserer Sicht löschen. - Das bezieht sich auf Jason. - Wir brauchen das nicht und es gibt keinen Grund, es zu erklären. - So cool. - Hoffentlich sollte eine bessere Vorstellung davon haben, wie unser Controller funktioniert. Und wieder, wenn du nicht alles in dieser Lektion verstanden hast, ist es völlig okay, denn alles, was du wirklich wissen musst, ist, wie man den Gerüstgenerator benutzt, und es wird einfach all das Zeug für dich erschaffen. - Aber da wir etwas aufgeräumt haben, gehen wir und schaffen ein Commit daraus. Und wenn wir uns unsere Änderungen hier ansehen, zeigt es im Grunde all das Zeug, das wir gelöscht haben, und wir haben stattdessen dieses Zeug hinzugefügt, richtig? - Wir haben diesen Kommentar gelöscht. - Wir haben das hinzugefügt. - Wir haben die ganze Datei gelöscht. - Deshalb hat es dieses rote gelöschte Etikett, - und wir haben dieses auch gelöscht, so dass wir vereinfachte Post Controller sagen können, indem wir - Verweise auf Jason entfernen . Und hier drin, ich sage, wir haben auch die Jason J. - Builder Dateien gelöscht . - Da wir sie nicht cool verwenden, - machen Sie ein Commit und wir sehen, dass wir jetzt fünf Commits haben. - Ich freue mich sehr darüber, und wir sehen uns in der nächsten Lektion. 9. Gestalten unserer Posts: Hey, willkommen zurück. Also in dieser Lektion werden wir durch unser Gerüst gehen, das wir gebaut haben, und wir werden es ein wenig schöner aussehen lassen, weil es im Moment nur einige Standardstile verwendet und ich möchte es verwenden . Bootstrap. Ich will, dass es wirklich, wirklich gut aussieht . Beginnen wir also mit der Indexseite. Eso gehen Sie in die Ansicht, seine in App-Ansichten, Um Beiträge, Index und wir können das erste, was hier ist dieser Header, richtig, dieses h ein und ich denke, das sieht gut aus. Aber dann ist das nächste, was hier, dieses große HTML-Tag es ist eine Tabelle und es ist im Grunde eine Auflistung. Ah, richtig. Die erste Zeile ist wie eine Kopfzeile, und dann listet sie jeden Beitrag auf, und es hat fünf Spalten, aber es sieht nicht wirklich gut aus. Mal sehen, ob Bootstrap etwas dafür hat. Also gehen Sie in Bootstrap CSF-Tabellen und Sie konnten hier sehen, dass sie eine Reihe wirklich, wirklich cool aussehender Tabellen haben , und es ist sehr einfach. Teoh lässt unseren Tisch so aussehen. Grundsätzlich müssen wir nur die Basisklassentabelle zu jeder Tabelle hinzufügen. Also, wenn wir sagen, Tabelle Klasse entspricht sorry, Tabelle Jetzt aktualisieren wir, dann gehen wir. Ich finde, es sieht ziemlich genial aus. Jetzt gehen wir für eine Sekunde zurück zu unserer Ansicht. Was ist das für ein Zeug? Es sieht so aus, als wäre es in zwei Abschnitte unterteilt. Dieser erste gewann t Kopf steht für Tabellenkopf Tabellenkopf. Das ist, ähm, das ist diese erste Reihe hier. Also hat es Titelinhalt und es hat Also das ist jeder dieser th steht für Tabellenüberschrift , Ähm, und dann hat es drei weitere Spalten, die leer sind. Das ist, Sie wissen, es gibt keine Etiketten für Show und es und zerstören. Und dann hier unten haben wir den Tischkörper. Das ist also der Rest davon. Und es schafft. By the way, TR bedeutet Teetisch Reihe. Also, was es hier tut, ist, dass es bei Beiträgen referenziert. Also geht es durch jeden Beitrag, den wir haben. Und für jeden Beitrag erstellt es eine Zeile und zeigt dann einige Dinge, die wir in einer Sekunde erreichen werden. Aber das bei Posten. Das haben wir schon mal gesehen. Wir haben es in unserem Kontrolleur gesehen, oder? Wir haben es in unserem Kontrolleur gesehen, Wenn wir also in der Indexansicht sind, bedeutet dies, dass es durch die, um Index Aktion gerendert wurde . Also, wenn wir in unseren Beitragscontroller gehen und wir sehen die Indexaktion direkt hier. Wir können sehen, dass an den Pfosten hier in der Controller-Zehe gesetzt ist, alle Pfosten. Deshalb können wir hier auf einen Beitrag verweisen. Wenn wir diese Zeile zum Beispiellosgeworden zum Beispiel und wir aktualisiert haben, erhalten wir einen Fehler. Es sagt undefinierte Methode jeder für Nagelklasse. Und das ist, weil an den Pfosten ist jetzt Null. Also lassen Sie uns das wieder hinzufügen. Also, was es hier tut, ist, dass es jeden Beitrag durchläuft, den wir haben. Und für jeden Beitrag, es ist das Hinzufügen dieses HTML und es ist heraus, die Beiträge Titelinhalt. Ah, zeig es an und zerstöre Link. Ähm so, das hier, diese Zeile, die Post sagt, stoppen Sie jeden do post. Es ist bekannt als iteriertes er, und da wir drei Beiträge haben, wird es durchlaufen, es wird durch jeden Beitrag iteriert und während jedes Zyklus der Schleife, in diesem Fall wird es drei geben. Dieser Beitrag wird als diese Variable namens Post bezeichnet. So bekommen wir den Titel, den Inhalt dieser Show und zerstören Links. Lass uns nur noch eine Sache im Index machen. Wenn wir ein gebloggt haben, wird unser Blockinhalt wahrscheinlich ein bisschen länger sein, als Sie wissen. Genau wie Oh, mein Gott, das ist fantastisch. Also habe ich tatsächlich einen Block Post gefunden, den ich wirklich über Backen mag. Es ist ein Rezept für Blondie's, wenn du backst. Ich empfehle, diese zu machen. Sie sind auch lecker, aber lassen Sie uns dieses Rezept kopieren und unseren ersten Block Post bearbeiten, um diesen Inhalt zu haben. Also habe ich es eingefügt und ich hatte Update und ich gehe zurück zu unserer Indexseite und Sie konnten sehen, dassdies wirklich lang ist , dass , und diese Indexseite ist wirklich nur für, wie Verwaltung aller unserer Beiträge. Also müssen wir vermutlich nicht sehen Ah, du kennst den ganzen Text hier. Aber zum Glück gibt es eine Rails-Hilfsmethode namens truncate. Und schauen wir es uns im Grunde mit Abkürzung an. Was Sie tun können, ist, dass Sie eine Schnur nehmen können. Nun, sieh dir das an, und wir können es sagen, wie lange wir wollen, dass diese Schnur sein soll. In diesem Fall wollten wir 17 Zeichen, im Grunde 17 Buchstaben lang sein , so dass wir 123459 11 13 17 sehen können. Es sind 14 17. Uh, also werden wir die Stamm it-Methode benutzen, um unseren Tisch etwas schöner aussehen zu lassen. Also werden wir diese Zeile genau hier finden, wo es den Kontext ausdruckt und sagen: Kürzen Sie den Inhalt auf diese Länge und wir werden aktualisieren. Wir können sehen, dass es jetzt nur 100 Zeichen lang ist, und ich denke, das ist etwas schöner, bevor wir zum nächsten übergehen. Ich möchte nur ein Wir werden viel auf die Index-Seite hinzufügen, also möchte ich es hier zu unserem Menü hinzufügen. Eso Wenn Sie sich erinnern, befindet sich das Menü, da es auf jeder einzelnen Seite in unserer App gerendert wird. Richtig. Ähm, es ist in unserem Layout gerendert. Also, wenn Sie zu App-Ansichten, Layouts Anwendung gehen , haben wir dies vor ein paar Lektionen gemacht. Wir haben die Speisekarte hier. Also alles, was wir tun werden, ist, dass wir noch einen Artikel hinzufügen. Ich werde es zwischen zu Hause und über, und wir sagen Link zu und wir werden es anrufen und Beiträge verwalten, weil das ist, was dieses Ding wirklich tut. Wir sind irgendwie wie die Verwaltung unserer Beiträge, oder? Wir zerstören sie, etcetera. etcetera. Also gehen Sie zu Schrägstellen. Wir erfrischen uns. Wir sehen es, wir können es jetzt anklicken und das ist ziemlich cool. Aber hier drüben gibt es eine Sache, die mir momentan nicht gefällt. Uh, wir sind für Are You RL, die genaue mündliche Eingabe , und es gibt eine schönere Mawr Schienen die Art, das zu tun, und das ist mit einem Namen Earl. Also, wenn Sie sich erinnern, wir haben diesen Befehl Rake-Routen und Ray Krauts. Wir haben uns dieses Recht angesehen, das u R I Muster, und wir haben uns auch die Controller-Aktion angesehen. Wir haben uns auch das Verb angesehen, aber dieses Präfix hier ist eigentlich sehr nützlich. Es ist im Grunde ist es wie eine Abkürzung für die Sie sind Rebell, weil manchmal werden Sie eine wirklich lange um u R l wie Post Schrägstrich d Schrägstrich bearbeiten. Also, was wir tun werden, ist zum Beispiel, diese 1. 1 geht zu Schrägstrich, wir könnten Schrägstrich sagen, aber wir können auch einfach sagen, Route Unterstrich u r l und wenn wir aktualisieren, geht dieser Link immer noch, wissen Sie, zum gleichen Ort. Also lasst uns das für alles tun. Für die anderen. So verwalten Beiträge geht zu Schrägstrich Beiträge, und wenn wir uns Schrägstrich Beiträge. Wenn diese 1. 1 hier drüben rechts der Index, dies wird nur Beiträge Unterstrich u R l So können wir sagen, statt dass Beiträge, Mädchen und über ist über Euro und wir aktualisiert alles noch funktioniert. Also, jetzt gehen wir zu New Post. Lassen Sie uns die Ansicht öffnen So gehen wir zu App-Ansichten, Beiträge neu. Das erste, was hier ist, können Sie sehen, dass es die Kopfzeile ist, richtig? Es ist das und dann steht hier, Form zu machen. Nun, was das bedeutet, ist, dass es tatsächlich eine andere Ansicht rendert. Es rendert, was als Teilansicht bekannt ist, und wir könnten es hier sehen, uh, als Unterstrich Form Punkt html Punkt Luft b. Und warum tut es das? Im Gegensatz dazu, diesen HTML-Code hier drin zu haben? Es tut das, weil diese Form tatsächlich an zwei Orten verwendet wird und wir uns nicht wiederholen wollen . Es wird auch verwendet, wenn Sie sich an die Bearbeitungsaktion erinnern. Also haben wir Renderform. Hier ist also, wenn Sie zu einem Beitrag gehen und Sie darauf treffen, ist es ziemlich genau die gleiche Form. Und der Grund, warum wir uns nicht wiederholen wollen, ist, sagen wir, wir haben ein weiteres Feld zwei Beiträge hinzugefügt , die tatsächlich in der nächsten Lektion tun würden. Dann wollen wir nicht jede einzelne Form ändern. Wir Es wäre viel schöner und bequemer, es nur an einem Ort ändern zu müssen. Das ist ein Konzept, wenn Sie programmieren, dass das in der Regel gut ist, seine genannt D R Y oder trocken zu folgen und es steht für nicht wiederholen Sie sich selbst. Schauen wir uns dieses Formular an. Dieses Form-4-Tag ist im Grunde, es erstellt , uh, in HTML-Form für uns und diesen Abschnitt direkt hier. Wir werden vorerst überspringen. Aber im Grunde, wenn es irgendwelche Fehler gibt, wird es die Fehler auf der Seite anzeigen. Aber schauen wir uns diese drei an. Das ist also unsere eigentliche Form, richtig? Wir haben den Titelinhalt und einen Submit-Button, also ist der Weg, um es schöner aussehen zu lassen, in Bootstrap CSS. Wir haben Formulare, und hier steht, dass Sie das Punktformular-Steuer-Tag verwenden können und Sie sehen, wie es hier aussehen wird . Richtig? Dies ist also der HTML für dieses Formular ein Element hier, und Sie können sehen, dass es diese Klasse von Formular-Steuerelement hat. Also lasst uns, was wir tun werden, ist nur für die Felder, richtig? Wir müssen also nichts für das Label tun. Wir sagen Klasse, Formularsteuerung, und wir sagen es auch für diesen , und aktualisieren. Und es sieht ziemlich cool aus. Aber eine Sache, die ich hier nicht mag, ist der Abstand. Sie sehen, wie, wie die Etiketten Luft irgendwie gegen die Eingabeelemente zerschmettert. Dafür gibt es auchetwas auch in Bootstrap und es heißt umschlossene Beschriftungen und Steuerelemente in einer Formulargruppe für optimalen Abstand. Und das siehst du hier, richtig? Jeder Satz von Beschriftungen und Eingaben befindet sich in einer Formulargruppe. Also sind wir im Grunde sind wir eigentlich brauchen wir diese Feldklasse nicht. Wir könnten stattdessen einfach Formgruppe sagen. Die Feldklasse ist nur etwas, das uns Schienen automatisch gibt, aber wir verwenden sie nicht. Also sagen wir, Formgruppe waren frisch. Es ist viel schöner. Jetzt. Eine andere Sache, die wir tun wollen, ist dieser Knopf richtig. Dies ist eine ziemlich langweilig aussehende einfache Taste, aber Bootstrap hat seine eigenen Tasten. Wenn du hier zu den Knöpfen gehst und sie sehen viel schöner aus, also was? Sie geben ihnen die BT-Endklasse und dann eine zweite Klasse, um zu sagen, welche Art von Farbe Sie wollen. Richtig? Es gibt also eine primäre Erfolgsinfo-Warnung usw. Ich mag diese primäre. Also lasst uns gehen und sagen Klasse, Taste, Taste primär und lasst uns aktualisieren. Oh, und es sieht so aus, als hätten wir einen Fehler bekommen. Das liegt daran, dass diese Submit-Methode tatsächlich ein anderes Argument erwartet. Äh, es braucht im Grunde das Etikett selbst. Auf dem Knopf, der peitscht. Wir müssen so kein Komma sagen. Und jetzt erfrischen wir uns und wir haben es. Also stellen Sie sicher, dass F Punkt einreichen und dann das Etikett, richtig? Wenn ich das Ding einreichen würde, würde der Button sagen. Ähm, das ist, was wir wollen und was cool daran ist, ist, da wir dieses Formular gestylt haben und es sowohl in neu als auch in Edit verwendet wird, und das bedeutet, dass unsere Bearbeitung ah ist schon du weißt, es ist bereits festgelegt. Wir müssen keine zusätzlichen Sachen machen, und das ist cool an D. R y, sich nicht zu wiederholen. Also lassen Sie uns einen neuen Beitrag neuen Beitrag neuen Stil erstellen, was auch immer und senden Sie es. Und jetzt sind wir auf den Pfosten. Seite anzeigen, rechts. Wir zeigen einen Beitrag. Wir zeigen den Beitrag der Idee von 13. Schauen wir uns die Vorlage dafür an. Das erste, was wir hier haben, ist diese Mitteilung. Jetzt können Sie unsere Notiz sehen. Es sieht nicht wirklich anders aus, also ist es eine Art harte Zehe zu identifizieren. Aber wir werden es anders aussehen lassen. Und es besagt, dass der Beitrag erfolgreich erstellt wurde. Also, wenn Sie zurück in Bootstrap gehen und dieses Mal in Komponenten und hier unten gehen, gibt es Warnungen. Dann können Sie sehen, dass Bootstrap diese wirklich schön aussehenden Warnungen hat, die wir verwenden können. Und ah, du solltest hier schon ein Muster sehen. Sie müssen ihnen den Klassenalarm geben, ihm nur die Struktur und dann eine zweite Klasse für die Art der Färbung gibt, die Sie wollen . Das ist also Erfolg, diese Info, Warnung und Gefahr. Also werden wir sagen, statt P brauchen wir das nicht mal. Ich d entspricht einer Notiz. Es ist ein anderes, wie rails es Ihnen standardmäßig gibt, weil es denkt, dass Sie es verwenden könnten. Wir werden nur sagen, P-Klasse entspricht Alarm- und Alarminformationen, und wir aktualisieren, was? Also sehen wir die, äh Sie wissen, wir sehen die alarmierte Art von Styling dafür, aber wir sehen den Inhalt nicht mehr. Und das liegt daran, dass dieser Hinweis Onley angezeigt wird, sobald er tatsächlich von unserem Controller angezeigt wird . Richtig? Also lassen Sie uns einen Schritt zurück, wenn wir einen neuen Beitrag einreichen. Es geht an unsere Controller, erstelle eine Aktion, sobald wir sie einreichen, und dort setzt es diesen Hinweis. Aber der Hinweis auf Lee wird angezeigt, wenn Sie die Seite zum ersten Mal laden. Also lasst uns einen weiteren Beitrag hier machen und ihn einreichen. Jetzt sehen wir die Notiz, aber wenn wir uns auffrischen, sehen wir sie nicht mehr. Also, was wir tun wollen, ist im Grunde, wenn es keine Nachricht gibt, wollen wir nichts von diesem blauen Zeug zeigen, oder? Das ist also wirklich einfach zu dio. Wir sagen im Grunde einfach Weg sagen, wenn eine Benachrichtigung vorhanden ist, dann zeigen Sie es sonst nicht richtig zeigen. Also gehen wir hin und wir konnten sehen, dass, wenn ich merke, Präsident ist, es zeigt es so süß. Lassen Sie uns dies ein wenig stylen, also müssen wir uns daran erinnern, dass wir einen Block bauen und das ist wie die u. R L. R L. Für einen einzelnen gebloggten eso Wir wollen wahrscheinlich nicht Titelpunkt und Inhalt Doppelpunkt sagen. Wir wollen wahrscheinlich nur den Titel zeigen und den Inhalt zeigenund zeigen ihn schön aussehen lassen. Also, ähm, was wir tun werden, ist, dass wir aus diesem Titel raus kommen und wir können diesen Inhalt auch hier loswerden , und das ist schon ein bisschen einfacher, aber wir wollen wahrscheinlich, dass der Titel größer. Also lasst es uns in ein H zwei setzen. Cool. Das sieht ziemlich gut aus. Und der Inhalt, ähm, es sieht gut aus, richtig? Aber lassen Sie uns es einfach mit diesem langen Beitrag testen, den wir geschrieben haben, und wir können sehen, dass etwas abgeschaltet ist . Es gibt im Grunde, dass es einen der Absätze ignoriert, die wir haben, richtig, weil dies in Absätze unterteilt ist. Aber hier drüben ist es nicht. Und der Grund ist, dass diese Daten in unserer Datenbank gespeichert sind, um, mit diesen, wie, trennen Sie diesen Leerraum, aber es wird nicht automatisch in HTML konvertiert. Wenn Sie also möchten, dass es in HTML formatiert wird, müssen Sie diesen Rails-Helfer namens einfaches Format verwenden, und Sie können es hier sehen. Und alles, was Sie wirklich sagen, ist einfaches Format. Mein Text und falls Sie neugierig sind, wann, ah, wenn wir ah, neue Zeile in unserer Datenbank haben , wird es als dieser Schrägstrich gespeichert und was bedeutet Schrägstrich neue Zeile. Aber es HTML weiß nicht, wie man das liest. Also diese einfache Formatmethode wird tatsächlich diesen Schrägstrich Ende Teoh Schrägstrich zwei Sorry, Teoh in eine HTML-neue Zeile konvertieren . Also alles, was ich im Post sagen muss, dass der Inhalt einfach ist, den Inhalt zu posten und jetzt aktualisieren wir und es sieht ziemlich gut aus. Ehrfürchtig. Also haben wir unseren Post-Management-Bildschirm. Wir können einen Beitrag erstellen, dass es schön aussieht, wir können einen Beitrag bearbeiten und es sieht gut aus und wir können auch einen Beitrag anzeigen, und es sieht gut aus. Also, was sonst? Wir haben diese Ach, Editier- und Back-Links, aber ich denke, wir können sie wirklich loswerden, weil das so ist, als ob wir, wenn jemand Blawg besucht , wir wollen nicht, dass sie sehen, dass diese Links überhaupt in Ordnung sind ? Wir haben sie. Ah, wir haben sie immer noch im Verwaltungsbildschirm. Also ist es völlig okay. Also haben wir die gelöscht, die ziemlich cool sind. Und es gibt noch eine letzte Sache, die ich will, dass ich Teoh will. Ich möchte in vielen Bloggern zeigen. Sie können das Datum sehen, an dem dieser Beitrag tatsächlich geschrieben wurde. Also, was wir tun werden, ist, dass wir hier noch ein P hinzufügen, und wir werden die Beiträge verwenden, die zu einem Tribut erstellt wurden. Und wenn Sie sich erinnern, Schienen automatisch, haben wir einige Datenbankfelder erstellt, oder? Wir haben Titel und Inhalte erstellt. Aber jedes Mal, wenn Sie eine neue Tabelle erstellen, geben Ihnen Schienen automatisch diese bei Attributen erstellt. Und wir können tatsächlich auf unsere Datenbank schauen, indem wir in DB und Schema gehen, und wir können sehen, dass die Beitrags-Tabelle als Inhalt erstellt zu sorry Titelinhalt und dann hat es Datum Zeit, die sowohl das Datum als auch die Uhrzeit, als es erstellt wurde und auch das aktualisiert, dass , jedes Mal, wenn wir , einen Datensatz modifizieren, dieser Zeitstempel geändert wird, und es ist auch ah, wenn du willst, Oh, weißt du, weiter verstehen, wenn Sie in Ihrer Migration suchen. Diese Dinge wurden erschaffen, weil wir hier keine Punktzeitmarken hatten. Wenn wir das nicht hätten und dann die Migration ausführen, hätte es nicht ah, diese Felder in der Datenbank erstellt . Also werden wir sagen, Toasts Punkt erstellt und mal sehen, wie das aussieht. Also sehen wir etwas, aber es ist irgendwie nicht,weißt du, es ist irgendwie abscheulich. Also sehen wir etwas, aber es ist irgendwie nicht, weißt du, Eso Mal sehen, ob es einen besseren Weg gibt, es aussehen zu lassen. Also werden wir die Rails Datumsformatierung Rails verwenden, Helfer. Und wir haben dieses Ding hier, um formatierte Zeichenfolge genannt. Und was es tut, ist, dass Sie eine Schnur nehmen können. Es tut uns leid, dass Sie ein Datum nehmen und können Sie es in eines dieser anderen Formate konvertieren. Richtig? Und ich mag diesen hier wirklich. Die Art und Weise, wie Sie es verwenden, ist, sagen Sie Punkt zu formatierten String und dann lang, Also werde ich das kopieren, und wir werden sagen, Post, der bei Punkt erstellt hat, dass in eine formatierte Zeichenfolge für ein langes Datum konvertiert wird. Und wir haben das Date hier unten. Wir sollten wahrscheinlich sagen, geschrieben am 27. August zu dieser Zeit. Aber machen wir eigentlich Caray. Wenn Sie also Bootstrap, CSS und dann Typografie gehen und ein wenig nach unten scrollen, können Sie sehen, wo ist es? Ja, Sie können das hier sehen. Das ist es, was ich will. Ich möchte, dass es so hellgrau ist und alles, was wir tun müssen, ist die Text-gedämpfte Klasse zu verwenden. Also lassen Sie uns das tun und drücken Sie „Aktualisieren“ und Sie könnten sehen, dass es dieses hellgrau ist. Lassen Sie uns es auch ein wenig kleiner machen, damit wir das kleine Etikett verwenden können. haben wir schon mal gesehen, und es ist kleiner. Ehrfürchtig. Also eine letzte Sache, die wir tun werden, richtig, die Indexseite sieht gut aus. Show sieht gut aus, und es sieht gut aus und neu sieht gut aus. , Aber wenn wir nach Hause gehen,denke ich, wir sind bereit zu zeigen, sind bloggt, weißt du, in der Art, wie die meisten Blogs aussehen, was irgendwie wie ein langer Strom von Beiträgen ist. Richtig? Stattdessen wir diesen Begrüßungstext loswerden, und stattdessen werden wir alle unsere Beiträge auflisten und irgendwie ihre Inhalte zeigen und jeder Beitrag wird anklickbar sein. Und wenn Sie auf den Beitrag klicken, wird es zu diesem Beitrag gehen, oder? Es wird zur Show-Aktion gehen. Also lasst uns das machen. Lassen Sie uns unsere Sicht dafür öffnen, richtig? Die willkommene Aussicht und lassen Sie uns all das loswerden. Es ist also leer, oder? jetzt. Aber lasst uns einen Spielplan haben. Wir werden im Grunde für jeden Beitrag sagen, zeigen Sie mir, dass Post richtig oder wir sagen, Schleife durch jeden Beitrag und zeigen mir, dass Post, richtig? Ähm, glauben Sie das in einer Sekunde. Aber die Art und Weise, wie wir das tun, ist es sehr ähnlich, was wir auf der Indexseite haben. Richtig? Das ist, was das tut, sagt für jeden Beitrag, zeig mir dieses Zeug. Also werden wir das Gleiche tun, was wir sagen werden. Posten Sie, dass jeder und dann , um , für jetzt, wir drucken nur die Beiträge Titel. Richtig. Also sagen wir, H zwei posten diesen Titel. Aber das bricht. Und warum bricht es? Weil auf der Post ist Null. Wir haben Zehe zu unserem Kontrolleur. Ich habe vergessen, das Etikett zu schließen. Wir müssen tatsächlich zu unserem Controller gehen. Das zeigt uns diese Seite und sag es, die Beiträge zu holen und sie in dieser bei Beiträgen Variable zu speichern . Also der Seiten-Controller, konnten wir sehen, dass gerade jetzt die Willkommens-Aktion nichts tut. Aber wir können einfach genau das tun, was die Indexaktion tut, oder? Es setzt auf Beiträge, um überhaupt zu posten, also werden wir das tun. Und jetzt können Sie sehen, dass wir den Titel für jeden Beitrag haben. Aber wir wollen wirklich, ähm, wir wollen alles richtig zeigen? Und wir haben früher von trocken gelernt, richtig. Wiederholen Sie sich nicht. Wir wollen im Grunde, dass jeder Beitrag so aussieht, oder? Wir wollen, dass wir diesen Titel wollen. Wir wollen das einfache Format für den Inhalt und wir wollen diesen Zeitstempel unten, aber in einem kleineren Text und in großen. Also statt, weißt du, all das von Grund auf neu zu schreiben, werden wir eine Teilansicht nutzen. Und wir haben schon eins für das Formular gesehen, oder? Grundsätzlich sagen Sie Renderform und es sagen Sie Renderform und es kopiert all diesen HTML-Code in hier. Also gehen wir auf unsere Show-Seite und wir nehmen alles hier. Lassen Sie diese Warnung hier drin, aber wir nehmen den Rest und ich schneide sie ab. Und ich werde hier eine neue Datei erstellen und sie speichern. Und da es eine partielle Vorlage ist, beginnen wir immer mit einem Unterstrich, und ich werde es unterstreichen post dot html dot grb nennen. Richtig, denn das ist eine Vorlage, die einen Beitrag zeigt, und ich werde schlagen, speichern und dann in unserem Willkommensbildschirm, richtig? Sind willkommen Aussicht. Ich werde sagen, Rendern um die Post. Aber ich kann nicht einfach sagen, Render Post. Ich muss sagen, Post Slash Posts rendern Und das liegt daran, dass es in einem anderen Ordner ist, richtig? Wir sind in der Begrüßungsansicht und es ist hier drüben. Und das Teil ist eigentlich im Postordner. Wir wollen es dort behalten, weil es verwandt ist. Weißt du, Teoh, unsere Beiträge irgendwie Objekt. Also lasst uns das machen. Und dann aktualisieren wir und wir bekommen diesen Fehler. Und der Grund dafür ist , , dass wir diesen Neil-Fehler wieder bekommen. Rechts bei Post ist Null. Ähm, was wir tun müssen, ist, dass wir Teoh im Grunde haben, haben wir Zugriff auf dieses Post-Objekt , also müssen wir es an die Teilweise übergeben. Also müssen wir sagen, Post ist gleich zu posten, wenn wir aktualisieren, wir bekommen es immer noch. Das liegt daran, dass wir jetzt in unserem Teil, , in unserem Teil,das nicht verwenden können, wenn wir reguläre Post verwenden müssen und wir es aktualisieren. Sieht gut aus. jedoch Jetzt ist unsere Show Seitejedochkaputt. Wir sehen nichts. Das liegt daran, dass wir auch hier das Teilstück rendern müssen. Also müssen wir sagen, Renderpost. Und in diesem Fall gehen wir wieder in der Post vorbei. Aber der Posten ist hier an der Küste benannt, oder? Das liegt daran, dass in der Post-Controller-Show Set Post verwendet , der hier bei Post setzt. Also machen wir das, und da gehen wir. Der letzte eso, ich schätze, jetzt können wir das komplett löschen, oder? Also, willkommen, wir werden das hier verlassen und das Letzte, was ich hier tun möchte, sind zwei Dinge. Zuerst möchte ich einige Abstände zwischen diesen Beiträgen. Also, nachdem ich einen bestimmten Beitrag gerendert habe, werde ich ein paar Zeilen hinzufügen und du tust das mit B R-Tag, was Zeilenumbruch bedeutet, und wir werden vier davon hinzufügen. Also jetzt haben wir ein wenig Abstand. Und schließlich möchte ich, dass dieser Titel ein Link zu diesem einzelnen Block ist, richtig? Das ist für diesen individuellen Beitrag, weil, weißt du, so funktionieren die meisten Blogger. Also gehen wir zurück zu unserem Beitrag partiell und hier ist unsere Kopfzeile. Richtig. Wir werden jetzt sagen Link zu dem Titel, der Sie wissen, der Texas wird immer noch dieser Titel sein, aber dann mit diesem Beitrag verknüpft, und jetzt ist er total anklickbar. Also da hast du es. Wir haben jetzt unsere Homepage gestylt. Wir haben eine Management-Seite, wir können einzelne Beiträge sehen und die Formulare für die Bearbeitung und Erstellung sehen sie wirklich gut aus. Also lasst uns ah, ein Commit aus dieser Krume Unschärfe erstellen. Ich überprüfe immer gerne den Code, den ich geschrieben habe, um zu sehen, dass ich nichts in unserem irgendetwas davon hinterlassen habe. Ich überprüfe immer gerne den Code, den ich geschrieben habe, um zu sehen , Und dann können wir sagen,, gestylt die Post Gerüst Verwendung setzt Handwerk und Hit Commit in der nächsten Lektion, wir werden eine andere Art von Post hinzufügen, die es uns erlaubt, äh, Bilder auf dem Blog zu posten. Also werden wir es haben. Wir werden Text haben, aber wir werden auch Bilder haben. Dann sehen wir uns. 10. Füge Image hinzu: - Sie sind so in der letzten Lektion, - wir haben Bootstrap benutzt, um unsere Blawg wirklich gut aussehen zu lassen. - Also gingen wir in den ganzen Gerüstcode und modifizierten ihn irgendwie so, dass es Teoh - die Bootstrap-Klassen entspricht . - Und in dieser Lektion, - werden wir eine Möglichkeit für Benutzer hinzufügen, Bilder zu posten. - So wird unser Blawg sowohl Bilder als auch nur Textbeiträge haben. - Also los geht's. - Lasst uns Ah, - gehen wir auf unsere Post-Show-Seite. - Richtig. - Also Schrägstrich Beiträge Schrägstrich Eigentlich wählen Sie eine andere. - Ich wähle keins aus. - Ich wähle das aus. - Und lassen Sie uns es in unserem Code und Goto App gehen, - Ansichten Beiträge und dann unterstreichen Post Punkt html Daddy oder richtig sein, - Das ist, was wir in der Show Vorlage als auch auf unserem Willkommensbildschirm verwenden, wo Sie - alle Beiträge eso waren auf Underscore Coast und wir werden ein weiteres Feld zu unserer - Datenbank hinzufügen, - was uns im Grunde sagt, welche Art von Beitrag drei Benutzer gepostet haben. Die beiden Arten werden also Bild und Text sein, was wir hier schon so interviewt haben. Was wir sagen werden ist, wenn das Bild so tut mir leid, wenn Post diese Art gleich Bild ist. - Dann werden wir es einfach rausstocken. - Wird speichern zeigen Sie das Bild Gesundheit, - tun, was wir bereits tun, - richtig, - das ist zeigen Sie den Inhalt und formatieren Sie es mit einem einfachen Format Und wir sagen Ende. - Und wenn wir aktualisieren, - bekommen wir tatsächlich diesen Fehler und hebt die Zeile hervor, die wir hier geschrieben haben, um die Art zu überprüfen und - es sagt undefinierte Methodenart. - Grundsätzlich, - wir haben nichts in der Datenbank sagen, welche Art von Post dieser Post ist. - Also schaffen wir das. - Öffne dein Terminal und wir erstellen ein neues Feld in der Datenbank. - Nun, - wenn Sie sich erinnern, als wir die Beiträge erstellt Scaffold, - wir haben eine Datenbank-Migration, die im Grunde eine Reihe von Anweisungen war, um diese Datenbank zu bauen - Tabelle. Also, was wir tun werden, ist, dass wir eine weitere Migration mit den Rails erstellen, Migrationsbefehl generieren, und ich werde Enter drücken und wir können sehen, wie wir es benutzen. - Wir sagen grundsätzlich, dass Schienen Migration generieren, - und dann der Name und dann eine Liste von Feldern. - Und das haben wir früher mit einem Gerüst gesehen. - Und für jedes Feld, - geben wir den Typ und machen uns vorerst keine Sorgen über den Index. - Also werden wir sagen, dass Rails Migration generieren und wir werden ein Feld zur Datenbank hinzufügen - zum Post Stable namens Art. - Also werden wir sagen, fügen Sie Art zu Beiträgen hinzu und tippen Sie es so mit jedem Wort Großbuchstaben aus. - Es ist auch als camel cased bekannt, weil dies tatsächlich helfen wird, Code für uns zu generieren. - Also sagen wir, Rials generieren Migration, - fügen Sie Beiträge in Art zu Beiträgen hinzu, - und dann werden wir das Feld angeben, das wir hinzufügen. - Also fügen wir ein Feld namens Kind hinzu, und es wird vom Typ String sein. - Und jetzt werde ich „Enter“ drücken. - Wir haben eine neue Migrationsdatei. - Wenn wir hier aktualisieren, - erhalten wir jetzt einen Fehler, der besagt, dass die Migration aussteht und unsere App irgendwie eingefroren ist. - Was wir tun müssen, ist, diese Migration durchzuführen. Aber bevor wir das machen, schauen wir uns das an. - Also haben wir eine neue Datei hier in DB Migrate. - Es heißt „Ad Kind „, zwei Posten. - Also, was es tut, ist, eine Spalte zur Tabelle der Beiträge hinzuzufügen. - Die Spalte wird Art genannt, - und es ist vom Typ String, der gut für mich aussieht. - Also lasst uns laufen. - Es wird sagen, dass Rake Devi migrieren und die Migration lief, wenn wir hier aktualisieren, - bekommen wir keine Fehler mehr. - Aber jetzt wollen wir im Stande sein, ein Bild zu schaffen, - richtig. - Wir sehen den Text immer noch, weil das kein Bild-Post ist, oder? - Also unsere Ansicht sah es sich an. - Das ist das gute Bild, das es nicht ist. - Tun Sie das stattdessen. - Also lasst uns diesen Beitrag in unserer Datenbank finden. - Und lasst es uns zu einem Bild-Post ändern. - Also öffne deine Konsole, indem du Schienen Council eintippst. - Und wenn Sie sich erinnern, - Sie beschränkten den Beitrag, indem Sie sagen, Post Punkt finden 18. - Richtig? - Das ist unser Posten, - und ich werde eigentlich sagen, P entspricht Post, - nicht 18 finden. - Also ist unser Beitrag jetzt P hat ein i. - D. - Es hat etwas Inhalt, - und wenn wir uns die Art ansehen, - ist es neu. - Also sagen wir, p dot Art gleich Bild, - und das ist nicht genug, - richtig? - Wir müssen Save sagen, und wir speichern es. - Es aktualisiert es in der Datenbank, - und wir aktualisieren. - Jetzt steht es, - zeigen Sie das Bild. - Also lasst uns etwas mit dem Bild machen. Gehen wir zurück in unsere Ansicht, und ich möchte Ihnen zuerst zeigen, was wir tun werden. - Es gibt ein HTML-Tag namens Bild und Sie geben ihm eine Quelle, - und diese Quelle ist im Grunde die URL, wo sich das Bild befindet. - Also habe ich hier ein schönes Bild von ein paar Schokoladenkeksen gefunden und ich werde es dort kopieren, - Nun, - Ich möchte nur sicherstellen, dass der Earl ein Bilddateityp ist, - und das ist, indem Sie nur hier schauen, es hat Zehe Punkt jp g oder vielleicht ah, - PNG oder Geschenk für, - wissen Sie, - eines der Bilder -Typen. - Im Grunde. Also, wenn ich das getan habe, und das ist nur ein Beispiel, - richtig, - Sie können die Bildquelle sehen, wir werden ein Bild auf unsere Seite setzen, was ziemlich cool ist. - Aber wir können auch eine Rails-Methode verwenden. - Wir können Bild Tag sagen und dann übergeben, dass Sie alle sind, - und das wird genau dasselbe tun. - Ich habe das Gleichheitszeichen vergessen. - Wenn Sie, wenn Sie sich nicht erinnern, das Ergebnis ausdruckt, - wirklich, - wenn ich es loswerde, - können Sie sehen, dass wir nichts sehen, - so brauchen wir das Gleichheitszeichen hier. - Das Bild-Tag macht das Gleiche. - Ich kann sogar das Element hier überprüfen und sehen, dass es diesen html ausgibt, - richtig? - Sagt Bildquelle und dann unsere Quelle. - Es ist also ziemlich cool. Also, was wir hier tun werden, ist, wenn der Post ein gutes Bild ist, dann werden wir sein Inhaltsfeld auf diese Bilder setzen. - Ihr seid alle, also sagen wir Bild-Tag-Post-Punkt-Inhalt und dann werde ich das löschen - aktualisieren. - Wir haben ein gebrochenes Bild. - Also, was wir in unserem Terminal tun müssen, ist, dass der Inhalt eingestellt ist, richtig? - Also sagen wir p dot Inhalt und wir verwenden nur das gleiche Bild, - dieses hier, richtig. - Also sagen wir, p dot Inhalt entspricht diesem und speichern Sie es jetzt wird es aktualisiert. - Da ist er. Aber eine Sache, mit der ich nicht zufrieden bin, ist, dass dieses Bild eigentlich ein wenig zu breit ist, und es ist schwer, es hier zu sehen. - Aber wenn Sie es in unserem Strom hier betrachten, - können Sie sehen, dass unser Text hier drüben endet. Aber unser Bild geht irgendwie rüber, und was wir tun können ist, wir können es tatsächlich abschwächen, abschwächen, Lee sagen, du weißt schon, so breit sein, und wie wir es tun werden , das einige sehr einfache CSS verwendet. - Umm, - Ich habe generell versucht, dass wir Bootstrap für alles verwenden. - Aber Bootstrap hat nichts, was das tun wird. - Also eine Möglichkeit, CSS hinzuzufügen und tatsächlich der empfohlene Weg ist, in Assets zu gehen und dann Style - Sheets und dann in Ihr CSS hier zu setzen. - Aber wir werden etwas einfacher machen, nur weil es weniger Schritte erfordert . - Wir werden das CSS direkt hier reinlegen, und das machen wir mit den Style-Attributen. - Und dann öffnen Sie eine Zeichenfolge und wir sagen, die Breite des Bildes sollte 100% sein. , Wenn ich mich erneuere, siehst du, wie es ein wenig geschrumpft ist und es sich mit diesem Inhalt ausrichtet, also ist das perfekt. Das nächste, was wir jetzt tun werden, ist, wir keine Möglichkeit haben, einen Bild-Post aus unserem Formular zu erstellen, oder? Wir haben es nur in der Konsole gemacht, also fügen wir hier ein weiteres Feld hinzu, um im Grunde auszuwählen, welche Art von Post du willst, und - wir werden einen Drop-Down-Button benutzen, - ein Drop-Down-Menü. - Entschuldigen Sie mich. Also lasst uns in diese Form von dir gehen, die in Form von Beiträgen ist, und wir werden im Grunde eine weitere Formulargruppe hinzufügen und ein Label hinzufügen, oder? - Außer, dass dieses Etikett „nett“ sagen wird und dann hier, wir haben einen Drop runter, oder? - Stellen wir sicher, dass es gut aussieht, und das tut es. - Also geben wir einen Titel, und dann werden wir einen Drop runter haben und dann den Inhalt einlegen. - Die Art und Weise, ein Dropdown mit HTML zu erstellen, ist die Verwendung eines select-Tags. - Und ich werde hier nur ein leeres erschaffen, damit du es sehen kannst. - Aber wenn Sie ein Muster bemerken, - es gibt eine Schienen, - Weg, es zu tun. - Und die Schienen Weg ist zu sagen, - f Punkt wählen Art. - Wissen Sie, - wir aktualisieren hier, - wir bekommen einen Fehler. - Warum? - Weil es ein weiteres Argument erwartet. - Wir können nicht einfach sagen, wählen Sie die Art, die wir zu sagen haben. - Wählen Sie die Sorte aus was? - Und wir werden es entweder aus Bild oder Text auswählen. - Richtig? - Wir machen das also, wir geben ihm eine Liste und Listen in Ruby. - Wie ich bereits erwähnt, kommen Klammern. - Es ist auch als Array bekannt, - also werden wir sagen, dass die Art entweder Test oder Bild sein kann und dann speichern wir es und aktualisieren -, - und wir haben es. - Aber es sieht nicht so gut aus. - Also müssen wir es zu einem Bootstrap-Drop machen. - Also, wenn Sie in ah CSS gehen und dann Formulare und dann unterstützte Steuerelemente und Sie scrollen nach unten, - Sie können sehen, dass wir hier auswählen, - und das ist, was sie in Bootstrap aussehen. - Also alles, was wir tun müssen, ist hinzuzufügen, dass diese Klasse gleich Formularsteuerung ist. - Also, wenn wir zurück zu unserem Code gehen und wir sagen, Klasse entspricht Formularsteuerung, - es gespeichert und aktualisiert, - werden wir sehen, dass es nicht getan hat, was wir dachten, es würde dio. - Und das liegt daran, dass Select ein anderes Argument hat. - Nach den Entscheidungen, - geben Sie ihm einige Optionen und nur dann geben Sie ihm die HTML-Optionen. - Und wenn wir eine Klasse hinzufügen, - es ist eine HTML-Option. - Das ist also etwas verwirrend, aber wir müssen ihm im Grunde sagen, dass wir hier nichts tun sollen. - Auf dem Weg, das zu tun, ist einfach zu sagen, , es ist ein leerer Hash, oder? - Wie das hier und jetzt, wenn wir es auffrischen, sieht es aus wie ein Bootstrap-Formular. - Also lasst uns versuchen, dieses Formular jetzt zu benutzen. - und wird einen Bild-Post erstellen und sagen, - Ich habe ein anderes Bild hier für einen Käsekuchen. - Also kopieren Sie die URL und wir sagen Käse und dann machen wir was? - Du weißt, was wir sagten, wir würden tun, oder? - Wir werden den Inhalt hier abgeben und ihn einreichen. - Aber wenn wir uns die Post ansehen, tut es nicht, was wir dachten, es würde richtig machen. - Es ist kein Image-Tag zu erstellen und mal sehen, warum. - Also, wenn etwas Unerwartetes passiert, - das erste, was Sie tun sollten, ist immer auf diesen Datensatz in Ihrer Datenbank zu schauen. - Also haben wir diesen Beitrag mit der Idee von 20. - Gehen wir zurück in unsere Konsole und schauen uns das an. - Also sagen wir, P gleich Beiträge Punkt 20 finden, richtig? - Es hat einen I. - D. - Er hat diesen Titel. - Es hat sogar diesen Inhalt. Aber wenn wir nett sagen, ist es eigentlich null, und es könnte überraschend sein, dass es Null ist, weil wir es von dieser Liste ausgewählt haben, oder? - Aber wenn Sie sich erinnern, - wenn wir das Formular einreichen, - geht es zu unserer erstellenden Handlung im Postencontroller. - Sehen wir uns an, was es hier macht. - Es ist, - um es erstellt einen neuen Beitrag mit den Beitragsprogrammen, - und das ist, so dass wir erwarten, dass die Parameter Titelart und Inhalt sind. - Ich habe wegen dieser Post-Paramus-Sache früher verloren. - Ich sagte, es sei eine Sicherheitsfunktion für Schienen. - Es ist hier unten definiert, - wie im Grunde, - es sagt, - nicht jemals Parameter aus dem beängstigenden Internet Onley erlauben die weiße Liste durch, - und die weiße Liste bedeutet im Grunde, dass es eine Liste von Parametern ist, die wir erlauben. Und wir sehen hier diese Erlaubnis, dass sie auf Lee ist, die unser Formular lässt. - Es nimmt im Grunde den Titel und den Inhalt und alle anderen Parameter wie unsere Art. - Zum Beispiel, - es ignoriert, - also werden wir eine Art zu dieser Liste hinzufügen. - Der Befehl spielt keine Rolle, aber ich wollte nur mit der Form übereinstimmen. - Und jetzt, - wenn wir dieses Formular wieder verwenden, - na ja, - sagen Käse, - auch. - Wir sagen, es ist ein Bild und gut in Käsekuchen Tempo. - U R l Wenn wir es schaffen, - funktioniert es. - Also lasst uns einfach gehen und diesen anderen Beitrag löschen, der Käse nicht richtig funktioniert hat. - Und da hast du es. - Wir haben jetzt ein Blawg, das sowohl Text- als auch Bildbeiträge unterstützt. - Ziemlich süß. - Das letzte, was hier ist, nur ein Commit zu erstellen, so dass Hub zu bekommen. - Und lassen Sie uns zuerst unsere Änderungen überprüfen, - direkt in unseren Beiträgen. - Controller, - wir haben Art zu den erlaubten Parametern hinzugefügt, - richtig? Wir vertrauen nicht Dingen aus dem gruseligen Internet, , in der Form, in der wir einen Abschnitt für diese Art hinzugefügt haben, und es hat ein Auswahlrecht, das diese beiden Optionen hat, und es verwendet die Bootstrap-Klasse in der Post Show, - richtig? - Also, wenn wir einen Beitrag jetzt sehen, - überprüfen Sie nach der Art und ob es ein Bild ist, - dann erstellen wir ein Bild-Tag. - Ansonsten, - drucken wir einfach den Inhalt schön formatiert aus, - und diese letzten beiden sind Dies ist die eigentliche Änderung in unserer Datenbank. Also habe ich vergessen, das zu erwähnen, , also ist es gut, dass wir es überprüfen, wenn du eine Migration durchführst. - Es ändert diese Datei. - Db Schrägstrich Schema Punkt r. b. - Es tut es, sobald Sie die Migration ausführen, - und diese Datei verfolgt im Grunde, wie unsere Datenbank aussieht, damit Sie sehen können - dass wir diese Zeile der Datei hinzugefügt haben. - Auch, - die Version ist anders, - und diese Version entspricht tatsächlich der Version in der Migration, - richtig? - Es ist diese lange Zahl, und deshalb stempeln sie sie auf Schienen. - Ähm, - so das ist alles, was wir sagen können, zusätzliche Unterstützung für Bilder und hatte genial zu sehen - Sie in der nächsten Lektion. 11. Füge Herzen hinzu: - Alles klar. - Hey, da. - In dieser Lektion werden wir das letzte Bit Funktionalität hinzufügen, sind Blawg. - Wir werden die Fähigkeit zu Herzpfosten hinzufügen, damit Sie sehen können, dass wir jetzt diesen Herzknopf haben - hier drüben. Und wenn du darauf klickst, fügt es diesem Beitrag ein Herz hinzu, damit du sehen kannst, dass wir nur die Anzahl der Herzen zeigen , die ein bestimmter Beitrag hat. - Also, wenn ich es nochmal anklicke, werden es 23 Etcetera sein. - Das weiß ich bei Tumblr. - Ähm, - wissen Sie, - Sie können sehen, welcher Benutzer einen bestimmten Beitrag oder auf Facebook herz. - Das könntest du auch tun, aber wir werden es sehr einfach halten. - Und wir haben nicht einmal ein Konzept von Benutzern, oder? - So kann jeder gehen und klicken Sie auf diese Schaltfläche und Sie werden sehen, wie viele Herzen es hat. - Also los geht's. - Wir sind wieder in unserem aktuellen Zustand der APP, oder? - Keine Herzen. Und um diese neue Funktionalität hinzuzufügen, brauchen wir Teoh. - Wir brauchen Teoh irgendwie diese Herzen aufzeichnen. - Um das zu tun, werden wir eine neue Datenbanktabelle erstellen. Es wird die Herz-Tabelle sein, und wir brauchen Onley ein Feld und das Feld, das wir brauchen, ist, dass wir im Grunde das I... d der Post brauchen , oder? Also, wenn das Post Nummer eins ist und ich ein Herz dafür erschaffe , wird dieses Herz , ein Feld haben, den Posten i d. , wird dieses Herzein Feld haben, den Posten i d. - und es wird auf eins gesetzt werden. - Also lasst uns weitermachen und loslegen. - Aber in dieser Lektion waren nicht ein Gerüst verwenden können. - Wir machen alles von Hand. - Und der Grund ist, - wissen Sie, - wir haben bereits ein Gerüst gemacht. - Wir wissen, wie sie funktionieren. - Und ich denke, wir wissen genug an dieser Stelle, um zu sein, dass ich irgendwie ein wenig mawr - ohne die Hilfe eines Gerüstes, denn wenn Sie sich erinnern, - hat es viel und viel Code für uns erzeugt. - Also in diesem, - werden wir eigentlich nur eine Datenbank-Migration erstellen, - und dann werden wir im Grunde den Fehlern folgen, die App hat und das wird eine Art Anleitung - uns zu dir wissen, - was wir als nächstes tun müssen. - Aber wir müssen immer noch eine neue Datenbanktabelle für die Herzen erstellen. - Dafür - werden wir eine Wanderung brauchen. - Gehen wir zu unserem Terminal. - Und wenn Sie sich erinnern, - wenn Sie sagen, dass Rails Migration generieren und dann werden wir die Migration irgendwie benennen Lassen einen Blick auf die Migration werfen, die wir bereits haben. - Eso, wenn wir zu DP Migrate gehen, - wir haben diese erste Migration, die wir ausgeführt haben, die die Beiträge erstellt und dann ein anderes, das - das freundliche Feld hinzugefügt hat. - Also werden wir etwas tun, das dem sehr ähnlich ist. Also werden wir eigentlich die Migration benennen, Herzen erschaffen, und dann haben wir ein Feld für die Herzen, und das wird der Posten sein, den ich d also sagen wir Post-Underscore i d Herzen erschaffen, und dann haben wir ein Feld für die Herzen, und das wird der Posten sein, den ich d,also sagen wir Post-Underscore i d Aber dieses Mal der Typ wird es keine Zeichenfolge sein und es wird kein Text sein, weil die i ds unsere Zahlen Also werden wir eine neue Art von Typ namens Integer verwenden, - und jetzt können wir Enter drücken. weil die i ds unsere Zahlen Also werden wir eine neue Art von Typ namens Integer verwenden, - Ich sehe, dass wir nur eine Datei erstellt haben, also öffnen wir sie. - Und da ist es, - richtig. - Es schafft eine Tabelle Teile mit einem Feld, und das sieht gut aus für mich. - Lasst uns die Migration durchführen. - Wir haben es geschafft. - Und nur um zu überprüfen, - wir können in unserer Devi Schema-Datei suchen und wir können jetzt sehen, dass wir eine andere Tabelle hier für - Herzen, - und es hat die Post I d cool. - Lasst uns zuerst versuchen, ein Herz in unserer Konsole zu schaffen. - Also öffnen Sie Ihre Konsole wird Rails Rat sagen. - By the way, - Sie können auch sagen, Schienen sehen so richtig, - wenn wir einen Beitrag schwächen sagen p gleich Post ich wusste und das funktioniert. - Also sollten wir in der Lage sein, zu sagen, H gleich Herzpunkt wusste, ein Herz zu schaffen. - Aber wenn wir das tun, - bekommen wir diesen Fehler und es sagt uneingeweihte konstante Herz. - Im Grunde, - was es sagt, ist, dass wir kein Herzmodell haben. - Wir haben eine Herz-Tabelle in der Datenbank, aber wir brauchen immer noch ein Modell, um mit Ruby zu interagieren. - Also, was wir tun werden, ist, dass wir ein neues Modell erstellen, und wir werden es einfach von Grund auf neu erstellen. - Also, wenn wir unser Postmodell sehen, - es ist eine sehr einfache Datei. - Also werde ich gehen und eine neue Datei erstellen, indem Sie mit der rechten Maustaste hier klicken und neue Datei sagen und drücken - speichern, - und wir werden es Herz Punkt R b nennen und Herz Punkt R B wird sehr ähnlich sein wie dieses - Postmodell. - Wir können es einfach kopieren. - Aber statt Beiträge ein Herz und jetzt können wir hier raus, indem wir sagen, beenden und dann zurück gehen - in indem wir sagen, Schienen Rat, - Jetzt sagen Sie h gleich hart Punkt Wusste, wir haben etwas sehr cool. - Also könnten wir wahrscheinlich sagen, h dot save und wir haben ein Herz, - richtig? - Äh, - h Punkt i d h Punkt Post-Idee ist Null. - Aber, weißt du, es macht keinen Sinn, ein Herz zu haben, wo es keine Post-Idee gibt, oder? - Wir werden sicherstellen wollen, dass jedes Mal, wenn wir ein Herz erschaffen, ein I d von einem Beitrag mit ihm verbunden ist. Um das zu tun, gehen wir in unser Modell und fügen etwas hinzu, das als Validierung bekannt ist. - Und schauen wir uns die Schienen an, - führt Teoh ein wenig über Validierungen zu lesen. - Im Grunde, - was eine Validierung sagt, ist, dass Sie definieren können, wann ah Modell von Ihnen gültig ist oder nicht. - Also, - zum Beispiel, - wir wollen, dass alle Herzen einen Beitrag i d haben. - So können wir sagen, dass wir unsere App nicht toe sagen Lassen Sie uns ein Herz retten, es sei denn, es hat einen Beitrag i d -. - Und die Art und Weise, wie wir das tun, ist, diese validiert Methode zu verwenden und dann das Feld anzugeben und Präsenz wahr zu sagen. - Also gehen wir weiter und machen das. - Nun, - sagen validiert die Post I d Präsenz. - Stimmt. - Und jetzt lassen Sie uns beenden und starten Sie die Konsolenbahn Sea. - Nun, wenn ich sage h gleich Herz Punkt wusste und h Punkt speichern es tatsächlich nicht richtig speichern sagt es - falsch. - Wir können auch sehen, ob es gültig ist, indem wir sagen, - h Punkt gültig mit einem Fragezeichen und wir können sehen, dass es falsch ist. - Aber suchen wir einen Posten. - Wir haben diesen einen Posten. - Also, wenn wir sagen, post I d gleich ein h Punkt gültig ist jetzt wahr, - so können wir es speichern. - Aber lasst uns vorerst unser Herz rausräumen. - Also sagen wir, Herzpunkt zerstören Oh, und es löschte beide. - Wenn wir jetzt Herzpunktanzahl sagen, wird es Null sein. - Also, jetzt, wo wir die Schaffung von Herzen unterstützen, - lasst uns , - äh, - gehen wir in unsere Ansicht und haben etwas, das uns sagen wird, wie viele Herzen von spezifischen - Post hat. - Richtig? - Gehen Sie also in App-Ansichten. - Äh, - Beiträge würden es direkt hier tun. - Wir sind im Grunde auf der linken Seite hier drüben. Es wird immer noch sagen, wann es gepostet wurde, aber rechts hier drüben, wird es uns die Anzahl der Herzen geben. - So, - wie, - wissen Sie, - fünf Herzen, - zum Beispiel. - Also, wenn wir zur Beitragsansicht gehen und dann gehen wir zu zeigen, - denken Sie daran, dass es diese teilweise genannte Post macht, - so werden wir gehen, um zu posten und dann hier unten ist, wo wir unsere auf Text gepostet haben. Das erste, was wir tun werden, ist, dass ich diesen Text auch klein mache, also sieht er gleich aus. - Und lassen Sie uns vorerst einen Platzhalter hier setzen. - Nun, - sagen neun Herzen und Sie werden sehen, dass es nur direkt mit dem geposteten auf - was nicht das ist, was wir wollen. - Also benutzen wir den Bootstrap-Helfer namens Pull, richtig. - Wir haben das früher gesehen, - und dort gehen wir. - Ehrfürchtig. Also, jetzt statt dieser Neun, werde ich diesen Kleinbuchstaben machen, aber statt dieser Neun wollen wir einen Ruby-Code setzen, oder? Und was wir sagen wollen ist, dass wir Zugang zu diesem Beitrag haben, also wollen wir sagen, Post-Punkt-Herz-Punkt-Zählung und das gibt uns die Anzahl der Beiträge, die Anzahl der Herzen. - Tut mir leid, dass der Post hat. - Also, wenn wir es auffrischen, bekommen wir einen Fehler. - Und es sagt, es hebt diese Zeile hervor und es sagt Undefined Methode Herzen für Post. Und das liegt daran, dass unser Post-Model noch nicht wirklich über Herzen weiß, oder? - Es weiß gar nichts, und es hat hier keinen Code. Also, was wir tun müssen, ist, dass wir sagen müssen, seit Hearts die Post aufbewahren, sind sie tatsächlich Associate ID. - Und schauen wir uns an, was das bedeutet. - Wenn Sie zu den Rails-Guides gehen, - es gibt ein ganzes Kapitel über aktive Datensatzzuordnungen, - und im Grunde lässt es zwei Modelle miteinander kommunizieren. - Also, wenn Sie eine Art Struktur direkt in unserem Fall haben, - ein bestimmter Beitrag kann, - kann es viele Herzen haben, wo Sie viele Herzen haben können. Es gibt also tatsächlich eine Vereinigung, die hier genannt wird, hat viele, und sie haben dieses Diagramm hier, was auf den ersten Blick ein wenig verwirrend ist. - Aber im Grunde in diesem Beispiel, - sie haben einen Kunden, der viele Aufträge haben kann. - Und da das der Fall ist. - Jede Bestellung hat einen Kunden, - ich d damit verbunden. - Es bedeutet also, dass jede Grenze über den Kunden weiß. - Aber auch jeder Kunde muss über die Bestellung wissen. - Also, was wir in unserem Postmodell tun müssen, ist, dass wir sagen müssen, - hat viele Herzen. Und jetzt, wenn wir uns erfrischen, ist das alles, was wir tun müssen, und wir gehen hier runter. - Es hat keine Herzen. Also lass uns ein Herz erschaffen, nur um zu sehen, dass es funktioniert, oder? - Wird sagen, Alter gleich Herzpunkt wusste und dann werden wir sagen, - h Punkt Post i D gleich einem rechten h Punkt speichern Erfrischend. - Und da gehen wir. - Das ist ziemlich cool. - Also, wenn wir uns unsere Post ansehen, - können wir jetzt p dot Herzen sagen und Sie können sehen, dass Sie diese kleine Liste hier zurück bekommen. - Sagen wir, ich habe ein weiteres Herz erschaffen. - Es ist gleich Herzpunkt mit dem Posten I d. - Nun, wenn ich sage p Punkt Herzen Oh, - Ich muss sagen p dot reload, - und das ist nur, weil wir Art und Weise haben wir etwas in die Datenbank hinzugefügt, nachdem wir bereits zugewiesen - der Beitrag zu pinkeln. - Also haben wir diese beiden Beiträge diese beiden Herzen jetzt So können wir p sagen, dass Herzen rechts oder p Punkt - Herzen, die. - Aber können wir sagen, - h Punkt Küste? - Richtig? - Wir wollen das sagen können, weil wir später eine Zwei-Wege-Assoziation haben wollen, werden wir etwas mit diesem H-Punkt-Post machen. - Also der Weg, das zu tun, ist, wenn wir in die Herzen gehen, - äh, - Modell. - Wir sagen, dass das Herz dem Wirt gehört. - Und wenn Sie hier schauen, - haben sie erklärt, - gehört, wo es ist, gehört zu. - Da gehen wir. - So gehört zu ist, dass wir die gleiche Kundenbestellung haben, - aber gehört zu Ist, dass man Grenzpunktkunde oder in unserem Fall sagen kann, - Herzpunktpost und hat viele ist, so dass man in die andere Richtung gehen kann, - richtig? - Du kannst Post-Punkt-Herzen sagen. - Also tun wir das und wir sollten jetzt in der Lage sein, h dot host zu sagen, außer dass wir immer noch diesen Fehler bekommen, weil wir Teoh brauchen. - Aktualisieren Sie unsere Konsole. - Als wir die Konsolebetätigten , hatten wir diesen Code noch nicht betätigten drin, also weiß er nichts davon. - Also lassen Sie uns unseren Rat verlassen sagen, beenden und dann rechts wieder können wir das Herz nur das letzte setzen - Herz, das wir haben. - Und jetzt können wir h dot post sagen und wenn wir das tun, - es gibt das Post-Objekt. - So können wir sie sogar sagen, etwas wie h Punkt beide stoppen Titel rechts oder h Punkt Post Punkt - Inhalt. - Wir können sogar verrückt gehen und sagen, - h Punkt Host Punkt Teile und wir können so etwas sagen wie das Herz gestoppt ersten Punkt Post, - etcetera, - usw.. - Aber damit gehe ich irgendwie weit. - Das müssen wir nicht wissen. - Also jetzt haben wir Herzen und Beiträge sind miteinander verbunden, - aber wir haben keine Möglichkeit, sie über unsere App direkt über unsere Schnittstelle zu erstellen. - Also gehen wir weiter und machen das. - Wir fügen einen Knopf hinzu, der hier sitzt, und wenn du auf diesen Knopf klickst, wird es ein Herz für uns schaffen. - Also der erste Schritt, - lasst uns einfach die Schaltfläche an Ort und Stelle setzen, - irgendwie als Platzhalter. - Gehen wir zurück zu dieser Ansicht und wir haben den Titel hier. - Setzen wir einen Knopf daneben, damit wir hier drinnen sagen können. - Wir wollen es rechts. - Also werden wir sagen, div class gleich voll oder? - Und für jetzt, - wir sagen einfach Knopf oder tatsächlich, - wir können sagen, dass es ein Herz ist und wir es haben. - Aber wir können sehen, dass es nicht richtig aufstellt. - Und das ist Ah, - das ist sehr ähnlich dem Problem, das wir hier in unserem Knave hatten. - Weil die Art und Weise, wie die Wahl richtig funktioniert, irgendwie funky ist. - Der Weg, das zu beheben, ist, das Zeug vorher zu stellen. - Sobald wir das tun, richtet es sich richtig an. - Cool. - Wie erschaffen wir dieses Herzobjekt? - Wir brauchen Teoh ein Formular, das, wenn wir auf den Button klicken , das Formular , und später wird es zu unserem Controller gehen. - Der Kontrolleur wird unser Herz für uns erschaffen, und dann wird er uns woanders umleiten. - Also lasst uns anfangen, indem wir einfach ein Formular erstellen. - Und, äh, - Sie erinnern sich vielleicht nicht, wie wir das Formular für Beiträge hier erstellt haben , weil es ein Gerüst benutzt hat. - Also lassen Sie uns folgen. - Folgen wir weiter. - Das neue Recht. - Wenn Posten neu, - macht es eine Form, die diese teilweise direkt hier ist. - Und, äh, ich werde das vorerst entfernen. - Das ist dieses Fehler-Zeug. - Wir eigentlich, weißt du was? - Wir brauchen es überhaupt nicht. - Wir benutzen es nicht. - Es ist also viel einfacher, sich jetzt anzusehen. - Und im Grunde, - um, - es erstellt ein Formular HTML-Tag mit dieser ersten Zeile sagen Formular für Post, - und dann hat es eine Reihe von Feldern und dann schließlich, - das ist der Submit-Button. - Also dieses Formular für auf der Post, es bekommt das auf der Post von unserem Controller, - richtig? - Wir sind in der neuen Ansicht des Beitrags, - die den Beitragscontroller und die neue Aktion verwendet, - und wir können sehen, dass bei Post ist neu. - Wir könnten das einfach sagen und es wäre genau der gleiche Code. - Also werden wir etwas sehr Ähnliches für unser Herz tun. - Eso Statt dieser, - wir werden sagen, Form für Herz Punkt wusste, tun f, was bedeutet, einfach eine Form zu erstellen und dann in ihr, - wir werden ein paar Sachen haben. - Aber bevor wir das tun, - lasst uns unsere Seite aktualisieren und sehen, ob das funktioniert und wir bekommen hier einen Fehler. - Es sagt undefinierte Methode, - Herzen, - Weg und das sollte eine Art vertrauter Herzen aussehen. - Pfad ist irgendwie wie die Herzen, die du Earl, - und wenn du das Formular benutzt, braucht es ein Mädchen, um das Formular einzureichen. - Aber wir haben noch keine U R L, denn wenn man sich Vergewaltigungsrouten anschaut, haben wir keine Routen, die speziell für Herzen sind. - Also lass uns gehen und herumkreieren. - Also gehen wir in unsere Routendatei, - die in Konfigurationsrouten ist. - Darby. - Und das sehen wir für Beiträge. - Wir verwenden diese Ressourcenmethode. - Ressource ist Methode, - also lassen Sie uns gehen und sagen, Ressource ist Herzen und es muss Plural sein. - Wir laufen Rate Krauts wieder und wir können sehen, dass es viele und viele Routen hier geschaffen hat. - Das ist wahrscheinlich zu viele, denn der einzige, den wir wirklich interessieren, ist der einzige Weg, um ein Herz zu schaffen. - So können wir das irgendwie vereinfachen, indem wir sagen, - Ressource ist Herzen Onley für erstellen, so dass Onley eine Reihe von Routen für diese eine Aktion - für die Aktion erstellen. - Und jetzt, wenn wir Harchenwege laufen, - können wir sehen, dass wir nur einen Weg für Herzen haben, - und das wirklich alles ist, was wir brauchen. - Sie sollten nie Dinge haben, die Ihre APP nicht verwendet, weil es dann nur viel macht - schwieriger zu verstehen. - So können wir sehen, dass sich die Form jetzt diesen Herzen, - Pfad oder Herz, -Earl unterwerfen - Pfad oder Herz, - wird. - Und es wird zum Herzen-Controller gehen und Action erstellen. - Also aktualisieren wir es und oh, - ich denke, wir brauchen einen Submit-Button. - Also werden wir sagen, f dot submit, - und es wird ein Herz darin haben. - Aber wir brauchen auch noch eine Sache, die wir entlang der i d der Post übergeben müssen. Aber in diesem Fall wird es nicht etwas sein, das der Benutzer eintippen wird, dass er vorbestimmt ist, oder? - Weil diese Teilansicht für einen bestimmten Beitrag gerendert wird, auf den wir Zugriff haben. - Also, was wir tun werden, ist, dass wir ein verstecktes Feld benutzen. - Also, wenn Sie zu Schienen gehen, - verstecktes Feld Mm, - dieser. - Es erstellt im Grunde eine Eingabe, - aber der Typ wird als versteckt bezeichnet, - also wird es dem Benutzer nicht angezeigt, - und wir müssen den Wert richtig einstellen. Also in unserem Fall werden wir einen versteckten Eingang für den Post I D haben und sein Wert wird sein, dass die Beiträge i d ... - Also in diesem Fall - wird es einer sein. - Die Art und Weise, wie wir das tun, ist, sagen wir f Punkt Hit Infield, - die Post-Idee, - und dann der Wert aktualisieren. - Wir können nun den HTML-Code betrachten, der hier generiert wurde. - Also, - äh, - Sie gehen Fuß rechts, - klicken Sie darauf und gehen Sie zu inspizieren Element, - und Sie können sehen, dass für rechts gebildet werden. - Dieser Kerl, - er hat dieses Form-Tag erstellt, - und es unterwirft sich, Herzen zu schrägen, - was großartig ist, - denn das ist unsere Route hier drüben, - richtig? - Es ist Schrägstrich Herzen und die Methode ist post, - was großartig ist, weil diese Methode post ist, - und dann hat es Sie können dies ignorieren. - Das ist nur ein paar Sachen, die Werbung für die Sicherheit schienen. - Aber Sie können sehen, dass es diesen Eingang hat, - um den Herzposten i d genannt. - Und der Wert ist eins. - Richtig? - Also, wenn wir zu einem anderen Posten gehen , - äh , - sagen wir diesen, - dann ist der Wert anders, - oder? - Es ist 18, weil hier Post 18 ist. - Das ist also ziemlich cool. - Also haben wir das. - Und jetzt, was wir wollen dio Ich werde zum Original gehen, weil wir schon da waren, ist Wir - wollen Teoh. - Wir wollen diesen Button anklicken, oder? - Und wir wollen, dass das ein Herz schafft. - Also geh weiter und klicke darauf. - Und nicht überraschend, dass wir einen Fehler bekommen. - Äh, - wenn das Formular einreicht, - allem, - passt es zu dieser Route, - aber dann versucht es, zum Herzen-Controller und zur Create-Aktion zu gehen. - Aber dieser Fehler sagt, dass es so etwas wie einen Herzcontroller nicht gibt. Also müssen wir eins erschaffen, und wir werden eins erschaffen, genau wie wir das Modell von Hand erschaffen haben. - Also gehen Sie in die App und dann Controller und wir haben unsere Post Controller. - Wir haben den Seiten-Controller, - ähm, - richtig. - Klicken Sie auf den Ordner und sagen Sie neue Datei und drücken Sie Speichern, - und wir nennen es den Herzen Controller Punkt RB richtig? - Es ist eine Ruby-Akte. - Wir machen das und schauen uns einfach an, was es wirklich braucht . - Also können wir diese erste Zeile kopieren, - und statt Post Controller, - werden wir sagen, Herz Controller und Klick-Ende, - und es braucht eine Create-Aktion, - richtig, - denn das ist, wo diese Route wird. - Also sagen wir taub erstellen s Also was macht diese Aktion? - Was sollen wir tun? - Ich werde nur ein paar davon schließen. - Also ist es ein bisschen einfacher. - Okay, also haben wir diese beiden Controller, oder? - Wenn wir auf unseren Postcontroller schauen, - die schaffende Handlung, - was es tut, - ist es? - Zunächst einmal, - es stellt einen neuen Beitrag, indem er sagt, - poste das neue mit dem Paramus, den es in unserem Fall bekommt, - der Paramus. - Sie werden, äh, es wird der Posten sein, den ich D. äh, es wird der Posten sein, den ich D. - Das wird es sein. - Dann versucht es zu retten. - Und wenn es spart, - geht es an die Post. - Sonst, - es geht woanders. - Also lasst uns das wirklich reinkopieren. Aber wir werden sagen, Herz gleich Herzpunkt kannte Herzprogramme, und wir haben nicht dieses Ding Herz Harams Wir müssen es wirklich definieren. - Also werden wir es von hier kopieren, aber wir machen es auch privat. Und was diese private bedeutet, ist, dass diese Methode nur aus dieser Datei aufgerufen werden kann , aber das ist nicht so wichtig. Also werden wir das in Herzprogramme ändern, und wir werden sagen, Harams Punkt braucht Herz, Herz und das Feld, das es erlaubt, ist die Post-Idee cool. - So stellt es ein neues Herz mit den Herzgrammen. Und dann, wenn das Herz rettet, werden wir sagen, gehen Sie zu diesem Ersatzteilposten. - Richtig? Also können wir sagen, Herzpunktpost, weil wir das früher in unserem Modell in unserem Herzen eingerichtet haben, sagen wir gehört zu Post, und das ermöglicht uns, das zu tun, und wir werden sagen, haben, sagen wir gehört zu Post, und das ermöglicht uns, das zu tun, und wir werden sagen, - Erfolg wird sagen, herzhaft, dass Posten ansonsten ... - äh, - werden wir das nicht tun. - Wir gehen nicht auf das neue Formular, weil wir keins haben. - Also wollen wir eigentlich nur sagen, Umleitung auf , die Route, die Sie sind? - L und geben Sie einen Hinweis, dass ein Problem beim Erstellen dieses Teils hatte. - Cool. - Probieren wir es aus. - Wir aktualisieren hier, - und dann klicken wir auf die Schaltfläche und das Herz dieses Beitrags und lassen Sie es uns noch einmal versuchen. - Wir haben drei. - Probieren Sie es aus, und wir haben vier. - Ehrfürchtig. - Also schätze ich, das letzte, was wir tun müssen, ist, das etwas schöner aussehen zu lassen. - Und wir benutzen Bootstrap. - Also benutzen wir einen Bootstrap-Button. Ich schätze, wir können diese Gefahr nutzen, denn es ist rot Eso, wenn wir zurück zu der Ansicht gehen, dass wir Teoh Unterstrich Coast gehen. - Wir können sagen, Klasse ist gleich Taste, - richtig? - Und dann Knopfgefahr, die genau hier ist. - Also, wenn wir uns erfrischen, - sieht es ziemlich genial aus. - Aber ich denke, wir können es besser machen. - Diese Art, ein Herz zu machen, gibt es eigentlich einen besonderen Charakter für Herzen. - Also werde ich unser Herz HTML-Charakter googeln und wir können sehen, dass wir dieses Herz-Symbol haben . - Also werde ich es direkt aus den Google-Ergebnissen kopieren, und ich werde das loswerden, und ich werde es schaffen. - Also, da gehst du. Jetzt können wir jeden einzelnen Posten herzen, den wir wollen, und das ist ziemlich süß. - Da gehen wir. - Wir können Herzposten waren, - weißt du, - so ziemlich unsere eigene Version von Tumblr, - und ich bin ziemlich glücklich damit. - Also lass uns unser endgültiges Commit erstellen und wir werden alles überprüfen, oder? - So kennt das Postmodell jetzt seine vielen Herzen in der Form hier. - Wir haben all diese Fehler beseitigt, weil wir es sowieso nicht wirklich benutzt haben. - Ähm, - in der Post-Ansicht haben wir einen Abschnitt für die Herzen hinzugefügt, der eine Form hat, die wir unserem Herzcontroller einreichen und auch unten die Herzzahl zeigen. - Wir haben einen neuen Weg hinzugefügt, - aber in dieser Zeit haben wir Ressource verwendet ist auf Lee für die schaffende Handlung. - Also haben wir nur ein Jahr mündlich statt viele von ihnen geschaffen. - Ähm, - unser Datenbankschema hat sich geändert, weil wir eine weitere Tabelle hinzugefügt haben. - So haben wir diese, - wissen Sie, - diese neue Tabelle und ein neues Schema der Jungfrau mit dem Zeitstempel dieser Migration. - Und wir haben andere neue Akten, richtig? - Wir haben die Herzen Controller, - die ein neues Herz basierend auf den Parametern, die es bekommt und das Herzmodell, - was sicherstellt, dass wir einen Beitrag I d haben und auch eine gehört zur Assoziation aufstellt. - Das lässt uns Herzpunktpost machen, was wir hier im Controller tun. - Richtig? - Wir sagen, umleiten Zehen-Herz-Punkt-Beiträge eso Das ist alles. - Wir können ein Commit sagen hinzugefügt Teile erstellen und begehen genial. In der nächsten Lektion stellen wir unsere App online mit einem Dienst namens Hiroko. - Dann sehen wir uns. 12. Stelle deine App online aus: Okay, willkommen zurück. In dieser Lektion stellen wir unsere App mit einem Dienst namens Roku online. Jetzt ist Roku eine sehr einfach zu bedienende Web-Hosting-Plattform, die sich nahtlos in Rails und mit Git integriert. Es ist also perfekt für uns. Also gehen Sie weiter und melden Sie sich für ein Konto an. Sobald Sie das getan haben, gehen Sie weiter und holen Sie sich den Hiroko Werkzeuggürtel. Es handelt sich um eine Reihe von Tools, die die Interaktion mit Roku drei oder der Befehlszeile erleichtern, damit Sie Ihre App online schalten oder mit nur einem Befehl bereitstellen können. Also lassen Sie uns es herunterladen und starten Sie das Installationsprogramm se fortsetzen. Fahren Sie mit der Installation für alle Benutzer fort. Installieren Sie Ihr Kennwort. Hey, wir gehen. Es wird installiert. Alles erledigt. Großartig. Schließen Sie das. Und öffnen wir jetzt unser Terminal. Sie möchten also in Ihr Projektverzeichnis gehen? So samtig bröckeln er und nur sicherstellen, dass Sie an der richtigen Stelle sind. Und jetzt wollen wir uns im Schlepptau einloggen, Roku durch unser Terminal. Also sagen Sie, Roku, loggen Sie sich ein. Und jetzt geben Sie Ihre Anmeldeinformationen ein, was hier sagen wird, dass es einen Schlüssel generieren will, sagen Sie ja oder warum? Und stellen Sie sicher, dass Sie hier keine Fehler bekommen. Sobald Sie das getan haben, können Sie eine App auf Roku erstellen, indem Sie einfach sagen, Roku erstellen, wenn Sie so etwas sehen sollten , erstellt es eine App mit einem zufälligen Namen. Eso, wir haben Salty Mountain 8499 und es zeigt uns ein dein l hier und dann dieses Ding, welches die Adresse ist. Das wird der Earl unserer App sein. Aber wenn du jetzt zu ihm gehst, wird es sagen, dass es eine neue App ist. Aber es ist nicht unsere App. Also das nächste, was wir tun müssen, ist, dass wir unsere App auf sie bereitstellen oder schieben müssen, Roku , aber bevor wir das tun , müssen wir ein wenig einrichten auf unserer und so öffnen so langweiligen Text und öffnen Sie diese Datei namens JEM File. Dies ist also die Datei, die alle Bibliotheken auflistet, die wir verwenden, alle Ruby-Bibliotheken . Also, die erste Bibliothek, die wir benutzen seine Schienen und dann ein paar andere Sachen hier, um, diese 1. 1 hier SQL Licht drei. , Das ist die Bibliothek,die wir benutzt haben, um mit unserer Datenbank auf unserem Computer zu interagieren, und sie heißt Sequel Light drei. Und das ist die Art von Datenbank, die wir verwenden, können Sie tatsächlich sehen. Es ist eine sehr leichte Möglichkeit, Dinge in einer Datenbank zu speichern. Sie können sehen, dass es tatsächlich Dinge in einer tatsächlichen Datei speichert. Dies ist die, die wir Entwicklung verwenden, nicht sequelae drei. Aber wie auch immer, immer, Hiroko verwendet eine andere Art von Datenbank. Dann tun wir es. Es verwendet eine Datenbank namens Post GRESS. Aber was an Rails schön ist, ist, dass Sie Datenbanken ausschalten können, ohne Ihren Code wirklich ändern zu müssen . Alles, was Sie tun müssen, ist, Ihre App zu sagen. Teoh, benutze diese Bibliothek. Wenn wir also auf unserem Computer entwickelt haben und dann zu lokalen Host 3000 gehen, ist das ein allgemein bekannt als Entwicklungsmodus oder Ihre Entwicklungsumgebung. Wir werden also sagen, dass wir Sequel light 3 weiter benutzen, während wir in unserer Entwicklungsumgebung sind , und die Art, das zu tun, ist zu sagen, Gruppenentwicklung zu tun, und dann in Zahnärzten und dann am Ende, und dann ihre Roku, die unsere App im Internet ist, ist eine Umgebung namens Produktion, also werden wir es sagen, dass bei der Produktion, verwenden Sie post GRESS statt. Und die Art, das zu tun, ist Jem P D. P. G. Ist das Rubin-Juwel oder die Rubin-Bibliothek für die Interaktion mit Postdress. Das ist wirklich alles, was wir brauchen, um dio. Aber eine letzte Sache. Wir müssen in unser Terminal gehen und tatsächlich diese Bibliothek installieren, weil alles, was wir hier getan haben irgendwie war Dies ist die Datei, die sagt, was wir installieren sollten, aber sie hat sie nicht wirklich installiert. Es ist ähnlich wie die Art und Weise, wie wir unsere Migrationen ausführen müssen, nachdem wir sie erstellt haben. Also geh in dein Terminal und sag einfach Bundle installieren, und das ist es wirklich. Wir müssen alles, was wir jetzt tun müssen, ist ein Commit daraus zu machen und dann all unseren Code zu schieben, einschließlich dieses. Begeben Sie sich auf Hiroko. Also gehen Sie in get Hub und Sie sollten sehen, dass wir Dateien hier haben. Das hat sich geändert. Die 1. 1 ist diejenige, die wir geändert haben, oder? Wir haben hinzugefügt, äh, wir entfernen diese Zeile und wir haben diese Zeilen hinzugefügt und dieser zweite Sprung hat die Sperrdatei abgelegt. Es ist ah, es ist keine Datei, die Sie direkt geändert haben, aber wenn Sie Bundle ausführen, installieren Sie es. Eigentlich macht es hier einige Änderungen. Grundsätzlich können Sie sehen, dass es PG an zwei Stellen hinzugefügt hat, und wenn Sie die Datei öffnen, können Sie irgendwie folgen. Was ist los? Aber wenn du es nicht tust,ist es keine große Sache. Aber wenn du es nicht tust, Es sagt im Grunde, welche Bibliotheken Sie verwenden und dann alles, was eingerückt ist , bedeutet , dass diese Bibliothek von diesen anderen Bibliotheken abhängig ist. Also diese Aktion Mailer-Bibliothek, was auch immer es ist, verwendet diese beiden anderen Bibliotheken. Also, wenn Sie Action Mailer installieren, muss es dann gehen und installieren Sie diese. Aber das ist nicht so wichtig. Wir können ein Commit erstellen und schwächen, sagen, fügen Sie hinzugefügt Post GRESS uh vier. Harajuku und Hit begehen genial. Also, was jetzt bleibt, ist nur Teoh, um unseren Code nach Harajuku zu schieben, und die Art, wie Sie das tun, ist ein get, uh, Befehl zu verwenden uh, . Und im Moment gibt es keine. Es gibt keine Möglichkeit, es über die Get-Hub-App zu tun, also machen wir es einfach über unser Terminal. Aber es ist ein wirklich einfacher Befehl. Du sagst nur „get push“, was bedeutet, dass es unseren Code auf Hiroko-Server schiebt. Roku und dann Master und drücken Sie Enter. Und was Master bedeutet, ist, dass es den Zweig bedeutet, den Sie den Git-Zweig verwenden, den Sie verwenden. Und es sei denn, Sie verwenden andere Zweige, der einzige Zweig oder unsere get ist Roku. Es gibt eine Menge fortgeschrittenes Zeug, das du mit git machen kannst, aber wir werden nichts davon in diesem Kurs machen. Du solltest also sehen, dass Roku unseren Push Red erhält. Es wird erkannt oder läuft an, ähm, und wir werden irgendwie ein paar Minuten warten müssen, besonders für diese erste Installation. Also hängen Sie einfach cool an. Und es sieht so aus, als wäre es fertig. Scrollen Sie einfach nach oben und stellen Sie sicher, dass Sie keine langen Fehler sehen. Sie sollten wirklich nur diese Ausgabe sehen. Und jetzt ist unsere App online, und wir können tatsächlich zu ihr gehen, so dass Sie diese URL kopieren können, oder Sie können auch einfach sagen, Roku offen. Und das wird Apple tatsächlich öffnen Sie es in Ihrem Web-Browser. Und es sieht so aus, als hätten wir einen Fehler bekommen, und es ist nicht leicht, verstanden? Nur aus dieser Nachricht, warum wir den Fehler bekommen haben. Aber ich weiß, warum. Weil, wenn du deinen Mantel nach Harajuku schiebst. Es führt Ihre Migrationen nicht für Sie aus. Du musst gehen und ihm sagen, dass er sie leiten soll. Wenn Sie sich erinnern, haben wir diese drei Migrationen. Also müssen wir jetzt grundsätzlich unsere Datenbank auf Roku aufbauen. Und der Weg, das zu tun, ist zu sagen, Roku laufen und dann den Befehl, den wir lokal tun, richtig? Also rake db migrieren. Wenn wir also eine Migration lokal durchführen würden, würden wir einfach Rick sagen, Debbie Migrate. Aber wenn wir sagen, Harajuku Laufrate db migrieren, geht es und tut es auf Roku. Cool. Und Sie können jetzt sehen, dass es die drei Befehle auf ihre Agu ausgeführt hat. Sagen wir, wir haben diesen Befehl erneut ausgeführt. Es wird keine dieser Migrationen ausführen, weil sie bereits gelaufen sind. Ehrfürchtig. Also jetzt, wenn wir unsere App dort aktualisieren, haben wir es. Aber wie Sie sehen können, sieht etwas falsch aus. Es gibt nirgends Beiträge, oder? Sieht so aus, als würden wir von vorne anfangen. Und das liegt daran, dass wir, wenn Sie in einer neuen Umgebung wie wir bereitstellen, richtig, der Roku-Produktionsumgebung eingesetzt haben. Es hat die Datenbank nichts zu starten. Was wir als nächstes tun werden, ist, dass wir Code schreiben, der unsere App mit einigen Daten füllen wird . Dies wird auch als Abgabe Ihrer Datenbank bekannt. Wenn Sie also in erhabenen Text gehen und in den DB-Ordner gehen, haben Sie diese Seed-Datei. Nun, was diese Datei ist, , ist es im Grunde eine Datei, in der Sie Ihre Standarddaten ablegen können und dann können Sie diesen Befehl Rake db Seed ausführen . Und es wird all diese Daten in Ihre Datenbank legen. Und das ist eine RB-Datei. Also setzen wir nur normalen Ruby ein. Richtig? Also ging ich und bereinigte unsere Inhalte lokal, also haben wir jetzt vier Beiträge. Wir haben dieses Blondie-Rezept. Wir haben dieses Bild von Schokoladenchip Goodness, wir haben offen, äh, die meine Lieblingsbäckerei in ah, in New York City ist . Und schließlich haben wir dieses Käsekuchenrezept, also werden wir all das in unsere Datenbank kopieren. Beginnen wir also mit dem Käsekuchenrezept. Was wir hier sagen werden, ist, dass wir Gastgeber eins gleich Coast Dot wusste, und wir sagen, Post ein Doc-Titel ist gleich Zehe epischen Käsekuchen. Richtig. Posten Sie eins. Entschuldigung, Post ein Punkt Art ist ein Bild. Und dann Küste ein Punkt Inhalt ist gleich diesem Inhalt. Geh. Wir werden es retten. Und jetzt werden wir ein paar Teile dafür erstellen. So können Sie eigentlich nur sagen, Post ein Punkt Herz gestoppt, erstellen. Und wenn wir es zweimal tun wollen, können wir es entweder kopieren einfügen oder wir können so etwas sagen, wie zwei Punktmal dio dies tun. Also, das wird es zweimal durchlaufen, und jedes Mal, wenn es das Herz schafft. Also haben wir unseren Käsekuchen am coolsten und ich beschrifte ihn Käsekuchen als nächstes, wo du nach Heavenly gehen kannst. So werden wir nur zeigen, dass es viele verschiedene Möglichkeiten gibt, Objekte zu erstellen. Und Ruby, ich werde das ein bisschen anders machen. Also werden wir offen sagen, und dieses Mal werde ich sagen, Post zwei gleich Post-Dot wusste, aber ich werde ihm schon den Titel geben. Also werde ich sagen, Titel liebevoll und ich werde ihm auch die Art geben, die Text ist. Und dann setze ich den Inhalt hier ein, nur weil er ein bisschen länger ist und ich schlage, speichere, und dann, na ja, ich mag diese Bäckerei wirklich. Das ist meine Lieblingsbäckerei in Brooklyn. Also, wenn sie fünf Mal sagen, aber statt zu tun, können wir tatsächlich sagen, dass dieser Beitrag zu Entenherzen nicht kreieren und es wird genau das gleiche tun. Ehrfürchtig. Gehen wir in Schokoladen-Chip Goodness, ich zeige dir 1/3 Weg. In diesen beiden haben wir also die neue Methode benutzt . Und dann drücken wir „Speichern“. Aber wir können es tatsächlich nur auf einmal mit erstellen erstellen erstellen, richtig, richtig, So können wir sagen, Post Doc erstellen und dann können wir sagen Titel seinen Kampf Chip. Güte, wir können auch so eingerückt Manchmal ist es ein wenig einfacher zu lesen, wenn wir lange haben. Wenn wir langen Text so freundlich Bild und dann Inhalt haben, müssen wir noch ein paar Herzen hinzufügen, so können wir sagen Post drei Sorry, wir können acht Punkt mal Khowst drei sagen, dass harte Sachen Cool erstellen. Letzter ist unser Blondie-Rezept. Also gehen wir zurück hier ist es, aber dieser wird ein wenig schwieriger sein, weil es viel und viel Text hat, einschließlich dieser neuen Zeilen in diesen doppelten Anführungszeichen, die die doppelten Anführungszeichen die Art und Weise stören, wie Sie Create hinzufügen eine Zeichenfolge und Ruby richtig, weil es auch doppelte Anführungszeichen sind. Wir könnten versuchen, einfache Anführungszeichen zu verwenden, aber ich denke, Yeah, es hat einfache Anführungszeichen hier ist gut, so dass es 1/3 Möglichkeit gibt, Strings und Ruby zu erstellen und das benutzt etwas, das hier genannt wird, Doc, und ich werde es erklären. Aber zuerst, lassen Sie uns es richtig einrichten So sagen wir Post vier ist gleich Post Dot wusste und wir werden sagen, Titel ist diese Art ist Text und jetzt posten vier Punkt-Inhalt, um ihm eine wirklich lange Zeichenfolge zu geben. Was Sie tun, ist, dass Sie ihm diese zwei weniger als Zeichen Thies Art Pfeile geben. Und dann, ähm, nennst du es einfach. Benennen Sie diese Zeichenfolge. Also sagen wir Inhalt in Großbuchstaben, es spielt keine Rolle, wie der Name ist. Und dann unten sagen wir auch Inhalt, und dazwischen wird es unser ganzer Text sein, richtig? Und Sie können sehen, dass erhabene Text weiß, dass es eine Zeichenfolge ist immer noch, weil es ah ist, es ist immer noch gelb rechts in all diesen Saiten oder gelb. Also, jetzt können wir in all dies nehmen, kopieren Sie es und fügen Sie es ein, und wir müssen immer noch diesen Beitrag für die richtige Ursache speichern wir die neue Methode verwenden. So gehen wir nach unten, sagen wir, Post für nicht speichern, und dann können wir einige Herzen hinzufügen. Also fügen wir sechs Herzen hinzu. Diese vier Punkt-Herzen stecken, schaffen es gerettet. Und lassen Sie uns ein Commit erstellen. Also werden wir sagen. Hinzugefügt Seed-Datei und wir sagen Commit. Und jetzt müssen wir unsere Sachen wieder auf Roku schieben. Richtig. Was wir also tun müssen, ist den gleichen Befehl zu verwenden, den wir früher benutzt haben, oder? Werde sie gestoßen. Roku. Meister, Jedes Mal, wenn Sie ein Commit lokal erstellen, müssen Sie es dann nach Roku schieben. Cool. Hiroki hat unser Commit erhalten. Wenn wir die Seite aktualisieren, haben sie immer noch nicht unsere Daten. Was wir also tun müssen, ist, dass wir diesen Rake db Seed Command auf Roku ausführen müssen. Es ist also ein Hiroko-Lauf. Und dann befiehlt der Name ein Rechen Devi Samen. Cool. Ich habe es gelaufen. Und wenn wir die Seite aktualisieren, dann haben wir all unsere Sachen. Ziemlich cool. Ehrfürchtig. Das ist also alles für diese Lektion.