¿Sabes cómo generar una lista de errores en una app de ingresos y gastos? Una aplicación o programa de código siempre tendrá la capacidad de capturar errores y describirlos en el mismo programa que se está desarrollando. Muchas veces vienen representados como un texto, una ventana emergente o como una lista de errores.
Mientras lo estás desarrollando, tienes que generar ese texto en el fichero HTML, tienes que otorgarle estilos con CSS y, además, generarlo a partir del lenguaje de programación, como Python. Por este motivo, en este artículo, te comentamos el proceso para generar una lista de errores en una app de ingresos y gastos.
¿Qué encontrarás en este post?
Toggle¿Cómo generar la lista de errores en una app de ingresos y gastos?
Para generar la lista de errores en una app de ingresos y gastos, hay que cumplir con tres procesos en el mismo programa de código, pero en ficheros diferentes. Cada uno de estos procesos definirá la forma en la que se generará y representará la lista de errores en una app de ingresos y gastos en el producto final, el que el usuario observará y sobre el que interactuará.
Esta lista de errores puede generarse por algún mal dato que haya entregado el usuario o por el mismo desarrollo del programa y del usuario.
A continuación, te presentamos los tres pasos para generar la lista de errores en una app de ingresos y gastos: generar el error, escribir el texto en HTML y agregarle estilos a la lista recién creada.
En el fichero main.py de Python
En primer lugar, veremos cómo puedes generar el error de la lista de errores a partir de los ficheros que se están desarrollando con Python. Este proceso deberá instaurarse en el fichero views.py del programa, donde se encuentran representadas todas las llamadas a la ruta de la aplicación.
🔴 ¿Quieres Aprender a Programar con Python? 🔴
Descubre el Full Stack Jr. Bootcamp - Aprende a Programar desde Cero de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada
👉 Prueba gratis el Bootcamp Aprende a Programar desde Cero por una semanaLa primera parte del proceso para definir esta ruta lo realizamos en un post acerca del uso de los métodos HTTP en la app de ingresos y gastos, por lo que te recomendamos visitarlo para entender la representación que hemos realizado en el siguiente script.
Una vez hayas entendido esa primera parte, verás que los errores empiezan a establecerse, en este caso serán dos: [‘el error número uno’, ‘otro error’]. Igual que anteriormente construíamos una operación condicional con el if, debe existir un else que la complete.
En este caso, veremos cómo se gestionarán los errores desde la variable nmov.errores, el cual deberá pintarse por medio del return con el método render_template. Este debe importarse desde un principio.
@app.route (‘/nuevo’, methods = [‘GET’, ‘POST’])
def nuevo():
if request.method == ‘GET’:
return render_template (
«nuevo.html»,
datos = {
«fecha»: «»,
«hora», «»,
«concepto»: «»
«cantidad»: «».
«ingreso_gasto»: «»
},
errores = [‘el error número uno’, ‘otro error’])
else:
datos = request.form
mov = Movimientos (datos)
if len (nmov.errores) > 0:
return render_template («nuevo.html», errores = nmov.errores, datos = datos)
En el fichero de texto HTML
Después de haber gestionado la forma en la que aparecerán los errores, podrás pintarlo a partir de las etiquetas de HTML. En este caso, utilizaremos los métodos if dentro de {% if errores} {% endif %}, donde, a su vez, se instanciarán la clase y los errores que aparecerán en el producto final. Si quieres saber cómo hacerlo, puedes seguir el siguiente extracto del texto de HTML:
{% if errores}
<ul class = «lista-errores»>
{% for errores in errores %}
< li class = «error»> {{error}} </li>
{% endfor %}
</ul>
{% endif %}
En el fichero de estilos CSS
Por último, deberás adecuar el estilo de la lista de errores que acabas de pintar en HTML. Para la lista de errores, deberás instanciar la clase del HTML y, entre corchetes, establecer todas las variables que quieres adecuar con sus valores correspondientes. Estos serán: background color, color, border, padding y font.
.lista_errores {
background – color: rgba (200, 0, 0, .5);
color: darkred;
border: solid qpx red;
padding: 2rem;
font – size: 1rem;
}
De esta forma, ya habrás pintado la lista de errores en tu plataforma o aplicación web.
¿Cuál es el siguiente paso?
Ahora que ya sabes cómo generar la lista de errores en una app de ingresos y gastos, estás más cerca de desarrollar la aplicación en su totalidad, gracias a la unión de todos los conocimientos que has obtenido en este y otros artículos de KeepCoding. Recuerda que la mejor forma de convertirte en un experto es practicar hasta que puedas escribir comandos de memoria.
Por otra parte, si quieres continuar aprendiendo acerca de programación y desarrollo de aplicaciones web o de escritorio con la guía de un profesional en el sector, te recomendamos visitar el programa de Aprende a Programar desde Cero Full Stack Jr. Bootcamp. ¡Anímate a apuntarte y sigue programando con KeepCoding!