1
00:00:00,210 --> 00:00:01,200
歡迎回來。

2
00:00:01,200 --> 00:00:03,060
所以，我們要拿起我們不放過。

3
00:00:03,090 --> 00:00:05,070
我們已經覆蓋索引創建新的。

4
00:00:05,070 --> 00:00:06,710
現在，我們正在上顯示出來。

5
00:00:07,140 --> 00:00:16,630
所以，再一次顯示頁面的一點是，它顯示了在大約一個特定項目的索引的所有信息，或了解更多信息和路徑中有一個想法。

6
00:00:16,710 --> 00:00:21,310
因此，我們將削減博客內徑ID最初GET請求。

7
00:00:21,700 --> 00:00:34,810
我們在展會上的路由模板那麼我們希望有聯繫，使索引頁面上，我們可以有一個說更多按鈕，這將帶我們去展示頁面，然後我們去的風格展示了一些目標模板只是一點點。

8
00:00:34,830 --> 00:00:36,900
讓我們通過定義路線開始。

9
00:00:37,320 --> 00:01:01,900
所以經過我們的創造，我們將加入另一種意見，這必須是一個演員得到斜線博客斜線結腸ID請求和響應，保存，我們可以作為發送顯示頁面開始簡單做。

10
00:01:02,790 --> 00:01:04,450
只要確保這個工程。

11
00:01:04,500 --> 00:01:12,780
因此，重新啟動服務器，我們可以去博客削減什麼，看表演頁。

12
00:01:12,780 --> 00:01:21,140
當然，想法將是長期的貓鼬的想法，像她那樣，我們不會打字，但這樣會點擊鏈接看他們。

13
00:01:21,510 --> 00:01:32,540
所以讓我們做，現在，讓我們回去，並添加對指數的鏈接顯示頁面，使我們可以有一個按鈕，上面寫著閱讀更多在這裡旁邊的職位本身。

14
00:01:32,730 --> 00:01:34,570
這將我們帶到展會上。

15
00:01:34,980 --> 00:01:52,330
因此，在我們的索引模板，如果我們打開它，而不是意見，會做的第一件事就是將後車身博客添加一個錨標記，並只說更多和H裁判將是斜線日誌。

16
00:01:52,530 --> 00:01:55,430
但是，ID是通過每個博客變量。

17
00:01:55,530 --> 00:01:57,230
因此，我們需要每一個有。

18
00:01:57,610 --> 00:02:06,020
而這需要一個博客點下劃線標識將保存重啟。

19
00:02:06,420 --> 00:02:11,030
我們現在有一個鏈接，如果點擊它，看你都記錄斜線。

20
00:02:11,040 --> 00:02:13,880
5 6 3時等等等等。

21
00:02:14,190 --> 00:02:16,540
這裡用一個不同的ID同樣的事情。

22
00:02:17,250 --> 00:02:29,990
好了，現在我們需要填寫的邏輯在其中應該採取這個ID找到相應的博客，然後渲染節目模板，可以通過找到正確的日誌顯示路線裡面開始的路線。

23
00:02:30,720 --> 00:02:40,220
所以manglers甲基我們使用是ID blague點查找和取兩個參數的ID和回調。

24
00:02:40,470 --> 00:02:55,970
所以ID就在這裡要求點harams該ID和我們的回調幅度也將有一個錯誤，然後我們會打電話給它發現鎖。

25
00:02:56,550 --> 00:02:57,260
在那裡，我們走了。

26
00:02:57,450 --> 00:03:00,750
我們將永遠，如果再次檢查錯誤。

27
00:03:00,780 --> 00:03:02,710
而且，我們只是做簡單的東西。

28
00:03:02,730 --> 00:03:10,190
我們會做一個重定向到索引頁面。

29
00:03:10,510 --> 00:03:21,460
最後，我會向你展示好得多的錯誤處理，我們可以顯示一個消息，說記錄未找到或我很抱歉，我無法找到該博客，我會帶你回到你剛才所在的頁面。

