1
00:00:00,230 --> 00:00:02,350
Saiba o que eu quero fazer é fazer o nosso modelo de exibição.

2
00:00:02,610 --> 00:00:06,900
Então, eu vou comentar isso para que não estejamos constantemente fazendo um novo acampamento toda vez que

3
00:00:06,900 --> 00:00:07,590
iniciamos o servidor.

4
00:00:07,770 --> 00:00:12,060
Então, agora, só temos um acontecendo aqui.

5
00:00:12,240 --> 00:00:18,670
Deixe-me adicionar o meu mostrador de etiquetas mostra mais informações sobre um acampamento.

6
00:00:19,320 --> 00:00:21,330
Então, precisamos encontrar o acampamento.

7
00:00:21,420 --> 00:00:22,370
Vamos voltar para isso.

8
00:00:22,500 --> 00:00:24,050
E quando processar o modelo de exibição.

9
00:00:24,210 --> 00:00:29,950
Então, comece com esse show de renderização de pontos e então precisamos criar esse modelo.

10
00:00:30,150 --> 00:00:38,610
Então, vamos tocar as barras de vista nos avisos e, em seguida, as visualizações C9 mostraram que Ejay us e depois adicionamos

11
00:00:38,610 --> 00:00:40,320
um H-1 muito simples.

12
00:00:40,440 --> 00:00:52,730
Este é o modelo de exibição, à medida que vamos e economize, vamos nos certificar de que isso funciona são frescos.

13
00:00:52,740 --> 00:00:58,980
Agora, se tentarmos chegar onde você está bem, isso é uma barra de rodagem de shows, qualquer

14
00:00:58,980 --> 00:01:06,000
coisa que não seja novo. O novo recado é especial porque nos leva ao novo formulário, mas qualquer outro

15
00:01:06,000 --> 00:01:08,520
ID e nossas IDs ficarão assim.

16
00:01:08,520 --> 00:01:10,450
E aqueles estão vindo de Mongo.

17
00:01:10,470 --> 00:01:15,050
Então, essas idéias são geradas automaticamente pelo Mongo e nós salvamos algo.

18
00:01:15,210 --> 00:01:20,130
E o que vamos começar por fazer é realmente adicionar nos links para a página do

19
00:01:20,130 --> 00:01:24,250
show que temos um botão aqui que podemos clicar para ver mais informações.

20
00:01:24,420 --> 00:01:33,870
Por isso, precisamos abrir as vistas, acalmar acampamentos, mas E. J. nós e, tecnicamente, devemos renomear esse arquivo para

21
00:01:34,110 --> 00:01:38,930
ser indexado Ejay nós em vez de acampamentos porque estamos seguindo esta convenção.

22
00:01:38,970 --> 00:01:44,040
Então, temos novos que mostramos que devemos nomear este índice ao invés de acampamentos.

23
00:01:44,460 --> 00:01:46,630
Então podemos fazer isso muito rápido por aqui.

24
00:01:46,710 --> 00:01:52,130
Basta ir ao ponto de vista e podemos renomeá-lo indexado que E. J. Sim.

25
00:01:52,140 --> 00:01:52,710
Há também muitas

26
00:01:52,920 --> 00:01:57,510
maneiras de fazer isso através do terminal, mas isso será mais rápido por enquanto ao invés de mostrar outro comando.

27
00:01:57,510 --> 00:01:58,540
Então, vamos fazer isso e, então, precisamos ter certeza de que a aplauso sim está renderizando o modelo certo.

28
00:01:58,770 --> 00:02:03,470
Então, isso deve renderizar o índice agora OK.

29
00:02:03,810 --> 00:02:07,400
Então, agora, o que queremos fazer é, em vez

30
00:02:07,890 --> 00:02:14,880
de exibir para cada acampamento, uma imagem e um nome, eu também vou adicionar um parágrafo aqui e

31
00:02:14,880 --> 00:02:20,580
nesse parágrafo vamos adicionar uma marca de âncora e nós corrigiremos o ref em um segundo.

32
00:02:20,580 --> 00:02:22,070
Pode ser uma marca de âncora que diz mais informações e daremos uma aula.

33
00:02:22,090 --> 00:02:27,500
Também você usará bootstrap e nós

34
00:02:27,510 --> 00:02:39,630
faremos DTN e ETN primários assim e salvaremos e vamos ver como isso parece primeiro.

35
00:02:39,630 --> 00:02:41,030
Portanto, não funcionará ainda, não vai a lugar nenhum.

36
00:02:41,260 --> 00:02:44,470
Mas se estivéssemos frescos.

