jogoteca.py
from flask import Flask, render_template
class Jogo:
def __init__(self, nome, categoria, console):
self.nome = nome
self.categoria = categoria
self.console = console
def __str__(self):
return f"{self.nome} - {self.categoria} - {self.console}"
app = Flask(__name__)
@app.route("/inicio")
def ola():
jogo1 = Jogo("Tetris", "Puzzle", "Atari")
jogo2 = Jogo("God of War", "Hack n Slash", "PS2")
jogo3 = Jogo("Mortal Kombat", "Luta", "PS2")
lista = [jogo1, jogo2, jogo3]
return render_template("lista.html", titulo="Jogos", jogos=lista)
app.run(debug=True)
lista.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ titulo }}</title>
</head>
<body>
<div class="container">
<div class="page-header">
<h1>{{ titulo }}</h1>
</div>
<table class="table table-striped table-responsive table-bordered">
<thead class="thead-default">
<tr>
<th>Nome</th>
<th>Categoria</th>
<th>Console</th>
</tr>
</thead>
<tbody>
{% for jogo in jogos %}
<tr>
<td>{{ jogo.nome }}</td>
<td>{{ jogo.categoria }}</td>
<td>{{ jogo.console }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>
Uma dúvida que surgiu enquanto eu fazia o código era como eu poderia centralizar o conteúdo do site, já que no curso ainda não usamos CSS, nem um arquivo específico para isso, surgiu a dúvida de como eu poderia fazer isso através da própria lista.html, se alguém puder me dar uma luz sobre isso, eu tentei usar style"text-align:center" no body e não entendi por que não funcionou.