30
00:03:21,630 --> 00:03:27,780
但現在我們就經常回SmashBox的，但不應該有任何導致小鼠出現錯誤。

31
00:03:27,780 --> 00:03:30,100
我們的數據庫是完全關閉或東西。

32
00:03:30,300 --> 00:03:43,150
所以，這真的不會在這一點上其他紅人呈現節目模板事對我們來說，我們需要在博客的聲音傳遞，我們會叫它博客。

33
00:03:43,170 --> 00:03:48,230
在模板中發現這樣的博客將被稱為博客。

34
00:03:48,300 --> 00:03:50,730
現在，我們需要的節目模板。

35
00:03:50,730 --> 00:03:52,220
所以，讓我們做這件事情。

36
00:03:52,470 --> 00:04:09,540
觸摸意見表明，埃勾斯打開了，並在這裡我要真正開始複製我有什麼新是一種形式，我們不希望任何。

37
00:04:09,720 --> 00:04:19,890
因此，我們確實希望一些像頭UI主文本容器段，我們會繼續，對於現在這個基本的東西。

38
00:04:20,130 --> 00:04:30,290
但它內，而不是巨大的hetter的，讓我們在文章的標題中添加和標題應該是博客的標題。

39
00:04:30,960 --> 00:04:32,560
讓我們將它保存。

40
00:04:32,700 --> 00:04:35,580
讓我們看看它是否工作。

41
00:04:35,580 --> 00:04:41,700
如此反复的博客是什麼，我們發現的節目裡就在這裡。

42
00:04:41,700 --> 00:04:52,900
我們尋找它的ID記錄了查找ID，如果我們找到它，如果沒有錯誤順利通過找到的名稱日誌中顯示模板顯示模板下，通過鞭打。

43
00:04:53,190 --> 00:04:54,380
我們使用博客。

44
00:04:54,780 --> 00:04:55,770
好吧。

45
00:04:55,770 --> 00:05:03,610
關鍵時刻讓這些環節的快速一個人也沒有，我們去的第一篇文章。

46
00:05:04,070 --> 00:05:07,210
所以，如果我點擊這個你應該看看我的新狗。

47
00:05:07,760 --> 00:05:08,900
而我們做的。

48
00:05:08,900 --> 00:05:09,330
大。

49
00:05:09,410 --> 00:05:10,590
因此，我們有基礎。

50
00:05:10,610 --> 00:05:12,170
困難的部分確實做。

51
00:05:12,170 --> 00:05:15,850
現在，它只是一個展示，我們要顯示的信息的問題。

52
00:05:16,400 --> 00:05:20,130
因此，我們將回去，我們肯定要顯示的圖像。

53
00:05:20,200 --> 00:05:23,000
我們要顯示的內容，以及。

54
00:05:23,000 --> 00:05:25,310
所以我會從索引偷這一點。

55
00:05:25,340 --> 00:05:32,280
我們已經有了這一切現在寫，我們將只是樣式它一點點不同在這裡。

56
00:05:32,280 --> 00:05:34,550
在那裡，我們走了。

57
00:05:36,200 --> 00:05:37,030
我們剛開始與此有關。

58
00:05:37,040 --> 00:05:39,350
但是，我們將作出這看起來更好。

59
00:05:39,350 --> 00:05:42,480
讓我們來看看我們得到什麼，如果我們刷新。

60
00:05:42,870 --> 00:05:44,010
有我們的內線。

61
00:05:44,020 --> 00:05:45,430
這是我們展示頁面。

62
00:05:45,680 --> 00:05:53,280
有一件事值得一提的是，目前這並沒有顯示任何東西，我們沒有看到對指數，這就是因為我們的指數顯示一切。

63
00:05:53,570 --> 00:05:57,300
但是，大多數博客做的是，他們表現出的職位的一部分。

