Witam ponownie.
Więc teraz mamy zamiar odebrać z resztą naszych spokojny trasach.
Zrobiliśmy indeks i zrobiliśmy sobie przerwę, aby dodać do Mantic Ci tj nagłówka i stopki Parshall jest.
Teraz mamy zamiar zrobić nowe i tworzyć tak, że do końca tego filmu, po kliknięciu na nowym stanowisku powinien widzę formularz, a następnie mogę iść do tej formie wypełnić go, a następnie uderzył kliknij.
To zajmie mi powrót do strony indeksu i powinny widzę innego posta.
Więc zacznijmy.
Pierwszą rzeczą, jaką musimy zrobić, to stworzyć nową trasę, która pokazuje jak zapamiętania nowych postaci.
Jest to żądanie GET ukośnik psy lub ukośnik ukośnik blogi nowe i to tylko pokazuje formę.
Warto więc nie zacząć.
Zrobimy to po naszym indeksie, a dodajmy, że tutaj.
Główna napisał.
Teraz zróbmy nową trasę i dodam w tworzenie jak również.
Więc dla naszej nowej trasie i po otrzymuję blogi slash slash nowe i nowa jest to naprawdę proste.
To najkrótsza bo naprawdę wszystko, co musimy zrobić, to uczynić taką samą formę za każdym razem.
Nie musimy szukać czegokolwiek w bazie danych.
Nie trzeba wysyłać żadnych danych do formularza.
Wszystko, co musimy zrobić, to czyni nowe.
A potem musimy sprawić, aby ten plik oczywiście.
Więc dotknij poglądy slash nowe Ejay Tak C-9 odsłon slash nowe.
OK, zacznijmy proste.
A wszystko z nas używa tutaj trochę semantycznej UI.
Więc zrobimy div, a urządzenie to będzie proste, po prostu ma tekstu głównego segmentu kontenera klasy UI.
Więc jest dużo rzeczy tam.
będę rozbicie go na chwilę.
I wtedy zamiast tego dodajmy w nagłówku do zrobienia, że ​​możemy zrobić UI ogromny nagłówek i niech po prostu nazywają ten nowy dziennik.
A jeśli widzimy to będziemy wiedzieli, że nam się udało.
Więc uruchomić aplikację w górę.
No i rzeczywiście musimy to nasze partials też.
W przeciwnym wypadku zobaczymy diff ale my nie możemy nie będzie widać żadnych stylów semantycznych.
Więc musimy nasz Ejay s to kropka slash nagłówka slash samej linii Parshall pod adresem kreską dole Parshall za oszczędzać.
Odśwież stronę i przejść do bloga slash nowe.
I mamy dwa problemy.
Pierwszym z nich jest kwestia odstępy.
Możemy ustalić, że dość łatwo, ale jesteśmy coraz odpowiedni szablon.
Ale zauważyłem coś trochę dziwne, która jest, że nasza ikona wróciła do bycia małym na stronie głównej.
To duża na tej stronie jest mały.
I spędziłem trochę czasu, patrząc na to, jak rodzaj błędu chwastów.
Rozgryzłem to.
To naprawdę jedna z tych frustrujących te, które, które pojawiają się co jakiś czas, w którym nie jest strasznie oczywiste na początku, ale będę cię przez chwilę, co zauważyłem.
Widać, że mówi w konsoli.
Nie udało się załadować stylów opt out C S S ale szukałem jej w sashed blogi slash slash arkusze stylów aplikację C S i że nie tam, gdzie powinien szukać.
I tak spojrzał na link, który założyliśmy w pliku nagłówka i zauważyłem zapomniałem jedną małą rzeczą ukośnikiem.
Więc jeśli są świeże Teraz zobaczysz, że go znajdzie.
I nie mamy tu błąd.
A jeśli spojrzał w zakładce źródła Można zobaczyć, że to nie wygląda wewnątrz blogów, które to co to jest za wcześniej teraz wygląda poza arkuszy stylów.
A teraz możemy skończyć z tym większą ikoną kod w nie.
Dalej niech rozwiązać problem obecnie zachodzą na resztę naszego forum i mocowania jest to na szczęście bardzo łatwe teraz, że mamy, że arkusz stylów skonfigurować.
Wszystko, co musimy zrobić, to dodać trochę marginesu na szczyt tego elementu, który jest elementem kontenera.
Wszystko co robimy będzie wewnątrz tego kontenera.
Będziemy więc zaznaczyć, że w naszym arkuszu stylów po ocenić, a my po prostu zrobić pojemnik, a następnie wszystko, co chcesz zrobić, to margines w góry, a nie siedzi w liczbie pikseli.
Mam zamiar używać e-M, jak również tak, że widać go częściej.
Tak naprawdę nie widziałem go dużo i po prostu zobaczyć, mamy inny problem, który jest, że pojemnik sprawdzimy również wewnątrz pasku nawigacyjnym.
Pamiętaj, mamy tam pojemnik.
Więc my tylko chcemy kierować rzeczy, które są pojemniki, które również są głównym lub pojemniki, które są również segmentu lub coś innego niż tylko ogólnych pojemników.
Więc to już inna łatwo naprawić.
Będziemy wracać i po prostu zrób mi.
Więc to coś znaczy.
Miałem obie te klasy teraz odświeżyć i wygląda o wiele lepiej.
Więc nie zadzieraj z nim.
Marginesy tego kontenera tutaj wewnątrz NAV. menu po prostu grać z tego tu i teraz do stylizacji.
Teraz przejdźmy forma do pracy.
Więc zamiast naszego nowego tatusia tak chcemy tworzyć i nasza forma jest trochę jak ta, gdzie to idzie ciąć kłody które jeśli zapomniałeś patrzymy na naszych spokojny tras i widać stworzenie jest lampa psy tak samo jak indeks w postaci stanowisko.
Dlatego ta forma musi iść ciąć kłody, gdzie metoda jest po, a następnie wewnątrz formularza chcesz kilka wejść pierwsza będzie tylko typ równa tekst ot tak i wpisując ścisłej tekst i nadać mu nazwę równą blog tytuł a następnie zastępczy to równa tytule.
A potem będziemy powielać ten wyjątek, a nie tytuł zrobi to za obraz.
I to powinien być przegląd z siedzącej na żądania POST z kilku filmów, które wykraczają a potem zrobimy to samo dla treści, które nazwaliśmy ciało i po prostu umieścić go zalogować postu idzie tu jako zastępczy.
Dobrze więc, że mamy zrobić, a następnie musimy znaleźć sposób, aby przedstawić to tak będzie to robić typ wejścia równa się złożyć tak po prostu, a następnie zapisać i zobaczyć, co mamy.
Oto nasz formularz nie naprawdę stylem.
Dojdziemy do tego szybko.
Ale to powinno działać dobrze, jeśli poddamy powinniśmy się błąd, który mówi, nie może rozpoczynać ciąć blogów.
To dlatego, że nasz stworzyć trasa nie istnieje.
Więc zróbmy to teraz slash psy jako post.
Zamiast więc faktycznie tak pod Tworzenie komentarza trasie zrobimy aplikacja publikować blogi ukośnik lub Colback.
Idealny i tu rzeczywiście trzeba utworzyć ten nowy blog.
Mamy więc dwa etapy tworzenia bloga następnie uruchomić przekierowanie i będziemy przekierowywać do indeksu teraz.
Tak więc, aby stworzyć bloga, musimy blog tworzenia i pierwszą rzeczą jest dane.
Tak, że nie będzie działać jeszcze.
A druga sprawa to oddzwonienie.
Więc nasz oddzwaniania możemy zacząć mamy błąd.
A potem, jeśli to działa będziemy mieli nowy blog i dane, które mamy przechodzącego przez pamiętam z filmu na żądania POST to wszystko wewnątrz wniosek dot kropką ciała i co nazwaliśmy nasz formularz w naszym formularzu.
Wszystko jest wewnątrz bloga i grupy i razem.
Jeśli więc po prostu zwrócić się zrzutu body bloga automatycznie ma tytuł obrazu i ciało.
Dajemy zażądać ciosem ciała sierpnia pierwszy argument potrzebny, że dane tworzy nowy blog, kiedy to zrobić.
Przyczyna tego zwrotnego.
I robimy standardowego, jeżeli błąd.
Zróbmy Załóżmy, zamiast liczyć na temat rejestrowania niech czynią nowy formularz ponownie indziej zrobimy przekierowanie rez ciąć kłody i powinniśmy zobaczyć nowy blog pojawi się tam.
Jeśli to działało przejdźmy ten komentarz i zobaczmy, co się stanie, jeśli damy mu szansę.
Więc będziemy oszczędzać.
Musimy ponownie uruchomić serwer i przejść całą drogę z powrotem do korzeni zrobić kopię tego obrazu URL tak mamy obraz lub tytuł blogu do.
Oto nasz wizerunek w naszym blogu.
Zatwierdź i działa idealnie.
I widać mamy tytuł obrazu bardzo krótki wpis na blogu ciało w naszej daty utworzenia jest również wyświetlać.
Wspaniale.
Tak więc, aby podsumować to wszystko do tras nowych i tworzenie nowych jest ukośnik, co nazwa modelu jest.
Psy w naszym przypadku są rzeczywiście blogi slash i masz żądań.
To pokazuje formę tworzenia się psy flash, podobnie jak indeks był wyjątkiem, że to żądania POST.
I w tym miejscu nowa forma wysyła dane.
Aby dodać do bazy danych stworzyć nowego psa, a następnie przekierowuje z powrotem.
To nie musi być indeks większość czasu to faktycznie pokazać stronę, która będzie można zobaczyć w następnym filmie.
Niech szybko projektować naszą aplikację.
Zróbmy formularza.
Więc używać semantycznej pierwszą rzeczą my zrobić, to dać nasz formularz klasę równą formę interfejsu użytkownika, a następnie wewnątrz tej postaci każdy z tych wejść będą w div i div będzie mieć klasę równe pola.
A następnie zastanowić się, jak etykiety, w którym jeszcze nie ma.
I pierwsza etykieta będzie tytuł i potem będziemy się nasz tytuł i umieścić go tam.
Idealny.
A potem zrobimy to jeszcze kilka razy.
Musimy jeden z nich dla obrazu zmienić etykietę powiedzieć obrazu, a następnie jedna zmiana chcę zrobić jest to, że zamiast tworzyć nasz blog wejście tak chcę, aby jej pole tekstowe, w którym użytkownik może wpisać trochę więcej tekstu jak rzeczywiste blogu.
Oraz ustalenie, że zamiast podejmowania tego wejście mamy zamiar mieć div Chrisfield jeszcze w etykiecie, a my po prostu nazwać blogu treści, ale zamiast tego wejścia mamy zamiar dodać tag polu tekstowym, które widzieliśmy wcześnie, ale tak naprawdę nie używany dużo.
I to jest trochę inaczej niż wejść wciąż nadać mu nazwę.
Więc ciało nadal blog, a potem zapisać, ale nie dajemy mu rodzaj tekstu, ponieważ nie jest to wejście to własny oznaczony znacznikiem, który ma otwór i znacznik zamykający i zachowuje się trochę inaczej, jak również.
Gdy mamy je dodać.
Więc widzimy, że za chwilę, aby pozbyć się tego i wtedy będziemy projektować nasz przycisk.
Przyjrzymy się temu, co mamy teraz.
Wygląda to dość dobre, z wyjątkiem przycisku może być stylizowany trochę ładniejszy.
I jeśli podciągnąć semantycznej UI i przejdź przycisku istnieje sposób więcej przycisków w semantyczne niż w startowej.
Tak różne typy, ale także wiele kolorów podstawowe przyciski i następnie odwrócone przyciski oraz.
Więc wybrać jeden z nich, który chcesz i kiedy iść z ulubionych zróbmy fioletowe fioletowy i jeśli spojrzeć na kodzie źródłowym wszystko, co potrzebne jest klasa równa Ciebie.
Kolor przycisku podstawowe.
I choć to zrobić będę wyjaśniać, dlaczego to się nazywa semantyczne UI.
A głównym powodem jest to, że w przeciwieństwie do bootstrap gdzie mamy tego rodzaju dziwne żargon ETN ETN rozdzielczej LGBT i domyślnie rozdzielczej np które niechętnie Bootstrap naprawdę nie przewracając go ale powodem, że sematic został utworzony był w odpowiedzi na tego rodzaju znaczników gdzie zamiast możemy mieć UI naruszają przycisk podstawową lub mogę zrobić UI Violet odwrócony przycisk.
Zatem podstawowym teraz jest w porządku.
I to jest wszystko, co potrzeba.
Bardzo prosta.
Nie dlatego, że jest to mniej znaków.
Tu nie chodzi o bycie krótszy.
Chodzi o bycie znaczącym gdzie można łatwo patrzeć na to i zrozumieć, co to znaczy.
Jeśli więc teraz wrócić i odświeżyć.
Mam ten przycisk i jeśli chcemy, aby było duże to naprawdę proste.
Wszystko, co musisz zrobić, to wpisać duże.
Więc nie muszę robić BT i pędzić Elgie prostu wielki odświeżenia i uzyskać większy przycisk i to wszystko.
Warto więc przetestować go ponownie.
Znaczy używam samo pogrubienie argumentować dobrze niech po prostu nazwać to mój nowy pies.
Więcej blog Contac złożyć i działa dobrze.
Wspaniały.
Dobrze więc objęły indeks omówiliśmy Nowe i tworzenia i pokazałem wam odrobinę semantyczne Można uzyskać formularze i przyciski w następnym filmie.