PDF de programación - Formularios en Drupal 8

Formularios en Drupal 8

Luis Ortiz Ramos

#DrupalcampSpain2015

¡SPAM!

“Spam wall” por freezelight. https://flic.
kr/p/eKfYX

Atenea tech

⚫ Somos expertos en Drupal

Atenea tech

⚫ Somos expertos en Drupal
⚫ Somos Siddharta, Oriol, Robert, David y Luis.

Atenea tech

⚫ Somos expertos en Drupal
⚫ Somos Siddharta, Oriol, Robert, David y Luis.
⚫ Trabajamos para Estrella Damm, Dexeus,

Médicos Sin Fronteras, Infojobs,
Greenpeace...

Atenea tech

⚫ Somos expertos en Drupal
⚫ Somos Siddharta, Oriol, Robert, David y Luis.
⚫ Trabajamos para Estrella Damm, Dexeus,

Médicos Sin Fronteras, Infojobs,
Greenpeace...

⚫ Estamos en Barcelona

Atenea tech

⚫ Somos expertos en Drupal
⚫ Somos Siddharta, Oriol, Robert, David y Luis.
⚫ Trabajamos para Estrella Damm, Dexeus,

Médicos Sin Fronteras, Infojobs,
Greenpeace...

⚫ Estamos en Barcelona
⚫ Puedes contactar con nosotros en

[email protected]

Formularios HTML

¡Los formularios son la

p****!

¿Por qué una API para los

formularios?

¿Por qué una API para los formularios?

⚫ Automatiza el flujo de trabajo

¿Por qué una API para los formularios?

⚫ Automatiza el flujo de trabajo
⚫ Proporciona mayor seguridad

¿Por qué una API para los formularios?

⚫ Automatiza el flujo de trabajo
⚫ Proporciona mayor seguridad
⚫ Genera HTML consistente

¿Por qué una API para los formularios?

⚫ Automatiza el flujo de trabajo
⚫ Proporciona mayor seguridad
⚫ Genera HTML consistente
⚫ Permite la alteración de formularios

¿Por qué una API para los formularios?

⚫ Automatiza el flujo de trabajo
⚫ Proporciona mayor seguridad
⚫ Genera HTML consistente
⚫ Permite la alteración de formularios
⚫ Permite la encapsulación de lógica compleja

Novedades en Drupal 8

Novedades en Drupal 8

⚫ Orientado a Objetos

Novedades en Drupal 8

⚫ Orientado a Objetos
⚫ Nuevos elementos

Novedades en Drupal 8

⚫ Orientado a Objetos
⚫ Nuevos elementos

⚪ HTML5:

⚫ tel, email, number, date, url, search, range

Novedades en Drupal 8

⚫ Orientado a Objetos
⚫ Nuevos elementos

⚪ HTML5:

⚫ tel, email, number, date, url, search, range

⚪ avanzados:

⚫ details, language_select, dropbutton, operations

Definiendo un formulario

Definiendo un formulario

⚫ Crear una clase

⚪ que implemente \Drupal\Core\Form\FormInterface
⚪ o que herede

⚫ \Drupal\Core\Form\FormBase
⚫ \Drupal\Core\Form\ConfigFormBase
⚫ \Drupal\Core\Form\ConfirmFormBase

⚫ Implementar

⚪ getFormId

Construyendo un

formulario

Construyendo un Formulario

⚫ Implementar

⚪ buildForm

Construyendo un Formulario

⚫ Implementar
⚪ buildForm
⚫ Argumentos
⚪ array $form

⚫ ‘elements’ y ‘#attributes’

Construyendo un Formulario

⚫ Implementar
⚪ buildForm
⚫ Argumentos
⚪ array $form

⚫ ‘elements’ y ‘#attributes’

⚪ FormStateInterface $form_state

⚫ values, storage, errors y redirect

Validando un formulario

Validando un formulario

⚫ Implementar:
⚪ formValidate

Validando un formulario

⚫ Implementar:
⚪ formValidate
⚫ Argumentos

⚪ array $form

⚫ ‘elements’ y ‘#attributes’

Validando un formulario

⚫ Implementar:
⚪ formValidate
⚫ Argumentos

⚪ array $form
⚪ FormStateInterface $form_state

⚫ ‘elements’ y ‘#attributes’

⚫ values, storage, errors y redirect

Procesando un formulario

Procesando un formulario

⚫ Implementar:
⚪ formSubmit

Procesando un formulario

⚫ Implementar:
⚪ formSubmit
⚫ Argumentos

⚪ array $form

⚫ ‘elements’ y ‘#attributes’

Procesando un formulario

⚫ Implementar:
⚪ formSubmit
⚫ Argumentos

⚪ array $form
⚪ FormStateInterface $form_state

⚫ ‘elements’ y ‘#attributes’

⚫ values, storage, errors y redirect

Mostrando un formulario

integrando en una ruta

Mostrando un formulario integrado en
una ruta

⚫ En modules/example/example.routing.yml

Mostrando un formulario

programmatically

Alterando un formulario

Alterando un formulario

⚫ Igual que en Drupal 7

Alterando un formulario

⚫ Igual que en Drupal 7

⚫ hook_form_alter
⚫ hook_form_FORM_ID_alter

Pintando un formulario

Pintando un formulario

⚫ Twig

Pintando un formulario

⚫ Twig

⚫ form.html.twig
⚫ form-element.html.twig
⚫ form-element-label.html.twig
⚫ input.html.twig
⚫ select.html.twig
⚫ textarea.html.twig
⚫ ...

Webgrafía

⚫ Form API in Drupal 8

https://www.drupal.org/node/2117411

⚫ Form API Reference

https://api.drupal.org/api/drupal/developer!topics!
forms_api_reference.html/8

⚫ Getting Started with Forms in Drupal 8

https://drupalize.me/blog/201401/getting-started-
forms-drupal-8

⚫ Changes in the Form API in Drupal 8

https://drupalize.me/blog/201501/changes-form-api-
drupal-8

⚫ Drupal 8 API

https://api.drupal.org/api/drupal/8

¿Preguntas?
[email protected]

@luisortizramos