64
00:05:57,440 --> 00:06:02,550
所以，如果我們有一個10000行的博客文章，我們不希望它在這裡佔用10000線。

65
00:06:02,750 --> 00:06:08,880
相反，你可能有一個段落左右的預覽，然後你點擊閱讀更多，我們會做的，在短短的時刻。

66
00:06:08,990 --> 00:06:11,720
但是，讓我們通過這個造型有點開始。

67
00:06:11,960 --> 00:06:15,670
我們擁有的第一件事情是我們主要的文本容器。

68
00:06:15,980 --> 00:06:17,370
我們有一個巨大的頭。

69
00:06:17,990 --> 00:06:28,890
然後那裡面你可以添加另一個分區，我們打算把那個div中的一切，並給它一個類等於UI頂部連接段。

70
00:06:28,990 --> 00:06:44,010
什麼段所做的是它把一個小邊框周圍的事物，所以它看起來像，而不是您要添加一個div類相同的項目，然後，而不是項目我們把我們所有的內容。

71
00:06:44,030 --> 00:06:59,220
因此，將開始與形象，而不是只顯示整個圖像是怎麼回事，我們可以添加你叫一個語義類我中心這形象是四班。

72
00:06:59,270 --> 00:07:08,580
所以，你我的圖像將只給我們一個很好的語義UI圖像，但如果我們給它居中那麼將集中在圓角該容器中的圖像給它一些圓角。

73
00:07:08,600 --> 00:07:09,810
這不會是圓形的。

74
00:07:09,950 --> 00:07:16,470
你可以做到這一點，我認為圓圈圖像或圓形圖像，但圓潤只是改變角落一點點。

75
00:07:16,490 --> 00:07:20,720
我們只是檢查出啟動。

76
00:07:20,930 --> 00:07:21,720
在那裡，我們走了。

77
00:07:21,740 --> 00:07:27,630
我們越來越近了，然後我們將何去何從並添加其他設備。

78
00:07:27,770 --> 00:07:32,660
這將是一個級等於內容，如果你想知道我是從得到這個。

79
00:07:32,720 --> 00:07:40,120
如果你去到項目意見語義UI項這是我從服用。

80
00:07:40,610 --> 00:07:47,090
因此，我們有DIV項目，而不是一個項目，我們可以有一個圖像，然後內容，這正是我所做的。

81
00:07:47,090 --> 00:07:51,140
因此，我們有一個項目與內容內，這不是真正的目的。

82
00:07:51,140 --> 00:07:53,740
你不會是在此之後的語義UI方面的專家。

83
00:07:53,900 --> 00:08:00,800
這又只是剛剛給你看另一個框架，但不能讓你知道，讓你在語義方面的專家。

84
00:08:00,810 --> 00:08:22,620
好吧所以不是說那麼我們將在我們的範圍添加他們創建它就像這樣又節省雖然一個小小的變化是，這是不是真的適合於用戶，看看有什麼我們能做的就是很容易變化這成為一個更可讀的日期。

85
00:08:23,000 --> 00:08:26,860
還有的使用javascript日期的一些方法。

86
00:08:26,870 --> 00:08:29,860
有一個叫兩個字符串。

87
00:08:30,290 --> 00:08:36,110
還有一個叫日期字符串這正是我們想要的，我會告訴你是什麼樣子。

88
00:08:36,260 --> 00:08:45,260
如果我只是把它在這裡和刷新，我們現在有我刷新通知，我得到一個好聽的英文人類可讀的版本。

89
00:08:45,260 --> 00:08:48,260
週日2015年11月1日。

90
00:08:48,350 --> 00:08:49,180
完善。

91
00:08:49,190 --> 00:08:51,010
因此，我們可以節省的。

92
00:08:51,810 --> 00:08:53,610
讓我們繼續在這裡工作一點點。

93
00:08:53,930 --> 00:09:14,040
讓我們在另一個div添加被稱為描述，這是另一個語義類，而不是存在，這在我們的款就這樣和刷新頁面。

