Prima visualizzazione dati dal DB

This commit is contained in:
Tiziano Trabattoni
2024-10-17 01:57:43 +02:00
parent 44a6dd1e63
commit 0ce2800670
5 changed files with 145 additions and 1 deletions

View File

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 706 KiB

View File

@@ -0,0 +1,121 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<title>Fullstack Sushi</title>
</head>
<body>
<!-- Image and text -->
<nav class="navbar navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="./images/logo.png" alt="" width="30" height="24" class="d-inline-block align-top">
Fullstack Sushi
</a>
</div>
</nav>
<div class="container my-5 text-center" style="max-width:580px">
<h1>Sushi per Programmatori!</h1>
<p class="lead">Concediti ora una favolosa pausa ricca di sapore e di carboidrati. E'
scientificamente provato: i nostri sushi rolls ti aiutano a scrivere un codice più performante
</p>
<button type="button" class="btn btn-primary">Ordina Subito!</button>
<button type="button" class="btn btn-secondary">Contattaci</button>
</div>
<div class="container">
<div class="row">
<div class="col-sm">
<div class="card" style="width: 18rem;">
<img src="./images/california.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">California Roll</h5>
<p class="card-text">Un piatto ricco di saggezza e tradizione. Ogni caloria ingerita contiene il
coraggio di
Son Goku, la perspicacia del Detective Conan e la prestanza fisica di Doraemon</p>
<a href="#" class="btn btn-primary">Acquista</a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card" style="width: 18rem;">
<img src="./images/dragon.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Dragon Roll</h5>
<p class="card-text">Un piatto ricco di saggezza e tradizione. Ogni caloria ingerita contiene il
coraggio di
Son Goku, la perspicacia del Detective Conan e la prestanza fisica di Doraemon</p>
<a href="#" class="btn btn-primary">Acquista</a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card" style="width: 18rem;">
<img src="./images/dynamite.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Dynamite Roll</h5>
<p class="card-text">Un piatto ricco di saggezza e tradizione. Ogni caloria ingerita contiene il
coraggio di
Son Goku, la perspicacia del Detective Conan e la prestanza fisica di Doraemon</p>
<a href="#" class="btn btn-primary">Acquista</a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card" style="width: 18rem;">
<img src="./images/philadelphia.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Philadelphia Roll</h5>
<p class="card-text">Un piatto ricco di saggezza e tradizione. Ogni caloria ingerita contiene il
coraggio di
Son Goku, la perspicacia del Detective Conan e la prestanza fisica di Doraemon</p>
<a href="#" class="btn btn-primary">Acquista</a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card" style="width: 18rem;">
<img src="./images/rainbow.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Rainbow Roll</h5>
<p class="card-text">Un piatto ricco di saggezza e tradizione. Ogni caloria ingerita contiene il
coraggio di
Son Goku, la perspicacia del Detective Conan e la prestanza fisica di Doraemon</p>
<a href="#" class="btn btn-primary">Acquista</a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card" style="width: 18rem;">
<img src="./images/shrimp.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Shrimp Roll</h5>
<p class="card-text">Un piatto ricco di saggezza e tradizione. Ogni caloria ingerita contiene il
coraggio di
Son Goku, la perspicacia del Detective Conan e la prestanza fisica di Doraemon</p>
<a href="#" class="btn btn-primary">Acquista</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"></script>
</body>
</html>

View File

@@ -15,5 +15,26 @@
</a>
</nav>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<div class="container">
<div class="row">
{% for part in parts %}
<div class="col-sm">
<div class="card" style="width: 18rem;">
<!-- <img src="./images/{{ part.image }}" class="card-img-top" alt="..." -->
<div class="card-body">
<h5 class="card-text">{{ part.descr }}</h5>
<p class="card-text">Code: {{ part.code }}</p>
<p class="card-text">Price: {{ part.price }}</p>
<p class="card-text">Manuf: {{ part.vendor }}</p>
<p class="card-text">Loc: {{ part.location }}</p>
<a href="#" class="btn btn-primary">Acquista</a>
</div>
</div>
{% endfor %}
</div>
</body>
</html>

View File

@@ -1,5 +1,7 @@
from django.shortcuts import render
from .models import part
# Create your views here.
def parts(request):
return render(request, 'partsdb/parts.html')
parts = part.objects.all()
return render(request, 'partsdb/parts.html', {'parts': parts})