37
00:02:44,640 --> 00:02:46,410
Tudo bem que parece bom o suficiente por enquanto.

38
00:02:46,410 --> 00:02:47,840
Temos um botão mais informações clicando nele.

39
00:02:47,850 --> 00:02:50,430
projetos precisam parecer que esses acampamentos de

40
00:02:50,490 --> 00:02:56,370
barras cortam algum ID e esse ID é armazenado dentro do ponto do acampamento indicação de rótulo.

41
00:02:56,370 --> 00:03:04,710
Agora, ele atualiza a página, mas queremos que nos leve à página do show, para que possamos mudar nosso modelo e nossos oito

42
00:03:04,710 --> 00:03:09,510
Então precisamos usar Ejay como aqui.

43
00:03:09,780 --> 00:03:11,610
E aqui vou direcionar um número de

44
00:03:12,240 --> 00:03:18,930
campainha, o qual é parte do acampamento do acampamento, é o nome que estamos dando a cada acampamento para cada um, está imprimindo imagem e nome.

45
00:03:18,930 --> 00:03:24,180
Há também uma descrição que não mostramos, mas há um I. D. que vamos usar para criar

46
00:03:24,180 --> 00:03:28,950
o link.

47
00:03:29,010 --> 00:03:29,700
Então, se

48
00:03:29,880 --> 00:03:38,130
eu reiniciar agora e nós damos uma olhada no que isso nos dá, vamos inspecionar isso e você pode ver a barra do acampamento.

49
00:03:38,140 --> 00:03:39,290
Isso é louco longo hexadecimal gerado automaticamente Mongo D-B ID.

50
00:03:39,330 --> 00:03:44,100
E se clicarmos nesse link, levamos-nos a barra de acréscimo do modelo do show e a essa idéia louca.

51
00:03:44,280 --> 00:03:50,910
Então, o que precisamos fazer é usar essa ID em vez do modelo

52
00:03:51,120 --> 00:03:57,180
de exibição ou dentro da rota de exibição que está aqui.

53
00:03:57,180 --> 00:03:59,040
Nós queremos capturar essa identificação que

54
00:03:59,040 --> 00:04:06,120
vai estar dentro de pedidos que Harams pensou Id, como quando fizemos a coisa de animal de fazenda com os porcos e

55
00:04:06,120 --> 00:04:13,050
oink e vaca e moo, onde nós tínhamos cólon e, em seguida, algum programa Raut armazenado dentro do pedido de EMFs .

56
00:04:13,110 --> 00:04:16,690
O que vamos fazer é usar um novo método que o mangostão nos dá para encontrar minha identificação.

57
00:04:16,710 --> 00:04:23,040
E estamos fazendo isso no acampamento para encontrar o acampamento por ID.

58
00:04:23,250 --> 00:04:27,050
E há dois argumentos que precisam dar-lhe qual é o ID e, em seguida, o retorno de chamada.

59
00:04:27,270 --> 00:04:32,150
Então, o primeiro é mais fácil.

60
00:04:32,580 --> 00:04:34,280
A identificação é apenas solicitação de

61
00:04:34,380 --> 00:04:41,070
identificação de harams e o retorno de chamada parece exatamente com os outros onde temos erros e, em seguida, vamos chamar o

62
00:04:41,310 --> 00:04:49,980
campo de acampamento encontrado, que são os dados que retornam desta localização por ID, então, deve haver apenas um item no banco de dados com Essa identificação, que é

63
00:04:49,980 --> 00:04:55,500
o ponto dessas IDs e da Mangu, são únicas, de modo que não teremos problemas com múltiplos acampamentos

64
00:04:55,840 --> 00:05:01,440
conflitantes, como se pudéssemos, se estivéssemos olhando por seu título ou pelo nome ou a imagem que pudéssemos fazer.

65
00:05:01,440 --> 00:05:05,430
Isso não precisa ser um ID.

66
00:05:05,550 --> 00:05:07,180
Pode ser o nome e,

67
00:05:07,290 --> 00:05:10,290
na verdade, se olharmos para Reddit Friday novamente é único.

68
00:05:13,570 --> 00:05:15,170
Então, é muito mais seguro.

69
00:05:15,210 --> 00:05:16,780
Então, esperamos encontrar um

70
00:05:16,800 --> 00:05:22,740
acampamento e faremos nossa verificação de erro simples se houver um erro, cancele o registro.

71
00:05:22,780 --> 00:05:23,970
Caso contrário, se funcionasse o que vamos fazer é renderizar o modelo de exibição.

