SlideShare una empresa de Scribd logo
Webform MySQL Views
Configurar campos de Webform como filtros expuestos
El escenario
Tenemos registros de un Webform y el cliente quiere realizar búsquedas rápidas entre
toda la lista (imaginemos 1000 registros).
Por default la vista del core de Drupal no tiene filtros expuestos.
El reto
Agregar los campos del Webform como filtros expuestos para poder realizar
búsquedas. La página debería quedar así:
La solución que encontré (debe haber otras)
Generar una tabla en la base de datos del formulario Webform y que Drupal lo
reconozca para usarlo con Views.
Vamos a necesitar 3 módulos: (se asume que webform ya está instalado)
1. Webform MySQL Views (webform_mysql_views)
2. Data - (data)
3. Schema - (schema) requerido por el sub-módulo: data_ui
Y empezamos a instalar y configurar los módulos...
Instalando los módulos
Descargamos y habilitamos los módulos en el siguiente orden:
Crear el MySQL Views del formulario
Accedemos a la página en: Content / Webforms / MySQL Views
Al enviar el formulario se va a crear una tabla y una vista.
Adoptar la tabla creada
Accedemos a la página en: Structure / Data Tables / Adopt Tables
Editar la tabla adoptada (1)
Accedemos a la página en: Structure / Data Tables
Editar tabla adoptada (2)
Seleccionamos el sid para la relación.
Hasta este punto ya tenemos
una vista creada que lee los
campos de nuestro formulario
de Webform y podemos usarlo
como filtros expuestos.
Recomiendo vaciar las cachés
para continuar.
Editar la vista creada
Accedemos a la página en: Structure / Views
Editar la vista creada: campos
No todos los campos tienen que ser de la tabla que hemos creado, podemos usar al
mismo tiempo los propios campos del webform como en el caso de la Fecha
(submitted), si usamos la Fecha de la tabla creada no muestra la información.
Editar la vista creada: filtros (1)
Ahora al agregar un campo
vamos a ver en el select Filtro
nuestra tabla creada y
podremos seleccionar los
campos de nuestro webform
como filtros expuestos.
Sólo queda agregar los
campos y configurarlos según
nuestras necesidades.
Editar la vista creada: filtros (2)
Podemos agregar todos los campos
necesarios como filtros expuestos.
Y para el orden usamos el campo
Submitted del propio Webform.
Menú de la página creada
Por default la vista crea un enlace de la página en el menú de Navegación.
Resultado
Observaciones
● Para evitar tener que instalar varios módulos se puede usar Entity Form
(entityform) sin embargo en mi caso en particular el detalle era que ya tenía
registros en mi Webform y si quisiera usar usar Entity Form tendría que migrar
todos los registros de Webform a Entity Form y éso ya es otro tema y otra
tarea.
● Los mensajes de alertas (warning) que me salieron durante algunas
configuraciones no me causaron problemas con el resultado final, de todas
maneras está para revisarlo. Si alguién tiene alguna sugerencia, bienvenido.
● En conclusión, tal vez no sea la forma ideal de conseguir este resultado pero en
mi caso particular me funcionó muy bien y el cliente quedó contento.
Espero que esta presentación les ayude a seguir aprendiendo más sobre Drupal.
Gracias
Preguntas, sugerencias y consejos son bienvenidos.

Más contenido relacionado

Similar a Webform MySQL Views

Conectar con bases de datos
Conectar con bases de datosConectar con bases de datos
Conectar con bases de datos
Rafael Quintero
 
bases de datos desde visual basic
bases de datos desde visual basicbases de datos desde visual basic
bases de datos desde visual basic
santiagomario8
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
rmirandaibanez
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
rmirandaibanez
 
Dce2 ejercicios asp.net
Dce2 ejercicios asp.netDce2 ejercicios asp.net
Programacion2
Programacion2Programacion2
Programacion2
eduardoramos360
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monetti
angelinamonetti1
 
Linq to sql 5
Linq to sql 5Linq to sql 5
Linq to sql 5
jcfarit
 
Configuracion de zend framework y ejemplo en mysql
Configuracion de zend framework y ejemplo en mysqlConfiguracion de zend framework y ejemplo en mysql
Configuracion de zend framework y ejemplo en mysql
Gilder Bravo Cervantes
 
consulta de access
consulta de accessconsulta de access
consulta de accessdayitalila
 
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLiteParte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Juan Manuel
 
Primeros pasos con Backbone js, por Xavier Aznar
Primeros pasos con Backbone js, por Xavier AznarPrimeros pasos con Backbone js, por Xavier Aznar
Primeros pasos con Backbone js, por Xavier Aznar
Pablo Aguilera
 
Aplicación abc. asp net mvc 3
Aplicación abc. asp net mvc 3Aplicación abc. asp net mvc 3
Aplicación abc. asp net mvc 3
jose luis barrientos
 
Microsoft_Access_Avanzado_2013..................................................
Microsoft_Access_Avanzado_2013..................................................Microsoft_Access_Avanzado_2013..................................................
Microsoft_Access_Avanzado_2013..................................................
vanessaguadalinfo
 
Arquitectura java web
Arquitectura java webArquitectura java web
Arquitectura java web
Jose Luis Bugarin Peche
 
Creaciondeinfocubos
CreaciondeinfocubosCreaciondeinfocubos
Creaciondeinfocubos
frank_edw
 
Herramientas visual basic
Herramientas visual basicHerramientas visual basic
Herramientas visual basic
maryorie Rodriguez
 
UDA-Componentes RUP. Tabla.v2.4.6
UDA-Componentes RUP. Tabla.v2.4.6UDA-Componentes RUP. Tabla.v2.4.6
UDA-Componentes RUP. Tabla.v2.4.6
Ander Martinez
 

