Cómo controlar errores en una app de ingresos y gastos

Autor: | Última modificación: 10 de agosto de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post: , ,

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿Sabes cómo controlar errores en una app de ingresos y gastos? Casi siempre, en las aplicaciones que hacemos o en los programas de código, el usuario comete errores de ingreso de datos. Por lo tanto, es necesario que en el desarrollo del programa, antes de su lanzamiento, se tengan en cuenta los errores o excepciones que un usuario pueda tener mientras está empleando el producto final de un programa de código.

Entonces, si quieres saber cómo hacerlo, te recomendamos seguir este artículo sobre un ejemplo práctico: cómo controlar errores en una app de ingresos y gastos.

Cómo controlar errores en una app de ingresos y gastos

Para controlar errores en una app de ingresos y gastos, que pueden ser generados por los usuarios del producto final de la plataforma o app web, deberás cumplir con los 3 pasos que te contaremos a continuación. Una vez hecho esto, podrás reproducir el proceso en tus programas de código personales.

Definición de la clase movimiento y errores

En un primer momento, tendrás que definir la clase de movimientos, que será el elemento principal de todo el programa de código. Allí se instanciarán todas las variables que serán necesarias para controlar el fichero CSS, donde encontrarás los elementos que corresponden al movimiento de ingresos y de gastos.

En este caso, hemos definido o levantado dos errores con el método self.errores.append: uno para cuando la fecha es futura y otro cuando es el formato de fecha erróneo.

#definición de la clase

class Movimientos

🔴 ¿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 semana

def __init__ (self, linea):

self.errores = []

ahora = datetime.now()

try:

self.fecha = date.fromisoformat (linea [«fecha»]) #yyy – mm – dd

if self.fecha.strftime («%Y%m%d») > ahora.strftime («%Y%m%d»):

self.errores.append («La fecha no puede ser futura»)

except ValueError:

self.errores.append («Formato de fecha erróneo»)

#variables de la clase

self.fecha = linea [«fecha»]

self.hora = linea [«hora»]

self.concepto = linea [«concepto»]

self.ingreso_gasto = linea [«ingreso_gasto»]

self.cantidad = linea [«cantidad»]

De esta manera, como ya has generado estos errores, podrás pintarlos en el fichero HTML del programa de código, donde desarrollarás el fichero de texto de la interfaz gráfica de la aplicación web.

Pintar errores en el fichero HTML

Para pintar los errores en el fichero de HTML del programa, deberás crear un bucle donde se pinte una clase que se etiquete como errores. Así pues, por cada error que aparezca en mov.errores, se pintará el error al que se refiere. Estos errores solo aparecerán cuando el if sea true, es decir, cuando if mov.errores exista. De cualquier otra manera, no se pintará el error. Solo responderá cuando los errores tengan en su lista algún elemento de los que hemos establecido en la definición de la clase Movimientos.

Todo esto debe estar establecido dentro de la etiqueta <tr> </tr> de la conformación de una tabla.

#pintar errores en HTML

{% if mov.errores %)

<tr>

<td colspan = «5» class = «errores»>

ERRORES:

{% for error in mov.errores %}

{{ error }}

{% endfor %}

</td>

</tr>

Ya que has pintado los errores en HTML, te aparecerán una vez ejecutes el programa. No obstante, estos tendrán el mismo estilo que el resto de elementos del programa, pues estarán por defecto y, de esta manera, puede llegar a confundirse. Por lo tanto, te recomendamos otorgar estilos a estos errores.

Otorgar estilo a los errores

Para que los elementos de errores se diferencien de otros elementos que pertenecen al programa, deberás otorgarle un estilo determinado a este elemento. Esto lo harás con la Hoja de estilos CSS en el fichero styles.css. Tendrás que definir la clase .errores, de esta manera, cada vez que se instancie esta clase tendrá los estilos que hayas definido.

Aquí podrás modificar cualquier variable que necesites, tal como el padding, el color, el tamaño de letra, la posición y la distancia con las palabras que se encuentran más arriba. Puedes tomar el siguiente código como ejemplo para crear el tuyo:

#estilo a los errores

.errores {

color: red;

padding – left: 5rem;

font – size: small;

line – height: 12px;

position: relative;

top: -7px;

}

De esta manera, ya habrás definido los errores determinados, así como un estilo para ellos, por lo que sabes cómo controlar errores en una app de ingresos y gastos.

¿Quieres seguir aprendiendo?

Si bien con este ejemplo práctico ya sabes cómo controlar errores en una app de ingresos y gastos, aún queda que reproduzcas este proceso en los programas de código que estás realizando para desarrollar aplicaciones o páginas web. De esta manera, ejercitarás todo lo que has aprendido en este artículo.

Si quieres seguir aprendiendo con la ayuda de una guía profesional en programación, te recomendamos echarle un vistazo al programa de nuestro Aprende a Programar desde Cero Full Stack Jr. Bootcamp. Gracias a esta formación intensiva, te podrás convertir en un programador profesional en menos de un año. ¡Anímate y apúntate ya!

¡CONVOCATORIA ABIERTA!

Aprende a Programar desde Cero

Full Stack Jr. Bootcamp

Apúntate y consigue uno de los perfiles más demandados con Python, Java y Spring Boot en solo 6 meses.