Crear página de borrado en HTML para app de ingresos y gastos

| Última modificación: 5 de diciembre de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿Sabes cómo crear una página de borrado en HTML para una app de ingresos y gastos? Para aprender realmente todas las particularidades de HTML, no queda más que seguir practicando. Por lo tanto, crear una página de borrado en HTML para una app de ingresos y gastos te permitirá entender cómo utilizar la herencia de la plantillas en HTML, cómo crear nuevos bloques o nuevas páginas, entre otros elementos importantes de HTML. Así pues, a continuación, te presentamos cómo crear una página de borrado en HTML para una app de ingresos y gastos

Método borrar para app

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

En un principio, antes de pasar al proceso para crear una página de borrado en HTML para una app de ingresos y gastos, tendrás que instanciar el método que permitirá pintar la página en HTML. Para conocer más en profundizad este proceso, te recomendamos visitar nuestro artículo sobre definir el método borrar para class DBManager.

A continuación, te traemos la representación en forma de código del método borrar, que incluyen los métodos de conexión y de cursor o puntero de las database de SQL:

#class DBManager

class DBManager:

def __init__ (self, ruta):

self.ruta = ruta

def borrar (self, consulta):

conexion = sqlite.connect (self.ruta)

cursor = conexion.cursor()

resultado = False

try:

cursor.execute (consulta)

conexion.commit()

resultado = True

except:

conexion.rollback()

conexion.close()

return resultado

Ya que has generado el método borrar en tu fichero de inicio de Python, ahora podrás pintar esta página en el fichero de HTML.

Crear una página de borrado en HTML 

Para crear la página de borrado en HTML para una app de ingresos y gastos, tendrás que emplear la técnica de herencia de plantilla. En este caso, la plantilla de borrado es la representación de la plantilla hija, siendo la plantilla base el lugar en el que se encuentran los elementos primarios del programa, es decir, la plantilla de la página de inicio.

Herencia de plantillas

De acuerdo a la teoría de HTML sobre la herencia de las plantillas, en primera instancia deberás extender la plantilla base en la plantilla hija con la estructura de control: {% extends “nombre de la plantilla base.html” %}. De esta manera podrás copiar y modificar los elementos de esa plantilla.

Después, para cada bloque de contenido, sea título, base o cuerpo, tendrás que establecer otra esctructura de control para cada una y cerrarla, de igual forma. Esta estructura de control es

{% block head_title %}, según sea el contenido que estás intentando copiar y modificar.

Representación de la página de borrado en HTML

Para generar la plantilla de borrado en el fichero HTML, tienes que utilizar dos estructuras de control. La que extiende la plantilla base a la hija {%extends “base.html” %} y la estructura para generar bloques de contenido {% block head_title %} y {% block page_title %}. Recuerda que cada uno de ellos, tendrá que emplear la estructura para cerrarlo, es decir, {%endblock head_title %} y {% endblock page_title %}.

A continuación, te presentaremos cómo se vería la página de borrado en HTML:

{%extends “base.html” %}

{% block head_title %}

Resultado del borrado – {{ super() }}

{%endblock head_title %}

{% block page_title %}

{%if resultado %}

Eliminado correctamente

{% else %}

Error al eliminar

{% endif %}

{% endblock page_title %}

Así es cómo has creado la página de borrado en HTML para una app de ingresos y gastos, después de haber instanciado el método de borrar en la clase DBManager.

Ahora que ya has practicado, una vez más, el proceso para ejecutar HTML con el ejercicio de crear una página de borrado en HTML para una app de ingresos y gastos, estás más cerca de poder desarrollar cualquier proyecto web. Si necesitas de un guía profesional para guiarte a lo largo de tu camino de aprendizaje, te recomendamos visitar el temario de nuestro Aprende a Programar desde Cero Full Stack Jr. Bootcamp. ¿A qué estas esperando para cumplir tus metas? ¡No dudes en inscribirte!

Ramón Maldonado

Full Stack Developer y Responsable de Formación base en KeepCoding.

Posts más leídos

¡CONVOCATORIA ABIERTA!

Aprende a Programar desde Cero

Full Stack Jr. Bootcamp

Apúntate y consigue uno de los perfiles más demandados con Python en solo 4 meses.