94
00:09:15,170 --> 00:09:18,170
我們有一個博客帖子相對現在完成。

95
00:09:18,170 --> 00:09:21,350
我會擺脫這種DIV與它裡面的線。

96
00:09:21,350 --> 00:09:22,540
我們不需要該行。

97
00:09:22,730 --> 00:09:25,330
這就是從我們這裡有段。

98
00:09:25,730 --> 00:09:38,230
因此，如果我們擺脫的那一個和我們保持外段我們結束了這個，或者我們可以去周圍的其他方式，擺脫外段，並保持內層就這樣。

99
00:09:38,480 --> 00:09:40,060
無論你認為最好看。

100
00:09:40,100 --> 00:09:47,330
我想我會回去，並保持外層肯定。

101
00:09:48,050 --> 00:09:49,360
完全如果你。

102
00:09:49,790 --> 00:09:50,370
好吧。

103
00:09:50,420 --> 00:09:57,330
現在，讓我們在我們的數據庫中的一些職位，我有一些較長的文本顯示或複製一些Lorem存有。

104
00:09:57,990 --> 00:10:00,300
是這樣的。

105
00:10:01,250 --> 00:10:06,110
如果我們回到新的後這個時候，我有一個不同的圖像，你就錯了。

106
00:10:06,200 --> 00:10:07,130
我會感到吃驚。

107
00:10:07,430 --> 00:10:12,020
我會只是調用這個新的職位有較長的文本。

108
00:10:12,020 --> 00:10:13,350
可怕的稱號。

109
00:10:13,360 --> 00:10:19,630
提交和我們在這裡我們不是它的造型得到這個巨大的形象。

110
00:10:19,630 --> 00:10:21,060
然後，我們得到了很多的文字。

111
00:10:21,100 --> 00:10:25,110
所以，很顯然，我們不希望所有的索引頁，將在該項目上進行文字。

112
00:10:25,270 --> 00:10:32,420
如果我點擊閱讀更多現在這裡讓我不錯的博客文章，但請注意，一切都濃縮。

113
00:10:32,500 --> 00:10:35,240
你沒有，我們希望這些段落線。

114
00:10:35,250 --> 00:10:37,080
不能在之間添加休息。

115
00:10:37,210 --> 00:10:51,660
因此，為了使這個更好更實用的博客，我們應該讓一點點在用戶輸入HVM了，你可能已經看到，如果你如果你對博客的HVM一些變種，現在像WordPress的，或者如果你使用類似網上平台。

116
00:10:51,700 --> 00:10:58,690
你不寫每個T.M.自己，但你可以讓事情加粗您可以包括圖像，你可以包含段落斜體文字。

117
00:10:59,000 --> 00:11:03,100
好吧，如果我們這樣做，現在如果我們嘗試做一個新的職位，我會再次保持相同的圖像。

118
00:11:03,940 --> 00:11:06,720
讓我們偷Lorem存有一次。

119
00:11:06,940 --> 00:11:15,180
只是這一部分讓我們做一些像明顯一些圍繞這個強大的標籤。

120
00:11:15,220 --> 00:11:21,370
所以，如果它的工作，我們將看到一些黑體字並提交，我會忘了收緊。

121
00:11:21,380 --> 00:11:24,580
沒關係。

122
00:11:24,730 --> 00:11:28,270
你會看到我們的內容顯示，但它無法運行。

123
00:11:28,300 --> 00:11:38,740
這不是顯示為一個超時，並有一個很好的理由是，它並不總是那麼安全，讓用戶只需輸入自己的HVM自己的代碼，只是執行它。

124
00:11:38,800 --> 00:11:41,110
你可能會認為那是最壞的情況。

125
00:11:41,120 --> 00:11:42,140
這只是蝕刻他。

126
00:11:42,220 --> 00:11:46,870
那麼會發生什麼是，有人居然可以在運行JavaScript輸入腳本標記。

