우리는 다시 올 것이다.
이제 우리는 나머지 평온한 길을 찾아 갈 것입니다.
우리는 색인을 만들었고 여러분은 mantic 즉 머리말과 꼬리말 Parshall 's에 추가하기 위해 휴식을 취했습니다.
이제 우리는 새로운 일을하고이 비디오가 끝날 때까지 새 게시물을 클릭 할 때 양식을보아야하며 그 양식을 작성한 다음 제출하십시오.
그것은 인덱스 페이지로 나를 데려 갈 것이고 나는 또 다른 포스트를보아야한다.
시작하겠습니다.
우리가해야 할 첫 번째 일은 새로운 쇼를 하나의 형태로 기억하는 새로운 경로를 만드는 것입니다.
그것은 GET 요청 슬래시 개 또는 슬래시 블로그 새 슬래시 그냥 양식을 보여줍니다.
그럼 거기서 시작합시다.
우리는 우리의 색인 뒤에 그것을 할 것이고 그것을 여기에 추가합시다.
색인 작성.
이제 새로운 경로를 만들어 보도록하겠습니다.
그래서 우리의 새로운 경로에 대해서는 슬래시 블로그가 새롭고 슬기로운 것을 얻은 후에는 정말 간단합니다.
우리가해야 할 일은 매번 같은 양식을 렌더링하기 때문에 가장 짧은 것입니다.
우리는 데이터베이스에서 아무 것도 보지 않아도됩니다.
양식에 데이터를 보낼 필요는 없습니다.
우리가해야 할 일은 새로운 것을 렌더링하는 것뿐입니다.
그리고 그 파일을 만들 필요가 있습니다.
따라서 새로운 Ejay Yes C-9 뷰를 슬래시하면서 새로운 뷰를 터치하십시오.
좋아, 간단하게 시작하자.
그리고 우리 모두는 여기에 약간의 의미 론적 UI를 사용합니다.
그래서 우리는 div를 할 것이고이 장치는 단지 클래스 UI 메인 텍스트 컨테이너 세그먼트를 가질 것입니다.
거기에는 많은 것들이 있습니다.
나는 잠시 후에 그것을 깨뜨릴 것이다.
그리고 그 대신 헤더를 추가하여 UI 거대한 머리글을 수행하고이 새로운 로그를 호출 해 보겠습니다.
그리고 우리가 이것을 볼 수 있다면 우리는 성공했다는 것을 알게 될 것입니다.
그래서 앱을 시작하십시오.
오, 사실 우리는 부분품도 포함시켜야합니다.
그렇지 않으면 diff가 표시되지만 의미 스타일은 표시되지 않습니다.
그래서 우리는 우리의 Ejay가 Parshall의 슬래시 헤더를 같은 줄에 포함 시키도록 요구합니다.
이 페이지를 새로 고침하고 blog slash new로 이동하십시오.
그리고 우리에게는 두 가지 문제가 있습니다.
첫 번째는 간격 문제입니다.
우리는 그것을 쉽게 해결할 수 있지만 올바른 템플릿을 얻고 있습니다.
그러나 나는 우리 아이콘이 홈 페이지에서 작게 돌아 간다는 것을 조금 이상한 것으로 보았다.
이 페이지는 크고 작습니다.
그리고 나는 이것을 잠시 동안 잡초 실수의 한 종류로 보았습니다.
나는 그것을 알아.
그것은 정말로 당황 스러울 수있는 것들 중 하나입니다. 처음에는별로 뻔한 것이 아니지만 간략히 살펴 보겠습니다.
당신은 그것이 콘솔에서 말하는 것을 볼 수 있습니다.
스타일 시트를로드하지 못했습니다. C S S.하지만 C S S라는 슬래시 스타일의 시트를 슬래시 스타일의 슬래시 블로그 아래에서 찾고있었습니다.
그래서 저는 헤더 파일에서 설정 한 링크를 보았습니다. 그리고 나는 작은 것을 슬래시 하나 잊어 버린 것을 보았습니다.
그래서 신선하면 지금 발견합니다.
그리고 우리는 여기에 오류가 발생하지 않습니다.
소스 탭을 살펴보면 이전에는 스타일 시트가 아닌 블로그를 볼 수 없다는 것을 알 수 있습니다.
이제는 더 큰 코드 아이콘으로 끝납니다.
이제는 나머지 컨텐츠와 중복되는 문제를 해결하고 스타일 시트를 설정 했으므로 다행스럽게도 매우 쉽습니다.
컨테이너 요소 인이 요소의 맨 위에 약간의 여백을 추가하면됩니다.
우리가하는 모든 일은 그 용기 안에 있습니다.
그래서 우리는 스타일 시트에서 평가 후 그것을 선택하고 우리는 단지 컨테이너를 할 것이고 우리가하고자하는 것은 픽셀 수로 앉아있는 것보다 마진 상단 인 것입니다.
나는 E-M을 사용하여 더 자주 볼 수 있도록 할 것입니다.
우리는 그다지 많이 보지 못했고 우리가 검사하는 컨테이너가 탐색 표시 줄 안에 있다는 또 다른 문제가 있음을 알았습니다.
컨테이너가 있다는 것을 기억하십시오.
따라서 우리는 단지 컨테이너이거나 또한 일반 컨테이너가 아닌 세그먼트 또는 다른 컨테이너 인 컨테이너를 대상으로하고 싶습니다.
그래서 또 다른 쉬운 해결 방법입니다.
우리는 돌아가서 그냥 할께.
그래서 뭔가 의미가 있습니다.
나는이 수업을 모두 새로 고쳤으며 훨씬 더 좋아 보인다.
그래서 우리는 그것을 망쳐 놓지 않았습니다.
이 컨테이너의 여백은 여기 Nav 안에 있습니다. 우리는 방금 스타일링을 위해이 하나와 함께 지금 플레이 한 메뉴입니다.
이제 양식이 작동하도록하십시오.
따라서 우리의 새로운 아빠 대신에 우리는 형성하고 싶습니다. 우리의 양식은 이런 종류입니다. 예를 들어, 우리가 우리의 안식처를 보았을 때 잊어 버리고 생성자가 게시하다.
따라서이 양식은 메소드가 게시 된 곳의 슬래시 로그로 이동해야하며 양식 내부에서 몇 개의 입력을 원한다면 첫 번째 유형은 그냥 텍스트와 동일하게 입력하고 닫기 텍스트를 입력하고 블로그 제목과 동일한 이름을 부여합니다 제목과 동일한 자리 표시자를 선택합니다.
그런 다음 제목 대신 이미지를 위해 예외를 복제합니다.
그리고 이것은 몇 가지 비디오의 게시물 요청에 앉아 검토해야하며 우리는 몸이라고 부르는 내용에 대해 동일한 작업을 수행하고 로그 포스트를 여기에 자리 표시 자로 지정합니다.
좋습니다. 그렇게하면 입력 형식이 같아 질 것입니다. 그래서 우리가 얻는 것을 저장하고 보게 될 것입니다.
여기에 우리의 양식은 실제 스타일이 아닙니다.
우리는 곧 그렇게 할 것입니다.
그러나 우리가 제출하면 정상적으로 작동해야합니다. 블로그를 게시 할 수 없다는 오류가 발생해야합니다.
우리의 창조 경로가 존재하지 않기 때문입니다.
그러니 이제는 개를 지위로 내 보자.
따라서 경로 작성 코멘트 아래에 실제로 예 대신 앱 포스트 슬래시 블로그 또는 콜백을 할 것입니다.
완벽하고 여기서 우리는 실제로 그 새로운 블로그를 만들어야합니다.
그래서 우리는 블로그를 만들고 리디렉션을 실행하는 두 단계를 거치며 지금은 인덱스로 리디렉션합니다.
그래서 우리는 블로그를 만들 필요가 있고 가장 먼저 데이터가 생성됩니다.
그래서 아직 작동하지 않습니다.
두 번째는 콜백입니다.
따라서 우리가 시작할 수있는 콜백에는 오류가 있습니다.
그리고 그것이 작동한다면 우리는 새로운 블로그를 가질 것이고, 우리가 지나가고있는 데이터는 포스트 요청 비디오의 비디오에서 기억할 것입니다.
모든 것은 블로그와 그룹 안에 있으며 함께 있습니다.
그래서 우리가 바디 덤프 블로그를 요청하면 자동으로 타이틀 이미지와 바디가 있습니다.
우리는 8 월 첫 번째 논쟁을 통해 그것이 새로운 블로그를 만든다고 주장합니다.
이 콜백을 발생시킵니다.
그리고 오류가 발생하면 표준을 수행합니다.
로깅에 대해 계산하는 대신에 새로운 형식을 다시 렌더링하자. 그렇지 않으면 rez 리디렉션을 통해 슬래시 로그를 작성하고 새로운 블로그가 표시되도록해야합니다.
효과가 있다면이 주석을 옮기고 샷을 주면 무슨 일이 일어나는지 보도록하겠습니다.
그럼 우리가 구할거야.
우리는 서버를 다시 시작하고 루트로 돌아가서이 이미지 URL의 복사본을 만들어야합니다. 그래서 우리는 블로그 게시물의 이미지 나 제목을 갖게됩니다.
블로그 게시물에 우리 이미지가 있습니다.
제출하고 완벽하게 작동합니다.
그리고 당신은 우리가 제목을 볼 수 있습니다 매우 짧은 블로그는 우리의 생성 날짜에 본문을 게시 또한 표시됩니다.
훌륭한.
그래서 그 모든 것을 새로운 경로로 다시 요약하고 새로운 모델을 만들려면 모델의 이름이 무엇이든간에 슬래시를 사용하십시오.
우리의 경우 개는 실제로 블로그를 슬래시하고 요청을받습니다.
그것은 양식이 게시물을 요청한다는 것을 제외하고는 인덱스처럼 플래시 개라고합니다.
이것이 바로 새 양식에서 데이터를 보내는 곳입니다.
새 개를 만들려면 데이터베이스에 추가 한 다음 다시 연결합니다.
그것은 다음 비디오에서 볼 수있는 페이지를 실제로 보여주는 인덱스 일 필요는 없습니다.
우리 애플리케이션을 빠르게 스타일 업합시다.
이 양식을 작성해 보겠습니다.
우리가 할 일은 먼저 폼에 UI 폼과 같은 클래스를주고 그 폼 내부에이 입력들의 각각 하나가 div에 있고 그 div는 필드와 같은 클래스를 가질 것입니다.
그리고 우리가 아직 가지고 있지 않은 레이블을 만드는 방법을보십시오.
그리고 첫 번째 레이블은 제목이 될 것이고 우리는 제목을 받아서 바로 붙일 것입니다.
완전한.
그리고 나서 우리는 이것을 몇 번 더 할 것입니다.
이미지 변경을 위해 이미지 중 하나가 필요하고 이미지를 변경 한 다음 변경 사항을 적용하려면 블로그 양식을 입력하는 대신 사용자가 텍스트를 더 입력 할 수있는 텍스트 영역을 만들고 싶습니다. 실제 블로그 게시물을 좋아해요.
그리고이를 수정하기보다는 div 필드를 div에두고 우리는 블로그 콘텐트라고 부를 것이지만이 입력보다는 우리가 보았던 텍스트 영역 태그를 추가 할 것입니다 일찍부터 우리는별로 사용하지 않았습니다.
그리고 우리는 아직도 그것에게 이름을주는 입력과 조금 다릅니다.
그래서 여전히 블로그 본문을 저장 한 다음 저장하지만 입력이 아니기 때문에 텍스트 유형을 지정하지 않습니다. 태그는 여는 태그와 닫는 태그가있는 자체 지정된 태그이며 약간 다르게 작동합니다.
우리가 그것을 추가 할 때.
그러면 잠시 후에 그걸 없애고 우리가 버튼을 스타일링 할 것입니다.
우리는 지금 무엇을 가지고 있는지 살펴 봅니다.
버튼이 조금 더 멋지게 스타일링 될 수 있다는 점을 제외하고는 꽤 좋아 보입니다.
의미 론적 UI를 끌어와 버튼으로 가면 부트 스트랩보다 의미있는 버튼이 더 많습니다.
이렇게 종류가 많았지 만 기본 버튼과 뒤집힌 버튼도 많이있었습니다.
그래서 당신이 좋아하는 이들 중 하나를 고르십시오. 자주색 보라색을 즐겨 보자. 그리고 소스 코드를 살펴 본다면, 당신이 필요로하는 것은 모두 당신과 동등한 수업이다.
기본 색상 버튼.
그리고 내가 이것을하는 동안 의미 론적 UI라고 불리는 이유를 설명 할 것입니다.
그리고 주된 이유는 부트 스랩과는 달리 우리가 ETN ETN 대시 LGBT와 대시 (dash default)와 같은 별난 특수 용어를 사용하는 부트 스트랩과는 달리 부트 스트랩을 실제로 두드려서는 안되지만 대신 sematic이 생성 된 이유는 대신이 종류의 마크 업에 대한 응답이었습니다. UI가 기본 버튼을 위반하거나 UI 바이올렛 반전 된 버튼을 사용할 수 있습니다.
그래서 지금은 기본입니다.
그게 전부입니다.
아주 간단합니다.
문자가 적은 것은 아닙니다.
더 짧아지는 것이 아닙니다.
그것은 당신이 쉽게 이것을보고 그것이 의미하는 바를 이해할 수있는 의미있는 것입니다.
그래서 우리가 지금 돌아가서 새로 고침하면.
그 버튼을 가지고 있고 그것을 크게 만들고 싶다면 정말 쉽습니다.
내가해야하는 것은 크게 입력하는 것뿐입니다.
그래서 나는 BT를 할 필요가 없으며 Elgie를 대폭 새로 고침하고 더 큰 버튼을 얻습니다.
그래서 다시 테스트 해 봅시다.
나는 똑같은 대담한 주장을 사용한다.이 말은 내 새 개라고 부르기 만하면된다.
더 많은 블로그 Contac 제출하고 잘 작동합니다.
큰.
좋습니다. 우리가 다루었 던 색인을 다루었습니다. 새롭고 창조적 인 당신에게 의미의 작은 비트를 보여 줬습니다. 다음 비디오에서 형식과 단추를 얻을 수 있습니다.