Similar a Webform MySQL Views (20)

Conectar con bases de datos
Conectar con bases de datosConectar con bases de datos
Conectar con bases de datos
 
bases de datos desde visual basic
bases de datos desde visual basicbases de datos desde visual basic
bases de datos desde visual basic
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
 
Dce2 ejercicios asp.net
Dce2 ejercicios asp.netDce2 ejercicios asp.net
Dce2 ejercicios asp.net
 
Herencia
HerenciaHerencia
Herencia
 
Programacion2
Programacion2Programacion2
Programacion2
 
Taller desarrollo web
Taller  desarrollo webTaller  desarrollo web
Taller desarrollo web
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monetti
 
Linq to sql 5
Linq to sql 5Linq to sql 5
Linq to sql 5
 
Configuracion de zend framework y ejemplo en mysql
Configuracion de zend framework y ejemplo en mysqlConfiguracion de zend framework y ejemplo en mysql
Configuracion de zend framework y ejemplo en mysql
 
consulta de access
consulta de accessconsulta de access
consulta de access
 
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLiteParte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
 
Primeros pasos con Backbone js, por Xavier Aznar
Primeros pasos con Backbone js, por Xavier AznarPrimeros pasos con Backbone js, por Xavier Aznar
Primeros pasos con Backbone js, por Xavier Aznar
 
Aplicación abc. asp net mvc 3
Aplicación abc. asp net mvc 3Aplicación abc. asp net mvc 3
Aplicación abc. asp net mvc 3
 
Microsoft_Access_Avanzado_2013..................................................
Microsoft_Access_Avanzado_2013..................................................Microsoft_Access_Avanzado_2013..................................................
Microsoft_Access_Avanzado_2013..................................................
 
Arquitectura java web
Arquitectura java webArquitectura java web
Arquitectura java web
 
Creaciondeinfocubos
CreaciondeinfocubosCreaciondeinfocubos
Creaciondeinfocubos
 
Herramientas visual basic
Herramientas visual basicHerramientas visual basic
Herramientas visual basic
 
UDA-Componentes RUP. Tabla.v2.4.6
UDA-Componentes RUP. Tabla.v2.4.6UDA-Componentes RUP. Tabla.v2.4.6
UDA-Componentes RUP. Tabla.v2.4.6
 

Último

Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
jjfch3110
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
44652726
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
JuanPrez962115
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 

Último (20)

Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 

Webform MySQL Views

  • 1. Webform MySQL Views Configurar campos de Webform como filtros expuestos
  • 2. El escenario Tenemos registros de un Webform y el cliente quiere realizar búsquedas rápidas entre toda la lista (imaginemos 1000 registros). Por default la vista del core de Drupal no tiene filtros expuestos.
  • 3. El reto Agregar los campos del Webform como filtros expuestos para poder realizar búsquedas. La página debería quedar así:
  • 4. La solución que encontré (debe haber otras) Generar una tabla en la base de datos del formulario Webform y que Drupal lo reconozca para usarlo con Views. Vamos a necesitar 3 módulos: (se asume que webform ya está instalado) 1. Webform MySQL Views (webform_mysql_views) 2. Data - (data) 3. Schema - (schema) requerido por el sub-módulo: data_ui Y empezamos a instalar y configurar los módulos...
  • 5. Instalando los módulos Descargamos y habilitamos los módulos en el siguiente orden:
  • 6. Crear el MySQL Views del formulario Accedemos a la página en: Content / Webforms / MySQL Views Al enviar el formulario se va a crear una tabla y una vista.
  • 7. Adoptar la tabla creada Accedemos a la página en: Structure / Data Tables / Adopt Tables
  • 8. Editar la tabla adoptada (1) Accedemos a la página en: Structure / Data Tables
  • 9. Editar tabla adoptada (2) Seleccionamos el sid para la relación. Hasta este punto ya tenemos una vista creada que lee los campos de nuestro formulario de Webform y podemos usarlo como filtros expuestos. Recomiendo vaciar las cachés para continuar.
  • 10. Editar la vista creada Accedemos a la página en: Structure / Views
  • 11. Editar la vista creada: campos No todos los campos tienen que ser de la tabla que hemos creado, podemos usar al mismo tiempo los propios campos del webform como en el caso de la Fecha (submitted), si usamos la Fecha de la tabla creada no muestra la información.
  • 12. Editar la vista creada: filtros (1) Ahora al agregar un campo vamos a ver en el select Filtro nuestra tabla creada y podremos seleccionar los campos de nuestro webform como filtros expuestos. Sólo queda agregar los campos y configurarlos según nuestras necesidades.
  • 13. Editar la vista creada: filtros (2) Podemos agregar todos los campos necesarios como filtros expuestos. Y para el orden usamos el campo Submitted del propio Webform.
  • 14. Menú de la página creada Por default la vista crea un enlace de la página en el menú de Navegación.
  • 16. Observaciones ● Para evitar tener que instalar varios módulos se puede usar Entity Form (entityform) sin embargo en mi caso en particular el detalle era que ya tenía registros en mi Webform y si quisiera usar usar Entity Form tendría que migrar todos los registros de Webform a Entity Form y éso ya es otro tema y otra tarea. ● Los mensajes de alertas (warning) que me salieron durante algunas configuraciones no me causaron problemas con el resultado final, de todas maneras está para revisarlo. Si alguién tiene alguna sugerencia, bienvenido. ● En conclusión, tal vez no sea la forma ideal de conseguir este resultado pero en mi caso particular me funcionó muy bien y el cliente quedó contento. Espero que esta presentación les ayude a seguir aprendiendo más sobre Drupal.
  • 17. Gracias Preguntas, sugerencias y consejos son bienvenidos.