Plantillas

Antes de empezar

Antes de crear servicios que llaman a plantillas, asegúrese de que sabe crear Servicios Web REST; si no lo sabe, visite el siguiente enlace:

• Servicios Web REST

También es aconsejable que, antes de comenzar este tutorial, se asegure de que tiene nociones básicas de JavaScript.

Uso de plantillas en servicios

En este tutorial abordaremos la creación de plantillas y las acciones necesarias para poder llamarlas en su servicio.

Al crear un servicio en Netuno tiene la opción de acceder a plantillas creadas por usted, es decir, según el resultado podrá redirigir su servicio a una plantilla en HTML con datos.

En este ejemplo tendremos una plantilla básica en HTML y pasaremos datos del servicio a esa misma plantilla.

Creación de una plantilla

Una vez situado en el directorio anterior, vamos a crear un archivo en .html; en este ejemplo se llamará plantilla.html.

A continuación se muestra el contenido de esta página:

<!-- Llamada al encabezado de Netuno -->
_{include=_|includes/head}

<!-- Definición de estilos -->

<style>
body, html {
  margin: 10px;
}

h1, b {
  color: #8182E6;
}
</style>

<!-- Inicio del cuerpo del html -->
<h1>T&iacute;tulo de la plantilla</h1>

<!-- Cuando necesite pasar datos de un servicio a una plantilla utilice _{&variable} -->
<p>Hola, soy un <b>_{&datos=nombre}</b> y estoy recibiendo <b>_{&datos=datos}</b> de un servicio!</p>

<!-- Fin del cuerpo del html -->

<!-- Llamada al pie de página de Netuno -->
_{include=_|includes/foot}

Por último, se crea el servicio con la llamada a la plantilla con la siguiente función:

_template.output(‘nombre_de_la_plantilla’, variables(opcional));

A continuación se muestra el ejemplo del servicio ‘service.js’:

// Iniciar el objeto 'datos' para que este pueda recibir datos
var datos = _val.init()
    
// Asociar valores al objeto 'datos'
    .set("nombre", "plantilla")
    .set("datos", "datos")

// Esta función es la que permite efectuar la llamada a la plantilla
_template.output("plantilla", datos);

Si tiene su plantilla en un subdirectorio, indique en la función: _template.output('directorio/nombre_de_la_plantilla')

Por último, basta con efectuar la llamada al servicio en el navegador y aparecerá algo similar a lo siguiente:

Tenga en cuenta que, según su navegador, los resultados mostrados anteriormente podrán variar.

Si tiene alguna pregunta, no dude en contactar con nosotros a través de los medios presentados al final de la página.

¡Buen desarrollo!