Diferencias

Muestra las diferencias entre dos versiones de la página.

--- unidades:10_servidor:07_angularjs [2014/09/04 15:38]
admin [Añadir un nuevo seguro médico]
+++ unidades:10_servidor:07_angularjs [2014/09/06 09:55] (actual)
admin [remoteResource]
@@ Línea 64: / Línea 64: @@
 Como vemos los cambios han sido mínimos, solo la nueva URL y la gestión del error ''400 Bad Request'' que ahora es lo que hace que se rechace la promesa.
-Pasemos ahora a ver el resto de los métodos. Son casi todos iguales y solo cambia la URL y los datos que se envían.
+Pasemos ahora a ver el resto de los métodos. Son casi todos iguales y solo cambia el método HTTP, la URL y los datos que se envían.
-<sxh js;highlight: [8,22,29]>
+<sxh js;highlight: [6,8,22,29]>
     this.insert = function(seguroMedico) {
         var defered = $q.defer();
@@ Línea 129: / Línea 129: @@
     };
 </sxh>
+  * Línea 6: Usamos el método HTTP de ''POST'' para enviar los datos, en los otros métodos usaremos ''PUT'' y ''DELETE''.
   * Líneas 8 y 29: Se usa la propiedad ''data''. La propiedad ''data'' contiene el objeto JavaScript que se transforma en un String JSON y se envía en la petición HTTP en el cuerpo de la misma. Esta String JSON es el que posteriormente se obtiene desde el servidor en Java con la anotación [[unidades:10_servidor:06_controlador#accediendo_al_json_de_entrada|@RequestBody]].
   * Línea 22: Hemos optado por pasar el parámetro ''idSeguro'' aunque también se podría obtener del mismo objeto JavaScript ''seguroMedico'' mediante ''seguroMedico.idSeguro''. Se ha hecho así para destacar en el update se envía el ''idSeguro'' tanto en la URL como en el propio objeto.
@@ Línea 455: / Línea 455: @@
   * Línea 9: Ponemos el botón para que el usuario pueda en cualquier momento quitar los mensajes. Hay que fijarse que realmente el botón no oculta los mensajes sino que borra la lista de mensajes y al hacerlo la directiva ''ng-show'' del ''<div>'' es la que lo oculta.
-Si ves el resultado de esto te puede parecer muy cutre pero por ejemplo con [[http://getbootstrap.com/Bootstrap|Bootstrap]] y simplemente usando [[http://getbootstrap.com/components/#alerts-dismissible|Dismissible alerts]] puede quedar tan elegante como en la siguiente imagen:
+Si ves el resultado del HTML te puede parecer muy cutre pero por ejemplo con [[http://getbootstrap.com/Bootstrap|Bootstrap]] y simplemente usando [[http://getbootstrap.com/components/#alerts-dismissible|Dismissible alerts]] puede quedar tan elegante como en la siguiente imagen:
 {{:unidades:10_servidor:dismissiblealerts.png?nolink|}}
+Y quitamos el horrible botón de "Quitar mensajes" substituyendolo por el aspa de la parte superior derecha.
-Y fíjate lo bien que queda el aspa de la parte superior derecha en vez del horrible botón de nuestro ejemplo.
 ===== Ejemplo =====
@@ Línea 471: / Línea 470: @@
 Por supuesto estas restricciones no tienen ningún sentido y están puestas por un motivo puramente pedagógico.
-El principio de método ''insert'' se han añadido las siguientes líneas:
+Al principio del método ''insert'' se han añadido las siguientes líneas:
 <sxh java>
         if ("11111111A".equals(seguroMedico.getNif())) {
@@ Línea 479: / Línea 478: @@
-Al principio de método ''delete'' se han añadido las siguientes líneas:
+Al principio del método ''delete'' se han añadido las siguientes líneas:
 <sxh java>
         if (idSeguroMedico==1) {

unidades/10_servidor/07_angularjs.1409837922.txt.gz · Última modificación: 2014/09/04 15:38 por admin

Ir hasta arriba