.png)
%2011.32.57%E2%80%AFp.m..png "Proyecto 3: Sistema de Facturación Simple con Python + Flask + HTML")
%2011.32.57%E2%80%AFp.m..png)
📌 Proyecto 3: Sistema de Facturación Simple con Flask
En este artículo, te mostraré cómo desarrollamos “Proyecto 3”, un sistema de facturación simple con Flask y Python, que permite registrar, editar y eliminar facturas, almacenando los datos en un archivo de texto (facturas.txt) dentro de la carpeta Documentos/python/Proyecto3.
🔹 Tecnologías Utilizadas
• Python: Backend para manejar los datos.
• Flask: Framework web para la interfaz.
• HTML + Bootstrap: Diseño responsive y atractivo.
• OS (módulo de Python): Para gestionar archivos y rutas.
🔹 Objetivo del Proyecto
El sistema permite gestionar facturas, almacenando los siguientes datos:
✅ Número de Factura
✅ Fecha
✅ Cliente
✅ Total
✅ Estado (Pagado/Pendiente)
🔹 Funcionalidades
✅ Registrar una nueva factura
✅ Editar una factura existente
✅ Eliminar facturas
✅ Mostrar facturas registradas
✅ Guardar los datos en facturas.txt
📌 Código Fuente Completo
🔹 Archivo app.py
from flask import Flask, render_template, request, redirect, url_for
import os
app = Flask(__name__)
# Ruta donde se guardará la información en Documentos/python/Proyecto3
documents_path = os.path.join(os.path.expanduser("~"), "Documents")
folder_path = os.path.join(documents_path, "python", "Proyecto3")
file_path = os.path.join(folder_path, "facturas.txt")
# Crear la carpeta si no existe
if not os.path.exists(folder_path):
os.makedirs(folder_path)
# Funciones para leer y escribir facturas
def leer_facturas():
if not os.path.exists(file_path):
return []
with open(file_path, "r", encoding="utf-8") as file:
return [line.strip().split(",") for line in file.readlines()]
def escribir_facturas(facturas):
with open(file_path, "w", encoding="utf-8") as file:
for factura in facturas:
file.write(",".join(factura) + "\n")
@app.route('/')
def index():
facturas = leer_facturas()
return render_template('index.html', facturas=enumerate(facturas))
@app.route('/agregar', methods=['POST'])
def agregar():
numero = request.form['numero']
fecha = request.form['fecha']
cliente = request.form['cliente']
total = request.form['total']
estado = request.form['estado']
nueva_factura = [numero, fecha, cliente, total, estado]
facturas = leer_facturas()
facturas.append(nueva_factura)
escribir_facturas(facturas)
return redirect(url_for('index'))
@app.route('/editar/<int:index>', methods=['GET', 'POST'])
def editar(index):
facturas = leer_facturas()
if request.method == 'POST':
facturas[index] = [
request.form['numero'],
request.form['fecha'],
request.form['cliente'],
request.form['total'],
request.form['estado']
]
escribir_facturas(facturas)
return redirect(url_for('index'))
return render_template('editar.html', index=index, factura=facturas[index])
@app.route('/eliminar/<int:index>')
def eliminar(index):
facturas = leer_facturas()
facturas.pop(index)
escribir_facturas(facturas)
return redirect(url_for('index'))
if __name__ == '__main__':
app.run(debug=True)
🔹 Archivo templates/index.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gestión de Facturas</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light">
<div class="container mt-5">
<h2 class="text-center">Gestión de Facturas</h2>
<form action="/agregar" method="POST" class="card p-4 shadow mb-4">
<div class="mb-3">
<label class="form-label">Número de Factura</label>
<input type="text" class="form-control" name="numero" required>
</div>
<div class="mb-3">
<label class="form-label">Fecha</label>
<input type="date" class="form-control" name="fecha" required>
</div>
<div class="mb-3">
<label class="form-label">Cliente</label>
<input type="text" class="form-control" name="cliente" required>
</div>
<div class="mb-3">
<label class="form-label">Total</label>
<input type="number" step="0.01" class="form-control" name="total" required>
</div>
<div class="mb-3">
<label class="form-label">Estado</label>
<select class="form-control" name="estado" required>
<option value="Pendiente">Pendiente</option>
<option value="Pagado">Pagado</option>
</select>
</div>
<button type="submit" class="btn btn-primary">Agregar Factura</button>
</form>
<table class="table table-bordered">
<thead>
<tr>
<th>Número</th>
<th>Fecha</th>
<th>Cliente</th>
<th>Total</th>
<th>Estado</th>
<th>Acciones</th>
</tr>
</thead>
<tbody>
{% for index, factura in facturas %}
<tr>
<td>{{ factura[0] }}</td>
<td>{{ factura[1] }}</td>
<td>{{ factura[2] }}</td>
<td>${{ factura[3] }}</td>
<td>
{% if factura[4] == "Pendiente" %}
<span class="badge bg-warning text-dark">Pendiente</span>
{% else %}
<span class="badge bg-success">Pagado</span>
{% endif %}
</td>
<td>
<a href="/editar/{{ index }}" class="btn btn-warning btn-sm">Editar</a>
<a href="/eliminar/{{ index }}" class="btn btn-danger btn-sm">Eliminar</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>
🚀 Cómo Ejecutar la Aplicación
1️⃣ Instalar Flask con:
pip install flask
2️⃣ Ejecutar la aplicación:
python app.py
3️⃣ Abrir en el navegador:
🎯 Conclusión
Este Sistema de Facturación Simple permite llevar un control básico de facturas de manera eficiente sin necesidad de una base de datos.
No hay comentarios