1
00:00:00,390 --> 00:00:06,900
Bienvenidos en esta clase, vamos a ver el formulario, vamos a crear la plantilla, nos vamos a recursos,

2
00:00:07,020 --> 00:00:11,160
a Resources Templates, con click derecho New Otro.

3
00:00:12,870 --> 00:00:13,380
En web.

4
00:00:13,500 --> 00:00:14,420
HTML Effi.

5
00:00:15,150 --> 00:00:15,840
Siguiente.

6
00:00:15,930 --> 00:00:24,540
Vamos a nombrar como form, tal como indicamos en el controlador, la vista es form.

7
00:00:25,530 --> 00:00:28,110
Lo primero, el meta lo vamos a cambiar.

8
00:00:29,460 --> 00:00:30,060
Cerramos.

9
00:00:30,150 --> 00:00:32,400
Vamos a agregar una especie de timeline.

10
00:00:39,600 --> 00:00:45,560
Vamos a agregar la hoja de estilo de vostra y en el título, porque también pasamos un título en el

11
00:00:45,570 --> 00:00:46,020
crear.

12
00:00:46,380 --> 00:00:54,510
Vamos a tener el atributo text con el parámetro que pasamos la vista título.

13
00:00:55,230 --> 00:00:56,700
Vamos a tener el H1

14
00:01:01,170 --> 00:01:01,620
título.

15
00:01:01,950 --> 00:01:05,190
Luego vamos a tener una tabla HTML que validar.

16
00:01:05,280 --> 00:01:07,200
El formulario va a contener los campos.

17
00:01:07,260 --> 00:01:08,820
Primero el formulario.

18
00:01:12,950 --> 00:01:21,410
Y dentro del formulario natal vamos a tener terre por cada campo, un terre para Leydi, que va a tener

19
00:01:21,500 --> 00:01:24,460
el TEDE y va a tener otro T.D.

20
00:01:24,860 --> 00:01:28,400
Uno para el label o nombre de campo y el otro para el campo.

21
00:01:28,850 --> 00:01:37,250
Vamos a tener para el Heidy nombre, apellido y Imai y el botón el Button va a tener un solo TD ya que

22
00:01:37,250 --> 00:01:37,910
no hay nombre.

23
00:01:38,330 --> 00:01:39,260
Vamos a ordenar

24
00:01:42,050 --> 00:01:56,840
el Heidy nombre, el apellido y mail y vamos a tener los input uno para Heidy, para nombre, apellido

25
00:01:56,960 --> 00:01:57,920
y para M.

26
00:01:58,670 --> 00:02:03,140
Para crear un formulario Dim LIF y Spring tenemos dos etiquetas que son importantes.

27
00:02:03,230 --> 00:02:06,440
La primera es el Action y la segunda el Hoggett.

28
00:02:07,040 --> 00:02:10,610
El Action, que contiene la VL hacia la ruta.

29
00:02:12,120 --> 00:02:17,070
Que procesa el formulario tipo post que va a obtener el cliente que está mapeado al formulario.

30
00:02:17,100 --> 00:02:25,920
Recordemos que Lawrence va con el ArruÃ, la acción form, la acción con su ruta del tipo post.

31
00:02:26,250 --> 00:02:35,550
Lo segundo en mapear el objeto cliente al formulario THT 2 punto Hoggett con el signo peso con la llave

32
00:02:35,670 --> 00:02:42,750
hacemos referencia al objeto que se está pasando acá cliente cliente sería nuestro objeto del formulario.

33
00:02:43,260 --> 00:02:50,700
Pasamos el cliente vamos a guardar y acá en input para mapear los campo por ejemplo el input Heidy el

34
00:02:50,700 --> 00:02:53,670
input nombre, el apellido y el input email.

35
00:02:53,760 --> 00:02:55,710
El campo Didí es auto incremental.

36
00:02:55,800 --> 00:03:01,350
No se tienen que agregar en el formulario, pero si se puede agregar como un campo hidden, un campo

37
00:03:01,440 --> 00:03:02,280
escondido.

38
00:03:02,370 --> 00:03:05,640
Entonces lo que vamos a hacer es eliminar el terre

39
00:03:10,200 --> 00:03:16,080
type gigan del tipo given field.

40
00:03:16,560 --> 00:03:24,060
Acá vamos a mapear con asterisco con las llaves y vamos a dar el nombre del campo y el idén.

41
00:03:24,180 --> 00:03:31,290
Lo podemos correr al final, al final fuera de la tabla lo dejamos justo antes del cierre del formulario.

42
00:03:31,350 --> 00:03:44,040
Luego tenemos el nombre del tipo text y también va a tener un campo seco fill asterisco, la llave y

43
00:03:44,040 --> 00:03:48,180
el nombre del atributo en la clase, en la clase cliente nombre.

44
00:03:49,350 --> 00:03:53,970
Entonces acá estamos mapeando cada campo del formulario con cada atributo.

45
00:03:54,090 --> 00:04:03,150
En la clase client ya tenemos mapeado el Heidy, ahora el nombre, también el apellido del tipo text

46
00:04:03,840 --> 00:04:05,700
y está mapeado al campo.

47
00:04:11,560 --> 00:04:19,510
Apellide y el email también muy parecido, pero el tipo lo vamos a dejar como email, ya que es un tipo

