MVC

HEAD-Ex Logística y Transporte

HEAD-Ex Logística y Transporte

RunResetLoad History

27

 

1

from browser import document, html

2

​

3

def guardar_datos(evento):

4

   # Agrega tu lógica para guardar datos aquí

5

   print(f"Destino: {destino.value}, Descripción: {descripcion.value}, Hablar a: {direccion.value}")

6

​

7

app = html.DIV()

8

app <= html.H2('HEAD-Ex Logística y Transporte')

9

​

10

app <= html.LABEL('Destino: ')

11

destino = html.INPUT()

12

app <= destino

13

​

14

app <= html.LABEL('Descripción: ')

15

descripcion = html.INPUT()

16

app <= descripcion

17

​

18

app <= html.LABEL('Hablar a: ')

19

direccion = html.INPUT()

20

app <= direccion

21

​

22

boton = html.BUTTON('Guardar')

23

boton.bind('click', guardar_datos)

24

app <= boton

Activity: 1 ActiveCode (ac_l52_1a)

HEAD-Ex Logística e Transporte

HEAD-Ex Logística y Transporte

HEAD-Ex Logística y Transporte

• Radio Buttons

HEAD-Ex Logística y Transporte

HEAD-Ex Logística y Transporte

HEAD-Ex Logística y Transporte

HEAD-Ex Logística y Transporte

• Modelo son los datos almacenados

• Vision es el botón de radio presentado

• Control es el código tkinter que gestiona todo esto

RunResetLoad History

19

 

1

from browser import document, html

2

​

3

def al_cambiar(evento):

4

   print(f"Destino: {evento.target.value}")

5

​

6

app = html.DIV()

7

​

8

app <= html.LABEL('Destino: ')

9

​

10

destinos = ['Cambridge, MA', 'Cambridge, UK', 'Seattle, WA']

11

for destino in destinos:

12

   radio = html.INPUT(Type="radio", name="destino", value=destino)

13

   radio.bind('change', al_cambiar)

14

   app <= radio

15

   app <= html.LABEL(destino)

16

   app <= html.BR()

17

​

18

document <= app

19

​

Activity: 2 ActiveCode (ac_l52_1b)

HEAD-Ex Logística e Transporte

HEAD-Ex Logística e Transporte

• Y ahora??

HEAD-Ex Logística e Transporte

RunResetLoad History

36

 

1

from browser import document, html, window

2

​

3

def guardar_datos(evento):

4

   window.localStorage['Destino'] = destino.value

5

   window.localStorage['Descripción'] = descripcion.value

6

   window.localStorage['Dirección'] = direccion.value

7

   destino.value = ''

8

   descripcion.value = ''

9

   direccion.value = ''

10

​

11

def leer_destinos():

12

   destinos = []

13

   for clave in window.localStorage:

14

      destinos.append(window.localStorage[clave])

15

   return destinos

16

​

17

app = html.DIV()

18

​

19

app <= html.LABEL('Destino: ')

20

destino = html.INPUT()

21

app <= destino

22

​

23

app <= html.LABEL('Descripción: ')

24

descripcion = html.INPUT()

Activity: 3 ActiveCode (ac_l52_1c)

HEAD-Ex Logística e Transporte

RunResetLoad History

35

 

1

from browser import document, html, window, console

2

​

3

def guardar_datos(evento):

4

   window.localStorage['Destino'] = destino.value

5

   window.localStorage['Descripción'] = descripcion.value

6

   window.localStorage['Dirección'] = direccion.value

7

   console.log(f"Datos guardados: Destino - {destino.value}, Descripción - {descripcion.value}, Dirección - {direccion.value}")

8

   destino.value = ''

9

   descripcion.value = ''

10

   direccion.value = ''

11

​

12

app = html.DIV()

13

app <= html.H2('HEAD-Ex Logística y Transporte')

14

​

15

app <= html.LABEL('Destino: ')

16

destino = html.SELECT()

17

opciones = ["Opción 1", "Opción 2", "Opción 3"]  # Reemplaza con tus opciones

18

for opcion in opciones:

19

   destino <= html.OPTION(opcion)

20

app <= destino

21

​

22

app <= html.LABEL('Descripción: ')

23

descripcion = html.INPUT()

24

app <= descripcion

Activity: 4 ActiveCode (ac_l52_1d)

HEAD-Ex Logística y Transporte

revisión

• MVC - Modelo, Visión, Control

• Entry()

• Texto()

• StringVar()

• RadioButton()

• OptionMenu()

Show Comments

You have attempted 1 of 5 activities on this page