Il model consente di trasportare le informazioni dal controller alla vista e viceversa, facciamoci aiutare dallo Scaffolding e dagli HtmlHelper

1. Sviluppo applicazioni web e linguaggio HTML
LEZIONE 06
ASP.NET
Model View Controller

2. Model

3. Che cos’è il Model?

4. Un insieme di classi che
modellano le entità del
dominio applicativo
Domain Model

5. Solo questo?

6. … e poi trasporta
le informazioni
dall’interfaccia utente al
database e viceversa

7. Per realizzare tutto questo
cosa dobbiamo fare?

8. Dobbiamo …

9. Dobbiamo …
1 Creare un controller

10. Dobbiamo …
Creare un controller
2 Aggiungere le action per
creare, modificare e
cancellare

11. Dobbiamo …
Creare un controller
Aggiungere action per
creare, modificare e
cancellare
3 Creare le viste

12. Dobbiamo …
Creare un controller
Aggiungere action per
creare, modificare e
cancellare
Creare le viste
4 Aggiungere la logica di
persistenza sul database

13. In una parola …

15. Ma come facciamo a
ottenere informazioni
dal client?

16. In HTML è possibile grazie
al tag form

17. Il form è un
contenitore di
elementi di
tipo “input”

18. Tra questi il
pulsante di tipo
submit permette
di inviare i dati
al server
http://wufoo.com/gallery/templat
es/forms/vendor-contact-
information-form/

19. Quello che si trova all’interno
del tag form al submit viene
impacchettato e spedito al
server in una richiesta POST

20. Nell’action del controller
leggiamo le informazioni
dalla Request.Form

21. ma c’è un modo migliore
per farlo …

22. Se i nomi dei campi del
form riflettono i nomi delle
proprietà …

23. … possiamo usare lo
stesso codice per
valorizzare il model con i
dati dell’utente!

24. In ASP.NET c’è una classe
che lo fa per noi …

25. <form action=“/post/edit/”>
<input type=“hidden” … name=“PostId” />
<input type=“text” … name=“Title”/>
<textarea name=“Body” ... ></textarea>
…
</form>

26. …
…

27. Nel compilare la form
possiamo farci aiutare
dagli HtmlHelper

28. Html.EditorFor

29. Aggiungiamo al
blog la possibilità
di lasciare dei
commenti sui post

30. HtmlHelper perché
• Perché ci permettono di sfruttare le
caratteristiche del model
• Facilitano la scrittura dell’HTML
• Aiutano nella validazione degli input
degli utenti

31. HtmlHelper quando
• Quando il motivo principale è evitare
di scrivere codice HTML

32. Cosa può succedere se
non controlliamo i dati
inseriti dall’utente?

34. La validazione degli input
può avvenire:
• Lato server [obbligatorio]
• Lato client [opzionale]
• Su entrambi [consigliato]

35. Per la validazione ASP.NET
MVC3 si avvale di:
• Data Annotations
• Validation Helpers

36. Data Annotations
Sono attributi che vengono
associati alle proprietà di
una classe del model

37. Data Annotations
Sono attributi che vengono
associati alle proprietà di
una classe del model
e descrivono quale insieme
di valori sono accettati

38. Data Annotations
Se poi ci sono errori …

39. Validation Helpers
Visualizzano le informazioni
sugli errori di validazione

40. continua …

41. Credits
Le immagini contenute in questa presentazione
hanno licenza Creative Commons
Slide 6: http://www.flickr.com/photos/14497446@N02/5212627246/

42. Thank You MANUEL SCAPOLAN
website: www.manuelscapolan.it
twitter: manuelscapolan
e-mail: info@manuelscapolan.it