Quiero agregar un botón en mi página que me actualice los datos que muestra la misma(cambiar un nombre, una cantidad, añadir x cosa...) y otro botón para que los elimine. Estoy utilizando Python, Flask y Bootstrap para el desarrollo, y MongoDB Atlas para la base de datos. He estado buscando ejemplos y documentación pero no termina de quedarme claro.
Gracias por la ayuda.
P.D: Si tenéis sugerencias para optimizar mi código son bienvenidas, todo sea por mejorar.
Edit: he estado haciendo pruebas y añadiendo cosas al código, sigue sin actualizar los cambios que realizo
app.py
from flask import Flask, render_template, request, redirect
from pymongo import MongoClient
app = Flask(__name__)
client = MongoClient("mongodb+srv://karmaster:[email protected]/test?retryWrites=true&w=majority")
db = client.Rol_test
@app.route('/')
def inicio():
return render_template('index.html')
@app.route('/clases', methods=['GET', 'POST'])
def clases():
clases = db.clases.find().sort("name", 1)
return render_template('clases.html', clases=clases)
@app.route('/razas')
def razas():
razas = db.razas.find()
return render_template('razas.html', razas=razas)
@app.route('/armaduras')
def armaduras():
armors = db.armaduras.find()
return render_template('armaduras.html', armors=armors)
@app.route('/armas')
def armas():
weapons = db.armas.find()
return render_template('armas.html', weapons=weapons)
@app.route('/items')
def items():
items = db.items.find()
return render_template('items.html', items=items)
@app.route('/subida')
def subida():
name = request.args['name']
description = request.args['descripcion']
stat_bonus = request.args['stat_bonus']
dice_pv = request.args['dados_pv']
dice_pm = request.args['dados_pm']
licencias = request.args['licencias']
hab1 = request.args['hab1']
db.clases.insert_one(
{
"name": name,
"descripcion": description,
"stat_bonus": stat_bonus,
"dice_pv": dice_pv,
"dice_pm": dice_pm,
"licencias": licencias,
"hab1": hab1
}
)
return redirect('/clases')
@app.route('/update')
def update():
name = request.args['name']
description = request.args['descripcion']
stat_bonus = request.args['stat_bonus']
dice_pv = request.args['dados_pv']
dice_pm = request.args['dados_pm']
licencias = request.args['licencias']
hab1 = request.args['hab1']
db.clases.update_one(
{
"name": name,
"descripcion": description,
"stat_bonus": stat_bonus,
"dice_pv": dice_pv,
"dice_pm": dice_pm,
"licencias": licencias,
"hab1": hab1
}
)
return redirect('/clases')
if __name__ == "__main__":
app.run(debug=True)
clases.html
{% extends "layout.html" %}
{% block content%}
<div class="jumbotron">
<h2>Clases de Final Fantasy</h2>
A continuación se muestran las clases disponibles para la creación de personaje asi como sus modificadores y habilidades
<table class="table table-striped">
<thead>
<tr>
<th>Nombre de la clase</th>
<th>Descripción</th>
<th>Stat bonus</th>
<th>Dados de vida</th>
<th>Dados de magia</th>
<th>Licencias de clase</th>
<th>Habilidades de clase</th>
<th>Boton de update</th>
</tr>
</thead>
<tbody class="searchable">
<form action="/update" method="get">
{% for class in clases %}
<tr>
<td><input type="text" class="form-control" id="name" value="{{class['name']}}"></td>
<td><input type="text" class="form-control" id="description" value="{{class['description']}}"></td>
<td><input type="text" class="form-control" id="stat_bonus" value="{{class['stat_bonus']}}"></td>
<td><input type="text" class="form-control" id="dice_pv" value="{{class['dice_pv']}}"></td>
<td><input type="text" class="form-control" id="dice_pm" value="{{class['dice_pm']}}"></td>
<td><input type="text" class="form-control" id="licencias" value="{{class['licencias']}}"></td>
<td><input type="text" class="form-control" id="hab1" value="{{class['hab1']}}"></td>
<td><button type="submit" class="btn btn-primary">Save changes</button></td>
</tr>
{% endfor %}
</form>
</tbody>
</table>
</div>
{% endblock %}