127
00:11:46,880 --> 00:11:48,460
因此，我將稍後告訴你。

128
00:11:48,490 --> 00:11:52,350
現在雖然它是很好，因為我們並沒有實際顯示HD金額。

129
00:11:52,570 --> 00:11:56,410
如果我們想它實際上是一個非常簡單的改變一個字符。

130
00:11:56,410 --> 00:11:58,020
所以這是節目模板。

131
00:11:58,320 --> 00:12:02,830
如果我們看一下顯示模板，現在我們顯示博客點身體。

132
00:12:02,830 --> 00:12:11,740
如果我改變了等號破折號那麼這實際上做的是採取的身體返回任何博客和評估。

133
00:12:11,800 --> 00:12:15,050
運行它作為代碼，而不是只顯示字符串。

134
00:12:15,430 --> 00:12:21,290
所以，如果我刷新頁面，我們現在得到了較強的觸殺在那裡。

135
00:12:21,440 --> 00:12:25,060
如果我預期你會看到它是一個真正強大的標籤。

136
00:12:25,060 --> 00:12:28,840
因此，從一個等號，以破折號改變它真的很強大。

137
00:12:28,870 --> 00:12:30,980
然後，它實際上是計算的代碼。

138
00:12:31,000 --> 00:12:46,470
所以，如果我們做的另一篇文章相同的圖像，這次我們做了第一段和最後一段，然後我們複製該再一次得到一些LARM存有，只是偷這些行。

139
00:12:46,480 --> 00:12:49,390
我們只是有兩個簡單的段落。

140
00:12:49,750 --> 00:12:57,860
你會看到，我們為我們結束了在這裡的兩段巨型影像後，現在結束了。

141
00:12:58,270 --> 00:13:03,070
這是偉大的，因為現在用戶可以在內容實際輸入和指定樣式。

142
00:13:03,310 --> 00:13:04,410
但這裡有一個問題。

143
00:13:04,780 --> 00:13:19,460
所以，如果我的東西隨便進入這裡我可以做到這一點劇本，我可以只在這裡鍵入一些代碼，只是做一些愚蠢就像我問你。

144
00:13:19,510 --> 00:13:19,880
當然。

145
00:13:19,900 --> 00:13:21,760
所有這些都拼錯了。

146
00:13:22,790 --> 00:13:32,200
如果我進入這個現在這是HDMI它要運行，這是一個腳本標記，這意味著這將是運行作業腳本。

147
00:13:32,290 --> 00:13:37,180
所以，當我去到該頁面現在我得到的警報。

148
00:13:37,180 --> 00:13:42,840
顯然，一個警報並不壞，但你也許可以想像的東西可以從那裡升級。

149
00:13:42,860 --> 00:13:46,860
有防止擺脫任何腳本標記該問題的方法。

150
00:13:47,020 --> 00:13:51,160
我會告訴你怎麼做，在到底是該系列可選的視頻。

151
00:13:51,160 --> 00:13:53,020
這就是所謂的消毒我們的投入。

152
00:13:53,140 --> 00:13:56,600
如果有有一個叫快遞殺菌器，將做到這一點為我們包。

153
00:13:56,590 --> 00:14:01,570
我們只是告訴它清理它財產，這將剛剛擺脫它裡面的任何腳本標籤。

154
00:14:01,570 --> 00:14:02,930
我們不必編寫代碼。

155
00:14:03,190 --> 00:14:04,030
好。

156
00:14:04,370 --> 00:14:08,010
因此，讓我們回去，雖然我們有幾個問題。

157
00:14:08,080 --> 00:14:09,640
其中一個圖像。

158
00:14:09,660 --> 00:14:11,370
是的，我們會盡快給這些造型。

159
00:14:11,470 --> 00:14:17,520
但是，讓我們通過截取這些職位開始，所以我們沒有看到索引頁面上的所有此內容。

160
00:14:17,650 --> 00:14:22,370
讓我們把它留到第100個字符，然後把省略號之後。

