Skip to content

Latest commit

 

History

History
312 lines (209 loc) · 5.79 KB

TWP52.rst

File metadata and controls

312 lines (209 loc) · 5.79 KB
Raw

MVC

HEAD-Ex Logística y Transporte

HEAD-Ex Logística y Transporte

.. activecode:: ac_l52_1a
   :nocodelens:
   :language: python3
   :python3_interpreter: brython

   from browser import document, html

   def guardar_datos(evento):
      # Agrega tu lógica para guardar datos aquí
      print(f"Destino: {destino.value}, Descripción: {descripcion.value}, Hablar a: {direccion.value}")

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

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

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

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

   boton = html.BUTTON('Guardar')
   boton.bind('click', guardar_datos)
   app <= boton

   document <= app

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
.. activecode:: ac_l52_1b
   :nocodelens:
   :language: python3
   :python3_interpreter: brython

   from browser import document, html

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

   app = html.DIV()

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

   destinos = ['Cambridge, MA', 'Cambridge, UK', 'Seattle, WA']
   for destino in destinos:
      radio = html.INPUT(Type="radio", name="destino", value=destino)
      radio.bind('change', al_cambiar)
      app <= radio
      app <= html.LABEL(destino)
      app <= html.BR()

   document <= app

HEAD-Ex Logística e Transporte

HEAD-Ex Logística e Transporte

  • Y ahora??

HEAD-Ex Logística e Transporte

.. activecode:: ac_l52_1c
   :nocodelens:
   :language: python3
   :python3_interpreter: brython

   from browser import document, html, window

   def guardar_datos(evento):
      window.localStorage['Destino'] = destino.value
      window.localStorage['Descripción'] = descripcion.value
      window.localStorage['Dirección'] = direccion.value
      destino.value = ''
      descripcion.value = ''
      direccion.value = ''

   def leer_destinos():
      destinos = []
      for clave in window.localStorage:
         destinos.append(window.localStorage[clave])
      return destinos

   app = html.DIV()

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

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

   app <= html.LABEL('Dirección: ')
   direccion = html.TEXTAREA()
   app <= direccion

   boton = html.BUTTON('Guardar')
   boton.bind('click', guardar_datos)
   app <= boton

   document <= app

HEAD-Ex Logística e Transporte

.. activecode:: ac_l52_1d
   :nocodelens:
   :language: python3
   :python3_interpreter: brython

   from browser import document, html, window, console

   def guardar_datos(evento):
      window.localStorage['Destino'] = destino.value
      window.localStorage['Descripción'] = descripcion.value
      window.localStorage['Dirección'] = direccion.value
      console.log(f"Datos guardados: Destino - {destino.value}, Descripción - {descripcion.value}, Dirección - {direccion.value}")
      destino.value = ''
      descripcion.value = ''
      direccion.value = ''

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

   app <= html.LABEL('Destino: ')
   destino = html.SELECT()
   opciones = ["Opción 1", "Opción 2", "Opción 3"]  # Reemplaza con tus opciones
   for opcion in opciones:
      destino <= html.OPTION(opcion)
   app <= destino

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

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

   boton = html.BUTTON('Guardar')
   boton.bind('click', guardar_datos)
   app <= boton

   document <= app

HEAD-Ex Logística y Transporte

revisión

  • MVC - Modelo, Visión, Control
  • Entry()
  • Texto()
  • StringVar()
  • RadioButton()
  • OptionMenu()
.. disqus::
   :shortname: pyzombis
   :identifier: lecture19