72
00:05:24,420 --> 00:05:30,870
E esse é um show de renderização de pontos vermelhos.

73
00:05:31,590 --> 00:05:34,080
Mas vamos passar no acampamento encontrado e então vamos usá-lo dentro desse modelo.

74
00:05:34,320 --> 00:05:39,810
Então, mostre o redstart render e então vamos passar sob o nome dos campgrounds.

75
00:05:40,080 --> 00:05:44,830
Vamos passar no nosso acampamento encontrado.

76
00:05:44,910 --> 00:05:47,670
Então, dentro do nosso modelo de exibição,

77
00:05:48,300 --> 00:05:53,670
podemos acessar acampamentos e terá o valor de tudo o que encontramos com essa ID.

78
00:05:53,670 --> 00:05:55,810
Então vamos economizar ir ao confronto E. J. Sim.

79
00:05:56,040 --> 00:05:58,970
E vamos fazer algo muito simples, apenas adicionamos um parágrafo nesse parágrafo.

80
00:05:59,010 --> 00:05:59,660
um momento.

81
00:05:59,840 --> 00:06:05,550
Vamos adicionar o nome do ponto de acesso ao campo e deixaremos isso e depois adicionaremos algumas outras coisas em apenas

82
00:06:05,820 --> 00:06:14,400
Bem, vamos ter certeza de que funciona.

83
00:06:14,400 --> 00:06:15,890
Então, vamos voltar a atualizar e se clicarmos neste link,

84
00:06:16,040 --> 00:06:17,860
obtemos um erro bastante dramático que diz que não possui nenhum método.

85
00:06:18,150 --> 00:06:25,350
Localizar por ID.

86
00:06:25,350 --> 00:06:26,140
E isso é bastante bobo porque não queremos capitalizar isso.

87
00:06:26,220 --> 00:06:27,820
Então, se voltarmos e corrigir isso muito brevemente, então é bom para uma minúscula f.

88
00:06:27,870 --> 00:06:31,640
Lembre-se de todos os métodos começar com uma minúscula.

89
00:06:31,680 --> 00:06:38,320
Agora, se chamarmos isso, reinicie o servidor e atualize, temos o modelo de exibição Graniteville.

90
00:06:38,430 --> 00:06:41,220
Claro que queremos mostrar mais do que Grant Hill, mas é o mesmo processo.

91
00:06:41,220 --> 00:06:47,660
Agora estamos tomando esse eu. D. e estamos tentando encontrar um acampamento com aquele eu. D. e então estamos processando

92
00:06:47,850 --> 00:06:51,570
esse modelo.

93
00:06:51,600 --> 00:06:56,460
Então, vamos rapidamente, não vamos gostar disso.

94
00:06:56,460 --> 00:06:57,930
Mas vamos rapidamente voltar a mostrar e vamos adicionar uma imagem novamente e

95
00:06:57,930 --> 00:06:59,890
a fonte será igual ao acampamento dessa imagem e, em seguida, adicionará na parte inferior um outro parágrafo.

96
00:06:59,920 --> 00:07:06,120
E este vai ter uma descrição de ponto de acampamento exatamente assim e nós vamos salvar isso.

97
00:07:06,120 --> 00:07:13,870
Vamos pegar o nome aqui e avançar para que o nosso H-1 diga apenas o nome do acampamento assim.

98
00:07:14,070 --> 00:07:23,680
Estamos frescos agora.

99
00:07:24,300 --> 00:07:32,730
Nós chegamos a uma colina de granito e vemos isso aqui nossa imagem e, então, é uma enorme colina de granito.

100
00:07:33,510 --> 00:07:35,030
Sem banheiros, nenhuma concessão de água bonita.

101
00:07:35,250 --> 00:07:40,210
E nós devemos adicionar em nossa disposição também, apenas com o nosso rápido inclusão.

102
00:07:40,230 --> 00:07:42,630
Então, inclua e vamos apenas copiá-lo de outro modelo aqui apenas para economizar tempo.

103
00:07:42,780 --> 00:07:46,920
Então, vamos copiar isso e depois fazer o mesmo pelo nosso rodapé.

104
00:07:46,980 --> 00:07:51,910
E agora devemos ver alguns bootstrap.

105
00:07:52,140 --> 00:07:55,770
Lá vamos nós a barra de navegação.

106
00:07:56,370 --> 00:07:58,900
Recebemos nossa mudança de fonte.

107
00:07:58,920 --> 00:08:00,550
Ainda temos que desenhar este estilo que estará em breve.

108
00:08:00,600 --> 00:08:02,040
Então tudo parece estar funcionando bem, exceto por uma