161
00:14:22,510 --> 00:14:24,160
所以分隔字符串。

162
00:14:24,490 --> 00:14:25,850
這其實很簡單。

163
00:14:25,840 --> 00:14:31,750
我們早期的時候我們談到的JavaScript，我們使用的子方法看到的。

164
00:14:31,750 --> 00:14:43,830
因此，我們的索引頁，而不是整個身體博客上會做堵塞體串零的第一個字符，直到。

165
00:14:44,120 --> 00:14:48,430
我們希望百元上下的字符的罰款現在。

166
00:14:48,430 --> 00:14:49,990
而我總是得到這個錯誤。

167
00:14:50,050 --> 00:14:52,680
這是一個小寫s代表子。

168
00:14:52,810 --> 00:14:56,380
好像它應該是喜歡它的兩個詞，但它不是駱駝情況。

169
00:14:56,650 --> 00:14:57,160
好吧。

170
00:14:57,250 --> 00:15:06,300
所以，現在，如果我們嘗試了這一點，你看，我們現在有這些截斷的帖子，讓我們只添加在簡單的省略號在這裡。

171
00:15:06,310 --> 00:15:13,540
所以子串，然後外面是的點點點，然後我們有我們rebore鏈接。

172
00:15:13,610 --> 00:15:18,000
所以，現在我們的節目頁面服務的目的，我們看到一點點。

173
00:15:18,280 --> 00:15:21,470
然後你可以點擊閱讀更多看到整個帖子。

174
00:15:21,490 --> 00:15:22,000
大。

175
00:15:22,000 --> 00:15:24,400
因此，我們已經介紹了很多在這部影片。

176
00:15:24,680 --> 00:15:29,080
你剛才談到節目談到將如何獲得請求的路徑使用的ID。

177
00:15:29,090 --> 00:15:34,130
我們建立了我們採取了ID的路由，發現則相應呈現博客的模板。

178
00:15:34,420 --> 00:15:46,300
但是，我們也談到了一些新的東西，包括在節目模板這裡使用破折號，而不是一個等號，這將實際呈現代碼來運行代碼和渲染的結果。

179
00:15:46,390 --> 00:15:52,510
然後，我們也看到了最新的字符串，它是一個轉變成約會一個更好的格式的很好的方式。

180
00:15:52,510 --> 00:15:54,050
它仍然不是那麼靈活。

181
00:15:54,220 --> 00:16:00,680
有哪一個叫矩大圖書館日本鬼子的，它可以讓您指定所需的準確格式。

182
00:16:00,860 --> 00:16:15,330
我們可能想要的東西，看起來像一個月斜線日兇多吉少了一年，我們可能需要一些地方月份縮寫或者我們可能要整月和週的一整天，而不是太陽11月份

183
00:16:15,430 --> 00:16:21,880
你可以做到這一點一刻Ĵ好多了，如果你想在你想要的格式非常明確的處理辦法日期。

184
00:16:21,880 --> 00:16:29,330
它只是你可以安裝它，就像周杰倫奎裡或其他任何客戶端庫，但我們一個簡單的庫打算這個去了。

185
00:16:29,500 --> 00:16:30,550
內置成JavaScript。

186
00:16:30,550 --> 00:16:34,450
我們不需要比這裡單行以外的任何額外的代碼。

187
00:16:34,570 --> 00:16:35,060
大。

188
00:16:35,090 --> 00:16:42,910
然後用子代替這是一個指數的最後一件事，多為一個視圖中，您有沒有在一段時間看到了這一點，但我們沒有看到它早期。

189
00:16:43,060 --> 00:16:47,890
第一個參數是我們想要讓第一次切割第二個參數是我們要進行第二次切割。

190
00:16:47,950 --> 00:16:49,880
我們採取之間的一切。

191
00:16:49,900 --> 00:16:50,490
大。

192
00:16:50,500 --> 00:16:50,760
好吧。