Views
Introducción
(Vistas) es un módulo que nos proporciona una indispensable herramienta si queremos crear presentaciones de contenido dinámicas. Ya sea en formato de tablas, listas o en forma de cuadrícula, podremos enseñar aquellos nodos de contenido que, después de un filtrado adaptado se adapten a las necesidades de una petición de datos.
Entre otras acciones, el módulo Views podrá implementar:
- Una página que muestre todos y cada uno de los nodos de un tipo de contenido determinado. Además, podemos añadir filtros de búsqueda para asistir al usuario a localizar el contenido que pueda ser de su interés.
- Un bloque con un listado de los últimos usuarios registrados en el sitio.
- Una tabla de datos con campos ordenables. Los datos se pueden extraer, por poner un ejemplo, desde un conjunto de nodos de un tipo de contenido determinado.
- Un bloque con los contenidos más visitados.
- Un grid o bien rejilla con una colección de imágenes.
Instalación y configuración
El módulo se compone de 2 submódulos dependientes
Views: Es el módulo principal, preciso para hacer uso de las vistas.
Views UI: Aporta la interfaz de usuario, necesaria para dirigir las vistas. Sin este módulo no se pueden crear o bien editar vistas.
Una vez instalado y activado el módulo accederemos a la próxima ruta para crear una nueva vista:
Administración->Estrutura->Vistas
También es posible accediendo desde:
Administración->Estructura->Vistas->Ajustes->Avanzado
En la ventana que se abre aparecen ciertas vistas ya creadas por el propio módulo o bien por otros módulos instalados. Estas vistas pueden estar activadas (texto negro)o no (texto gris) según su configuración inicial. Por ejemplo podemos escoger la vista Tracker. Esta vista nos mostrará una tabla con los últimos contenidos publicados en el sitio.
En el caso que el sistema nos devuelva un error del tipo “página no encontrada” se recomienda vaciar todas las cachés desde la opción:
Administración->Configuración->Rendimiento
Pero para entender bien su funcionamiento y su potencial nos vamos a centrar en la creación de una nueva vista. Nos ayudaremos siguiendo el mismo ejemplo que estamos tratando de desarrollar, un portal inmobiliario. Así, se creará una vista para un tipo de contenido y lo filtraremos por el dueño de cada tipo de contenido. Así, des esta forma, cada inmobiliaria podrá acceder y administrar sus propios inmuebles con independencia de los inmuebles que haya creado otra inmobiliaria, como es lógico.
Para continuar con el ejemplo, será aconsejable que ahora creamos un par más de inmobiliarias y tres o 4 inmuebles para cada inmobiliaria. De esta manera vamos a poder crear una tabla de inmuebles dinámica.
Antes de ver cómo crear Vistas, accederemos a la pestaña
Opcionespara revisar ciertas opciones de configuración generales que afectan a la gestión de las vistas. Ciertas opciones básicas son:
Mostrar filtros en el listado de vistas.
Mostrar advertencia de ayuda avanzada: Existe un módulo llamado Advanced help que deja a los desarrolladores de módulos incluir ayuda avanzada en los módulos. Si no instalamos el módulo, Views nos avisará constantemente de su existencia, ya que con Advanced help conseguiremos una ayuda más detallada sobre las vistas. Para eludir que se muestre este mensaje de manera continua, tenemos 2 opciones, instalar el módulo Advanced help o bien desactivar esta opción.
Etiqueta para el valor "cualquier": Es el valor que se muestra en los listados de selección única. El valor <Any> no es traducible, con lo que vamos a deber elegir el otro valor disponible, - Any - (- Cualquiera -), si queremos que se muestre en español en las listas.
Configuración de vista previa: Permite configurar el comportamiento de la Vista previa. Por servirnos de un ejemplo, podemos señalar que se muestre la sentencia SQL generada, muy útil para los desarrolladores.
De las configuraciones avanzadas destacamos:
Desactivar la caché de datos de vistas: Esta opción puede afectar al desempeño del lugar, con lo que se recomienda no activarla. Sí puede ser útil desactivarla en sitios en desarrollo, puesto que evitaremos inconvenientes de actualización de la vista relacionados con la caché.
Limpiar la caché de vistas: Elimina todos los datos de caché almacenados para agilizar el funcionamiento de las vistas. Utilizaremos esta opción cuando los cambios aplicados a una vista no se vean actualizados en la página final generada por la vista.
Opciones de depuración: Durante la implementación de las vistas podemos precisar activar algunas de estas opciones. La interfaz emplea JavaScript, que podrá desactivarse desde esta opción. El área de edición de vistas seguirá marchando correctamente, si bien sin las funcionalidades auxiliares que ofrece javascript.
Localización: Permite elegir un método de traducción. Por defecto utilizaremos el facilitado por el núcleo.
Creación de vistas
Desde el enlace Administración->Estructura->Vistas pulsaremos sobre el enlace Agregar nueva vista, que aparece en la parte superior izquierda de la ventana.
A continuación aparece una nueva ventana que nos pedirá una serie de datos.
En este primer paso tendremos que completar las siguientes opciones:
Nombre de vista: Es el nombre de la vista que se mostrará en los listados de administración. Puede contener cualquier carácter.
Nombre de sistema: El nombre de sistema se mostrará al completar el nombre de la vista. Los caracteres especiales, incluyendo las tildes y ñ se sustituirán por guiones bajos, por lo que puede ser preciso editar y reescribir el nombre de sistema.
Descripción: Añade un texto descriptivo.
Mostrar: En este apartado elegiremos el género de elemento (contenido, archivos, usuarios, etcétera). Según el tipo escogido, vamos a poder construir vistas diferentes, ya que lo que estamos escogiendo es el principal elemento sobre el que la vista realizará la consulta SQL a la base de datos. Esta elección es esencial, puesto que las opciones de configuración y campos disponibles dependerán del tipo de vista elegido. diseño web wordpress toledo un género de vista, no se podrá alterar este valor, así que en caso de error vamos a deber edificar la vista desde cero. Algunos de los tipos de vista libres en un inicio son:
- Contenido. Permite trabajar sobre cualquier tipo de contenido o bien nodo del lugar.
- Archivos. Permite crear una vista centrada en los archivos subidos al lugar.
- Comentarios. Permite crear una vista con comentarios publicados en los nodos.
- Origen de regionalización. Deja crear una vista con textos de traducción.
- Revisiones de contenido. Deja crear una vista centrada en revisiones de nodos.
- Términos de taxonomía. Permite crear una vista que utilice términos de taxonomía asociados a los nodos.
- Usuarios. Deja crear una vista donde el factor central sean los usuarios registrados en el lugar.
- Contenido. Deja trabajar sobre cualquier género de contenido o nodo del sitio.
- Archivos. Deja crear una vista centrada en los archivos subidos al sitio.
- Comentarios. Permite crear una vista con comentarios publicados en los nodos.
- Origen de regionalización. Permite crear una vista con textos de traducción.
- Revisiones de contenido. Permite crear una vista centrada en revisiones de nodos.
- Términos de taxonomía. Deja crear una vista que utilice términos de taxonomía asociados a los nodos.
- Usuarios. Permite crear una vista donde el elemento central sean los usuarios registrados en el sitio.
También vamos a poder seleccionar si lo que deseamos crear es una página o un bloque:
- Para
Crear una página: Indicaremos si la vista se presentará en una página. Podremos configurar, entre otras cosas, el título, el alias de URL y el formato de presentación. El número de elementos que se mostrará, si se utilizará o bien no un paginador, link a menú... - Para
Crear un bloque: Indicaremos si la vista se presentará en un bloque. Vamos a poder configurar el título, el formato de presentación y el número de elementos por página.
Como se muestra en la atrapa, hemos configurado una vista en forma de página. Hemos añadido un texto de descripción. A más, hemos preconfigurado que el formato de presentación sea una lista sin formato de resúmenes, con links y sin comentarios. Por último hemos escogido que se muestren diez elementos, que se utilice un paginador en caso necesario y por último se creará un enlace de menú en el menú de navegación, donde el texto del enlace sea “inmuebles”.
Una vez completados estos campos haremos clic en
Continuar y editarpara pasar a la edición de la vista. La vista no se almacenará de forma terminante hasta que no hagamos click en
Guardaren la ventana de edición.
La ventana que se muestra es la columna vertebral de la edición de vistas. Esta, está compuesta por diferentes secciones que analizaremos a continuación:
Botones de Guardar y Cancelar:(1) Se muestran en la esquina superior derecha. Sólo se mostrarán cuando la vista tenga cambios pendientes por Guardar. El botón Cancelar deja descartar los últimos cambios efectuados y que aún no hayan sido guardados.
Presentaciones:(2) Se muestran en pestañas las presentaciones libres. El botón +Agregar permitirá añadir nuevas presentaciones a la vista. Por ejemplo, una misma vista puede generar una página y un bloque (o bien varias de estas presentaciones). En verdad, la vista no se podrá utilizar si no se crea cuando menos una presentación. Las presentaciones más usadas son página y bloque, si bien dispondremos de otras adicionales, como un canal de noticias RSS. Algunos módulos adicionales añadirán otro tipo de presentaciones.
Editar nombre/descripción de la vista:(3) Permite alterar el Nombre interno de la vista y el campo Descripción. Además vamos a poder añadir una etiqueta para la categorización de la vista en las páginas de administración. Desplegando este campo vamos a poder realizar diferentes acciones:
- Analizar vista: Busca posibles fallos en la vista.
- Clonar vista. Produce una copia completa de la vista.
- Exportar vista. Genera el código PHP que podremos emplear para exportar la vista a otro sitio web o incluirla en un módulo
- Reordenar vistas. Permite reordenar las presentaciones dentro de la vista.
- Eliminar vista. Esta opción estará disponible una vez se haya guardado la vista.
Detalles de presentación(
page):(4) Permite configurar la presentación escogida. A la derecha del nombre de la presentación se muestra un nuevo desplegable con funciones que podemos aplicar sobre la vista: ver presentación (view), clonar presentación (clone), eliminar presentación (delete) y deshabilitar presentación (disable). Dentro de Detalles de cada presentación encontraremos opciones de configuración, agrupadas en:
- Opciones básicas:(cuatro.1) Conjunto de opciones que permiten configurar la presentación.
- Campos:(cuatro.2) Se incorporan aquí aquellos campos que se desean mostrar en la vista.
- Criterios de filtrado:(4.3) Permiten filtrar los resultados mostrados por la vista. También es posible poner a disposición del usuario elementos de formulario (filtros expuestos) a fin de que pueda escoger los filtros que desea aplicar a los resultados.
- Criterios de ordenación:(cuatro.4) Permite definir los criterios de ordenación de los elementos mostrados en la vista.
Vista previa:(5) Debajo del área de edición de la vista se muestra la vista anterior de la presentación actual. Se puede escoger la Previsualización automática, con lo que toda vez que hagamos un campo se mostrará el resultado final actualizado. También podemos ejecutar la vista anterior haciendo clic en el botón de Vista previa.
Opciones avanzadas:(6) Si tenemos la opción configurada para que esta sección se despliege automáticamente, entonces se verá como en la presentación, sinó se mostrará como un desplegable..
- Filtros contextuales. Permite añadir filtros basados en el contexto (campos, parámetros de la URL, usuario actual, etc.).
- diseño web con wordpress . Deja ampliar las consultas efectuadas en una vista añadiendo campos de otros elementos Drupal que estén relacionados. Por ejemplo para una vista que muestra nodos se puede establecer una relación con el usuario que crea los nodos para enseñar campos relacionados con los usuarios.
- Comportamientos si no hay resultados: Se puede configurar una presentación en el caso que la vista no genere resultados.
- Formulario expuesto: Se puede configurar ciertos ajustes de formulario.
- Otras opciones avanzadas. En Otros se presentan otras opciones de configuración de la presentación.
- Analizar vista: Busca posibles fallos en la vista.
- Clonar vista. Genera una copia completa de la vista.
- Exportar vista. Produce el código PHP que vamos a poder utilizar para exportar la vista a otro sitio o bien incluirla en un módulo
- Reordenar vistas. Permite reordenar las presentaciones dentro de la vista.
- Eliminar vista. Esta opción estará libre una vez se haya guardado la vista.
- Opciones básicas:(4.1) Conjunto de opciones que dejan configurar la presentación.
- Campos:(4.2) Se incorporan aquí aquellos campos que se desean enseñar en la vista.
- Criterios de filtrado:(cuatro.3) Permiten filtrar los resultados mostrados por la vista. También es posible poner a disposición del usuario elementos de formulario (filtros expuestos) para que pueda seleccionar los filtros que desea aplicar a los resultados.
- Criterios de ordenación:(cuatro.4) Permite acotar los criterios de ordenación de los elementos mostrados en la vista.
- Filtros contextuales. Deja añadir filtros basados en el contexto (campos, parámetros de la URL, usuario actual, etc.).
- Relaciones. Deja ampliar las consultas realizadas en una vista añadiendo campos de otros elementos Drupal Trademark que estén relacionados. Por ejemplo para una vista que muestra nodos se puede establecer una relación con el usuario que crea los nodos para enseñar campos relacionados con los usuarios.
- Comportamientos si no hay resultados: Se puede configurar una presentación en el caso que la vista no produzca resultados.
- Formulario expuesto: Se puede configurar ciertos ajustes de formulario.
- Otras opciones avanzadas. En Otros se presentan otras opciones de configuración de la presentación.
Opciones básicas
En este apartado presentamos las opciones básicas que se podrán aplicar en cada presentación de la vista:
Nombre a mostrar, Título, Formato, Opciones de página, Encabezado, Pie de página y Paginador. También vamos a ver las Opciones de Página y Opciones de Bloque, en función del género de presentación que deseemos crear.
Nombre a mostrar: Es el nombre asociado a la presentación. Sólo se utilizará en la interfaz de administración de la vista. Se recomienda alterar el nombre por defecto y asignarle un nombre relacionado con el contenido de la vista (Listado de últimos inmuebles, Últimos usuarios, etcétera ).
Título: Es el título que se mostrará en la vista. En función del tipo de presentación podrá ser un título de página, un título de bloque, etc.
Formato: Inicialmente dispondremos de los siguientes formatos o estilos: Cuadrícula, Lista HTML, Lista sin formato, Menú saltar y Tabla. Una vez escogido el Formato podremos acceder a su configuración haciendo click en el link Opciones que se muestra a su derecha. A continuación veremos un ejemplo de presentación de cada formato y las opciones libres para cada uno de ellos de ellos.
Por ejemplo, si elegimos una lista sin formato, obtendremos una vista como esta:
En cambio, si escogimos una cuadrícula, obtendremos una vista como la siguiente:
Mostrar: Permite seleccionar entre Campos, contenido, entidad representada o envíos devueltos
Tipos de formato:
A continuación veremos de cada género de formato, las características específicas de cada uno de ellos:
Formato cuadrícula: Crea una cuadrícula o grid de elementos. Es útil para presentar elementos en múltiples columnas/filas.
En el formato cuadrícula vamos a poder configurar el número de columnas y la alineación. Si señalamos alineación horizontal los elementos de la vista se colocarán de izquierda a derecha (y de arriba a abajo), al paso que si indicamos alineación vertical los elementos se colocarán de arriba abajo (y de izquierda a derecha).
La opción Atestar una sola línea, completa los recuadros de la fila si bien no tenga todos los elementos.
También podremos indicar una clase para cada fila, con lo que podemos aplicar estilos desde la hoja de estilos CSS. Por último el Resumen de la tabla completa el atributo table-summary en el código HTML.
Formato Lista HTML: Crea una lista de elementos empleando las etiquetas en código HTML correspondientes (<ul>, <li>, etc.). Se puede apuntar si la lista será ordenada (<ol>: 1, dos, tres, ...) o sin ordenar (<ul>). También es posible agrupar los registros desde uno de los campos definidos y añadir clases CSS en diferentes elementos (fila, lista y elemento de la lista).
Lista sin formato: Crea una presentación sin formato, haciendo uso de etiquetas <div>. Se podrán aplicar estilos CSS empleando las etiquetas <div> generadas.
Menú saltar:Muestra un control de selección de elementos con los resultados de la vista. El usuario podrá escoger el factor al que quiere Ir (o bien saltar).
Tabla:Crea una tabla donde las columnas se corresponden con campos. Las tablas permiten la ordenación automática, cabecera, etc. Desde las Opciones del formato Tabla vamos a poder configurar:
- Columna donde se ubica el campo. Esto permitirá agrupar varios campos bajo una misma columna. En estos casos podremos apuntar el valor del Separador entre campos (por servirnos de un ejemplo una coma, un guión, etcétera).
- Alineación del campo. Las alineaciones posibles son izquierda, centrado, derecha.
- Ordenable. Deja apuntar si la vista será ordenable por esta columna. En el momento en que una columna es ordenable, el título se convertirá en un enlace sobre el que vamos a poder hacer clic para cambiar la ordenación (ascendente/descendente).
- Orden predefinido. Podemos señalar qué columna definirá el orden predefinido de la tabla.
- Sobrescribir el ordenamiento normal si se usa la ordenación mediante clics. Si esta opción no está activada prevalecerá la ordenación definida en la precio posicionamiento web castellon .
- Activar encabezamientos de tablas fijos. Se trata de un efecto javascript que hace que, aunque movamos el scroll de la pantalla para ver las filas de la tabla de más abajo, la cabecera siempre y en toda circunstancia quede fija. Es un efecto similar al que hemos visto en la tabla de administración de permisos del sitio.
- Método de ordenación predeterminado. Se aplicará el orden indicado, ascendiente o bien descendente, si hemos seleccionado el orden predefinido de ciertas columnas.
- Clase de la fila. Permite señalar un nombre de clase para aplicar estilos CSS.
- Resumen de la tabla, completa el atributo table-summary en el código HTML.
- Show the empty text in the table (muestra el texto vacío en la tabla). Por defecto si la vista no devuelve resultados, la tabla no se mostrará. Activando esta opción se mostrará la tabla con el texto correspondiente indicando que no hay resultados.
- Columna donde se ubica el campo. Esto permitirá reunir varios campos bajo una misma columna. En estos casos podremos señalar el valor del Separador entre campos (por ejemplo una coma, un guión, etc.).
- Alineación del campo. Las alineaciones posibles son izquierda, centrado, derecha.
- Ordenable. Permite señalar si la vista será ordenable por esta columna. En el momento en que una columna es ordenable, el título se convertirá en un enlace sobre el que podremos hacer click para cambiar la ordenación (ascendente/descendente).
- Orden predefinido. Podemos apuntar qué columna definirá el orden predefinido de la tabla.
- Sobrescribir el ordenamiento normal si se utiliza la ordenación mediante clicks. Si esta opción no está activada prevalecerá la ordenación definida en la vista.
- Activar encabezados de tablas fijos. Se trata de un efecto javascript que hace que, si bien movamos el scroll de la pantalla para ver las filas de la tabla de más abajo, la cabecera siempre y en todo momento quede fija. Es un efecto afín al que hemos visto en la tabla de administración de permisos del lugar.
- Método de ordenación predeterminado. Se aplicará el orden indicado, ascendiente o descendente, si hemos escogido el orden predefinido de alguna de las columnas.
- Clase de la fila. Deja indicar un nombre de clase para aplicar estilos CSS.
- Resumen de la tabla, completa el atributo table-summary en el código HTML.
- Show the empty text in the table (muestra el texto vacío en la tabla). Por defecto si la vista no devuelve resultados, la tabla no se mostrará. Activando esta opción se mostrará la tabla con el texto correspondiente indicando que no hay resultados.
En el momento de crear una vista podemos escoger el tipo de vista que queremos, ya sea una página, un bloque o bien ambos. A continuación se explica cada opción comentando en todos y cada una las características:
Opción de página:
Si hemos seleccionado el género de presentación Página, se mostrará el conjunto de Opciones de Página:
Ruta: Alias de URL de la página donde se mostrará la vista.
Menú: Podemos hacer que la página se asocie con un elemento de menú.
Acceso: Se puede establecer el acceso a la vista a través de un permiso o bien un rol. En función de la opción elegida se permitirá elegir el valor correspondiente (un permiso o un rol).
Encabezado y Pie de página: Permite añadir múltiples bloques de encabezado y/o pie de página con diferente contenido y configuración. diseño web inmobiliaria /li>
- Existen 2 tipo:
- Área de texto. Añade un texto con formato. Se pueden emplear patrones de reemplazo.
- Área de vista. Deja insertar otra vista en el encabezado o pie de página de la vista actual.
Paginador: Permite configurar cómo se paginarán los elementos cuando excedan del número de elementos por página definido. Las opciones de paginador disponibles son:
- Mostrar todos y cada uno de los elementos. Sin paginador.
- Mostrar un número específico de elementos. Sin paginador.
- Salida paginada, mini paginador.
- Salida paginada, paginador completo.
Enlace 'más...':Agregará un link "más..." en la parte inferior notificando que existe más contenido presionando sobre él.
- Área de texto. Añade un texto con formato. Se pueden usar patrones de reemplazo.
- Área de vista. Deja introducir otra vista en el encabezado o pie de página de la vista actual.
- Mostrar todos y cada uno de los elementos. Sin paginador.
- Mostrar un número específico de elementos. Sin paginador.
- Salida paginada, mini paginador.
- Salida paginada, paginador completo.
Opción de bloque
Si hemos seleccionado el género de presentación Bloque, se mostrará el conjunto de Opciones de Bloque. Las nuevas opciones respecto al tipo de presentación
Página son:
Nombre del bloque: Será el nombre que se mostrará en el área de administración de bloques.
Enlace 'más...': Al crear el link más se enlazará con la página de la vista. Por norma general el bloque mostrará un conjunto de resultados más reducido que el de la página, y el link más permitirá al usuario acceder al resto de resultados de la vista. Las opciones de Acceso, Encabezado, Pie de página y Paginador son similares a las del género de presentación Página.
Sobrescribir opciones
En general las opciones comunes que configuremos en la vista afectarán a todas las presentaciones. Si deseamos aplicar una configuración diferente en una de las presentaciones, deberemos seleccionar la opción "sobrescribir". De esta manera podremos configurar un valor específico para la presentación elegida.
Las opciones que hayan sido sobrescritas en la presentación actual se mostrarán en cursiva.