48
00:04:19,630 --> 00:04:27,700
HTML5 y este mapeado al email, entonces tenemos el nombre, el apellido y el email nombre, apellido

49
00:04:27,760 --> 00:04:28,320
y el email.

50
00:04:28,630 --> 00:04:31,630
El Heidy Campo Idén y la fecha.

51
00:04:33,010 --> 00:04:39,400
La podemos agregar cuando se crea, cuando se realiza el INSER no es necesario agregarla en el formulario.

52
00:04:39,790 --> 00:04:45,310
Bueno, después vamos a modificar el ejemplo para agregar la fecha como un campo para seleccionar la

53
00:04:45,310 --> 00:04:50,770
fecha con un datepicker de HTML5 y faltaría el input

54
00:04:53,590 --> 00:04:54,520
del tipo submit.

55
00:04:56,560 --> 00:05:00,970
Crear cliente y vamos a cerrar el campo.

56
00:05:01,090 --> 00:05:08,740
Importante cerrar las etiquetas en el título el signo peso tienen que ir fuera.

57
00:05:09,430 --> 00:05:13,810
Y otro tema importante es que el formulario tiene que ser del método post.

58
00:05:16,480 --> 00:05:23,440
Importante también agregar el método post de que cuando se realiza un submit se envía con el botón Crear

59
00:05:23,440 --> 00:05:24,100
cliente.

60
00:05:24,550 --> 00:05:32,120
Automáticamente se va al método Guardar del tipo post con el mapping form, con la ruta Form.

61
00:05:32,710 --> 00:05:37,360
Entonces por eso es importante incluir el método post en el formulario.

62
00:05:37,420 --> 00:05:45,310
Entonces formulario tiene la acción el mapping hacia el objeto cliente y el método post y posteriormente

63
00:05:45,400 --> 00:05:46,990
los campos guardamos.

64
00:05:47,110 --> 00:05:53,370
Ahora vamos a la clase cliente y vamos a crear un método public void.

65
00:05:54,010 --> 00:06:01,690
Le vamos a llamar pre pre persisto, es decir, antes de que se guarde el asiento y acá vamos a asignar

66
00:06:01,780 --> 00:06:06,420
la fecha igual New Day de Yaba útil.

67
00:06:07,540 --> 00:06:12,670
Pero para que funcione este método y se ejecute como un evento que parte del ciclo de vida de la clase

68
00:06:12,670 --> 00:06:17,710
ENTITY manejada por el ente manager, tenemos que decorar con la anotación predi persis.

69
00:06:19,750 --> 00:06:22,000
Entonces pre perci de JPA.

70
00:06:22,120 --> 00:06:29,350
Anotamos, decoramos el método y de forma automática se va llamar este método justo antes de invocar

71
00:06:29,410 --> 00:06:30,760
el método perci.

72
00:06:30,820 --> 00:06:34,060
Justo antes de insertar el registro enlacé dato.

73
00:06:36,840 --> 00:06:39,120
El siguiente paso es el listar.

74
00:06:39,510 --> 00:06:42,420
Agregamos un link para crear los productos.

75
00:06:42,450 --> 00:06:45,780
Justo arriba de la tabla vamos a crear el link

76
00:06:50,250 --> 00:06:53,510
arroba porque es una VL y se va a ir al formulario.

77
00:07:01,080 --> 00:07:01,990
Y vamos a guardar.

78
00:07:02,730 --> 00:07:05,400
Entonces ahora vamos a ejecutar con clic derecho.

79
00:07:05,490 --> 00:07:06,210
Ranas.

80
00:07:07,210 --> 00:07:07,960
Y Springwood?

81
00:07:14,400 --> 00:07:17,010
Abrimos el navegador y nos podemos alistar.

82
00:07:17,730 --> 00:07:21,540
Crear cliente, por ejemplo, José.

83
00:07:28,240 --> 00:07:32,170
Crea Client lo registra igual, podemos hacer un par de mejora.

84
00:07:32,230 --> 00:07:39,520
Por ejemplo, podríamos incluir un diseño mejor en nuestro formulario, podríamos agregar el menú.

85
00:07:42,440 --> 00:07:45,560
Podríamos decorar el H1.

86
00:07:53,260 --> 00:07:57,790
También podríamos dejar todo dentro del contenedor container, todo el contenido.

87
00:08:03,030 --> 00:08:04,740
Y el acampo le podemos dar estilos

88
00:08:08,700 --> 00:08:10,560
conform control de vostra.

89
00:08:13,410 --> 00:08:15,840
Guardamos y actualizamos.

90
00:08:16,770 --> 00:08:18,420
Entonces ella tiene un mejor diseño.

91
00:08:18,990 --> 00:08:22,590
También le podemos dar un diseño al botón y nos vamos al botón.

92
00:08:27,500 --> 00:08:37,790
Y tenemos lo estilo btn, btn, primary propio de vostra actualizamos y tenemos un mejor Lucasfilm para

93
00:08:37,790 --> 00:08:38,270
formulario.

94
00:08:38,630 --> 00:08:40,250
Bien, quedamos hasta acá.

95
00:08:40,340 --> 00:08:41,270
Hasta la próxima.