Es muy necesario que las aplicaciones web llenen un menú desplegable o un cuadro combinado con datos almacenados en otra tabla. Debe aprender esto, ya que es importante para la creación de aplicaciones web para mantener la coherencia y los datos. Por ejemplo, los usuarios marcan los nombres de las ciudades pero pueden escribirlos incorrectamente. Por lo tanto, es mejor si tiene una tabla que tenga todas las ciudades con sus códigos almacenados y complete los datos de esta tabla. De esta forma, cuando un usuario seleccione el nombre de una ciudad del menú desplegable, buscará su ID y la transmitirá con el método POST. Hay una probabilidad mÃnima de almacenar varias grafÃas de la misma ciudad de esta manera. Además, el usuario tendrá la ventaja de escribir menos ahora. En este blog, discutiremos los pasos y el código para llenar un menú desplegable Flask.
Lea también: Estructura de programación de Python: todo lo que necesita saber
Matraz Menú desplegable
Los pasos para el menú desplegable Matraz son los siguientes:
1. Obtenga el conjunto de datos de una tabla maestra
Para llenar un menú desplegable Flask y una aplicación web PostgreSQL, debe usar el archivo application.py o app.py. Debe agregar el código en el procedimiento de ruta que representará el archivo HTML con un formulario web que contiene el menú desplegable. Ahora tienes que ejecutar un SELECCIONAR Comando en la conexión de la base de datos. Luego busque la lista con valores de tuplas ( city_id,city_name).
2. Pasar este conjunto de datos como parámetro
El procedimiento de ruta devuelve render_template en la declaración de devolución. Aquà tienes que pasar las tuplas de la lista creada (city_id,city_name) como parámetros. Puede usarlo para llenar el cuadro combinado/desplegable/cuadro de opciones.
3. Rellene el menú desplegable usando Jinja for loop
Por último, completará un menú desplegable/combo en Flask y PostgreSQL con la ayuda de Jinja para un bucle. El SELECCIONAR La etiqueta HTML con el nombre del menú desplegable SELECCIONAR introducirá el ciclo. Se hará referencia a él cuando el método POST devuelva los datos del formulario. OPCIÓN se creará usando el nombre como el valor de visualización y la identificación como la parte del valor en Jinja para un bucle.
En el código de ejemplo que se muestra a continuación, hemos utilizado el ciudades de mesa que tiene dos columnas city_id y city_name.
Ahora queremos mostrar el nombre de la ciudad y cuando un usuario selecciona un determinado nombre de ciudad, se debe devolver el city_id.
Tienes que agregar esta ruta en application.py
Pitón
@app.route("/input")
def input():
cityList=db.execute("SELECT * FROM cities order by city_name")
return render_template("input.html",cityList=cityList )Ahora debe agregar el siguiente código en el input.html almacenado en la carpeta de plantillas. Esto es para crear el cuadro combinado/desplegable con la lista de ciudades de la tabla de ciudades.
HTML
Choose a City<SELECT name="city">
{% for c in cityList %}
<OPTION value={{c.city_id}}>{{c.city_name}}</option>
{% endfor %}
</SELECT>Conclusión
Esperamos que sepa todo sobre el menú desplegable Flask. ¡Gracias por leer nuestro blog!
