1
00:00:00,120 --> 00:00:01,950
Continuamos con el CRUD en Angular.

2
00:00:02,040 --> 00:00:07,920
Vamos a implementar el crear en la clase SERVIS, que nos vamos a clientes, a PPI clientes.

3
00:00:08,220 --> 00:00:08,920
Vamos a abrir.

4
00:00:08,940 --> 00:00:11,880
Cliente Servis y vamos a implementar el crear.

5
00:00:12,390 --> 00:00:17,310
Entonces vamos a tener el método Crédit que va a recibir el cliente.

6
00:00:17,460 --> 00:00:21,780
El objeto cliente Jason del tipo de cliente.

7
00:00:23,580 --> 00:00:30,420
Y este método va a retornar un tipo observable de cliente que sería el objeto cliente que se creó en

8
00:00:30,420 --> 00:00:31,110
el API rest.

9
00:00:31,200 --> 00:00:39,960
Recordemos que en el API Rest cuando crea un nuevo cliente, va a retornar el objeto creado observable

10
00:00:41,850 --> 00:00:48,450
de cliente y acá usando el componente HTTP, vamos a retornar.

11
00:00:51,270 --> 00:00:57,360
Vamos a usar el verbo post, ya que para crear un nuevo registro pasamos la VL.

12
00:01:01,800 --> 00:01:08,550
Y como segundo parámetro vamos a pasar el cliente o los datos que vamos a enviar al servidor y como

13
00:01:08,550 --> 00:01:15,270
tercer parámetro las cabeceras http, entonces acá tenemos que crear un atributo con las cabeceras

14
00:01:18,720 --> 00:01:20,180
un http igers.

15
00:01:20,580 --> 00:01:27,900
Va a ser igual a new http giver por constructor.

16
00:01:28,020 --> 00:01:29,820
Vamos a pasar el content tipo.

17
00:01:29,940 --> 00:01:37,380
Entonces acá el content type va a ser igual a application Jason.

18
00:01:40,650 --> 00:01:43,590
Y tenemos que importar las cabeceras.

19
00:01:44,100 --> 00:01:49,900
Entonces en import vamos a agregar en Angular Kalman http.

20
00:01:50,160 --> 00:02:00,930
Después de http client una coma y pasamos http hirsh y vamos a pasar este http hirsh como tercer argumento

21
00:02:01,290 --> 00:02:07,050
dentro de un objeto que va a tener el atributo Hitlers y pasamos la instancia

22
00:02:10,500 --> 00:02:12,810
y pasamos el http gers.

23
00:02:13,590 --> 00:02:21,220
Y en el post como retornamos un observable de cliente, acá tenemos que pasar el tipo de cliente va

24
00:02:21,410 --> 00:02:26,640
a retornar el nuevo cliente que se creó en el servidor y ahí tenemos implementado el crédito.

25
00:02:26,910 --> 00:02:34,530
A diferencia del ghetto, usamos post, pasamos laureles que si localhost API clientes, pasamos los

26
00:02:34,530 --> 00:02:38,490
datos que sería el objeto clientes y pasamos el IRS.

27
00:02:38,970 --> 00:02:43,830
Guardamos y el siguiente paso decidira el componente afor component.

28
00:02:46,030 --> 00:02:47,980
Y acá tenemos que implementar el crédito.

29
00:02:48,190 --> 00:02:51,400
Entonces tenemos que inyectar la clase servis

30
00:02:54,430 --> 00:02:55,510
cliente servis.

31
00:02:55,780 --> 00:02:57,190
Ese sería el tipo.

32
00:03:00,370 --> 00:03:04,390
Acá tenemos el atributo y tenemos que importar clientes, servis la clase.

33
00:03:13,140 --> 00:03:23,880
Entonces acá vamos a invocar el método CRAI del servis diz cliente servis punto Create, vamos a pasar

34
00:03:23,970 --> 00:03:36,360
el objeto cliente y vamos a suscribir acá sería dis cliente que es atributo de la clase suscribimos,

35
00:03:36,480 --> 00:03:41,100
acá iría la respuesta y alguna acción.

36
00:03:41,490 --> 00:03:47,460
Una vez que se haya creado el objeto vard, tornar la respuesta que va a contener el nuevo objeto creado.

37
00:03:47,760 --> 00:03:54,210
Y la idea es redirigir al dictado de vuelta para mostrar los cambios, para mostrar el nuevo cliente

38
00:03:54,270 --> 00:03:55,980
que se creó en el servidor.

39
00:03:56,070 --> 00:03:58,380
En el buque tenemos que usar las rutas.

40
00:03:58,470 --> 00:04:01,140
Vamos a importar la clase router

41
00:04:05,100 --> 00:04:09,300
router from Angular Router.

42
00:04:12,330 --> 00:04:20,340
Vamos a inyectar como segundo parámetro en el constructor private router del tipo router.

43
00:04:22,140 --> 00:04:24,060
Entonces acá con Di's Router

44
00:04:27,060 --> 00:04:31,430
Punto Navigator y acá pasamos la ruta.

45
00:04:31,710 --> 00:04:36,960
Entonces sería corchetes las comillas y vamos a pasar clientes.

46
00:04:37,950 --> 00:04:41,730
Entonces con esto va a redirigir al listado de clientes.

47
00:04:41,820 --> 00:04:43,350
Iba a mostrar los cambios.

48
00:04:43,590 --> 00:04:49,950
Bien, guardamos, vamos a levantar el Wacken, así que nos vamos al proyecto con Spring en Eclipse.

49
00:04:50,250 --> 00:04:50,970
Derecho.

50
00:04:52,860 --> 00:04:54,600
Ranas Springwood AP.

51
00:05:01,130 --> 00:05:07,850
Y volvemos al proyecto cliente, volvemos auto, vamos a ir a la consola y levantamos la aplicación.

52
00:05:08,090 --> 00:05:12,410
Entonces con mji ser menos o.

53
00:05:18,350 --> 00:05:21,950
Vamos a crear un nuevo cliente, por ejemplo

54
00:05:25,340 --> 00:05:27,140
Bilbo Baggins y un correo,

55
00:05:30,530 --> 00:05:35,900
y vamos a crear y si observamos en el estado, acá tenemos a Bilbo Baggins y El Correo.

56
00:05:36,800 --> 00:05:38,990
Así que está funcionando perfecto.

57
00:05:39,170 --> 00:05:46,670
Y si vamos a Eclipse, podemos observar que realiza el INSEN acá realiza el insert para registrar el

58
00:05:46,670 --> 00:05:47,720
nuevo registro.

59
00:05:48,860 --> 00:05:50,260
En el API Rest, en el paquete.

60
00:05:51,880 --> 00:05:54,760
Y luego vuelve a la consulta para actualizar los cambios.

61
00:05:56,100 --> 00:06:00,600
Quedabamos hasta acá y cualquier duda que tengan la revisamos hasta la próxima.