109
00:08:02,070 --> 00:08:04,720
pequena coisa que é se eu adicionar em um novo acampamento ainda é apenas nome e imagem.

110
00:08:05,040 --> 00:08:10,870
Então vamos refatorar isso e ela volta para a forma que está em Nova.

111
00:08:11,470 --> 00:08:14,030
Então vamos fechar daqui e vamos abrir as vistas novas.

112
00:08:14,340 --> 00:08:18,870
E, em vez disso, precisamos de outra entrada que vou colocar no canto inferior direito antes do botão.

113
00:08:18,870 --> 00:08:23,910
E nossa contribuição terá um espaço reservado de descrição

114
00:08:24,540 --> 00:08:30,090
e, eventualmente, queremos que isso seja uma entrada maior.

115
00:08:30,750 --> 00:08:37,200
Por enquanto, é apenas uma entrada de texto e, em seguida, vamos mudar o nome para

116
00:08:37,200 --> 00:08:38,100
ser descrição

117
00:08:38,100 --> 00:08:47,970
e vamos economizar e agora podemos voltar para o nosso Apalachee aqui, em vez de Criar também agarrará a descrição até agora, descrição e todos

118
00:08:47,970 --> 00:08:56,790
apenas DSC é igual à solicitação de descrição do ponto do corpo, que é o que o atributo de nome foi definido aqui.

119
00:08:56,790 --> 00:09:05,100
Aqui vamos nós.

120
00:09:05,100 --> 00:09:06,770
a essa variável que estamos agarrando da forma DGSE e salvamos tudo o resto deve funcionar exatamente o mesmo.

121
00:09:06,770 --> 00:09:08,430
E nós vamos levar isso e depois passá-lo para o nosso novo objeto, onde uma descrição é igual

122
00:09:08,430 --> 00:09:14,670
Agora estamos apenas adicionando este extra de dados no formulário.

123
00:09:14,670 --> 00:09:22,650
Vamos testá-lo.

124
00:09:22,920 --> 00:09:25,840
Inicie o servidor ou atualize o formulário.

125
00:09:25,980 --> 00:09:27,780
Agora temos três entradas.

126
00:09:27,780 --> 00:09:31,890
Então eu tenho uma imagem que você copiou daqui e eu vou passar e vamos ligar para esse acampamento com árvores e aqui diremos

127
00:09:31,890 --> 00:09:33,840
que este lugar tem muitas árvores e também muitas outras coisas.

128
00:09:33,840 --> 00:09:39,900
Clique com o botão direito do mouse em enviar agora para os acampamentos e o teste verdadeiro é para ver se este possui uma descrição.

129
00:09:39,900 --> 00:09:51,510
Então, vamos clicar em Mais informações e faz.

130
00:09:51,990 --> 00:09:59,940
Você pode ver que esta página contém todas as informações que temos sobre um acampamento que possui essa ID e, se retornarmos, esta

131
00:10:00,330 --> 00:10:03,210
página mostra todas as informações sobre este acampamento.

132
00:10:03,210 --> 00:10:08,550
ESTÁ BEM.

133
00:10:08,780 --> 00:10:13,740
Então, a página do show funcionou.

134
00:10:14,070 --> 00:10:14,330
Vamos rapidamente embrulhar tudo, então conversamos sobre rotas repousantes.

135
00:10:14,340 --> 00:10:16,030
Há quatro agora que cobrimos.

136
00:10:16,050 --> 00:10:19,890
O índice mostrará todo um dado recurso como cães ou acampamentos.

137
00:10:19,890 --> 00:10:21,620
A nova rota mostra o formulário

138
00:10:21,720 --> 00:10:26,120
para criar um novo recurso criar é a rota de publicação onde realmente fazemos a

139
00:10:26,340 --> 00:10:32,700
criação do recurso e mostrar é uma rota que é uma solicitação de obtenção e tem uma ID e lá você vai.

140
00:10:32,700 --> 00:10:38,370
E isso é realmente importante porque mostra informações sobre um recurso.

141
00:10:38,440 --> 00:10:38,770
No nosso

142
00:10:38,790 --> 00:10:42,980
caso, um cão ou no nosso app um acampamento e o novo comando que vimos para fazer isso para interagir com

143
00:10:43,140 --> 00:10:51,060
Mongo é encontrar por identificação e, em seguida, uma nota lateral rápida, eu também mostrei a queda da coleção de pato DB que usamos para excluir todos os existentes acampamentos em nosso banco de dados com um comando

144
00:10:51,060 --> 00:10:57,720
 

145
00:10:57,720 --> 00:11:01,810