add crud app django tutorial

Author: x4nth055

README.md

@@ -0,0 +1,6 @@
+from django.contrib import admin
+# from the models.py file import Book
+from .models import Book
+
+# registering the Book to the admin site
+admin.site.register(Book)

web-programming/bookshop-crud-app-django/README.md

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class BooksConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'books'

web-programming/bookshop-crud-app-django/bookcovers/414zYx1SEoL.jpg

@@ -0,0 +1,20 @@
+from .models import Book
+from django.forms import ModelForm
+from django import forms
+
+# declaring the ModelForm
+class EditBookForm(ModelForm):
+    
+    class Meta:
+        # the Model from which the form will inherit from
+        model = Book
+        # the fields we want from the Model
+        fields = '__all__'
+        # styling the form with bootstrap classes
+        widgets = {
+             'title': forms.TextInput(attrs={'class': 'form-control'}),
+             'author': forms.TextInput(attrs={'class': 'form-control'}),
+             'price': forms.TextInput(attrs={'class': 'form-control'}),
+             'isbn': forms.TextInput(attrs={'class': 'form-control'}),
+             
+        }

web-programming/bookshop-crud-app-django/bookcovers/41Imco7yalL._SX404_BO1,204,203,200_.jpg

@@ -0,0 +1,29 @@
+# Generated by Django 4.0.6 on 2022-07-17 08:18
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Book',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=100)),
+                ('author', models.CharField(max_length=100)),
+                ('price', models.DecimalField(decimal_places=2, max_digits=10)),
+                ('isbn', models.CharField(max_length=100)),
+                ('image', models.ImageField(upload_to='')),
+                ('created_at', models.DateTimeField(auto_now_add=True, null=True)),
+            ],
+            options={
+                'ordering': ['-created_at'],
+            },
+        ),
+    ]

web-programming/bookshop-crud-app-django/bookcovers/41iYPb47M-L._SX384_BO1,204,203,200_.jpg

@@ -0,0 +1,18 @@
+# Generated by Django 4.0.6 on 2022-07-17 08:29
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('books', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='book',
+            name='image',
+            field=models.ImageField(default='images/', upload_to='images'),
+        ),
+    ]

web-programming/bookshop-crud-app-django/bookcovers/41o-uUcKIdL._SX403_BO1,204,203,200_.jpg

@@ -0,0 +1,18 @@
+# Generated by Django 4.0.6 on 2022-07-17 08:29
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('books', '0002_alter_book_image'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='book',
+            name='image',
+            field=models.ImageField(default='images/default.jpg', upload_to='images'),
+        ),
+    ]

web-programming/bookshop-crud-app-django/bookcovers/51+gwRCd9PL.jpg

@@ -0,0 +1,18 @@
+# Generated by Django 4.0.6 on 2022-07-17 08:34
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('books', '0003_alter_book_image'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='book',
+            name='image',
+            field=models.ImageField(default='images/default.jpg', upload_to='images/'),
+        ),
+    ]

web-programming/bookshop-crud-app-django/bookcovers/51+p6vUygeL.jpg

@@ -0,0 +1,21 @@
+from django.db import models
+
+
+# the Book model with its fields
+class Book(models.Model):
+    title = models.CharField(max_length=100)
+    author = models.CharField(max_length=100)
+    price = models.DecimalField(max_digits=10, decimal_places=2)
+    isbn = models.CharField(max_length=100)
+    # this is the image for a book, the image will be uploaded to images folder
+    image = models.ImageField(null=False, blank=False, upload_to='images/')
+    created_at = models.DateTimeField(auto_now_add=True, null=True, blank=True)
+    
+    # this is the string represantation, what to display after querying a book/books
+    def __str__(self):
+        return f'{self.title}'
+    
+    # this will order the books by date created
+    class Meta:
+        ordering = ['-created_at']
+

web-programming/bookshop-crud-app-django/bookcovers/51av4IdK8LL.jpg

@@ -0,0 +1,57 @@
+{% extends 'books/base.html' %}
+
+
+{% block content %}
+<div class="row justify-content-center">
+    <div class="col-md-4">
+        <a href="{% url 'home' %}" class="my-3 btn btn-dark btn-sm">Go Back</a>
+
+        <div class="card shadow-lg">
+
+            <div class="card-body">
+                <!-- the form for adding a book -->
+                <form method="POST" enctype="multipart/form-data" action="">
+
+                    <!-- this is for securing the form from malicious attacks -->
+                    {% csrf_token %}
+
+                    <!-- this is the label and input for the Title -->
+                    <div class="mb-3">
+                        <label class="form-label font-weight-bold">Book Title</label>
+                        <input required type="text" name="title" class="form-control" placeholder="Enter Book Title">
+                    </div>
+
+                    <!-- this is the label and input for the Author -->
+                    <div class="mb-3">
+                        <label class="form-label font-weight-bold">Author</label>
+                        <input required type="text" name="author" class="form-control" placeholder="Book Author">
+                    </div>
+
+        
+                    <!-- this is the label and input for the Price -->
+                    <div class="mb-3">
+                        <label class="form-label font-weight-bold">Price</label>
+                        <input required type="number" name="price" class="form-control" placeholder="Price">
+                    </div>
+
+                    <!-- this is the label and input for the ISBN -->
+                    <div class="mb-3">
+                        <label class="form-label font-weight-bold">ISBN</label>
+                        <input required type="text" name="isbn" class="form-control" placeholder="ISBN">
+                    </div>
+    
+                    <!-- this is the label and input for the Image -->
+                    <div class="mb-3">
+                        <label class="form-label font-weight-bold">Upload Image:</label>
+                        <input required type="file" name="image-file" class="form-control" id="customFile" />
+                    </div>
+    
+                    <!-- Submit button -->
+                    <button type="submit" class="btn btn-success btn-block mb-4">Submit</button>
+                </form>
+            </div>
+            
+        </div>
+    </div>
+</div>
+{% endblock %}

web-programming/bookshop-crud-app-django/bookcovers/51d+7bIw1sL._SX342_SY445_QL70_ML2_.jpg

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Book Store</title>
+    <!-- CSS only -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+    {% block content %}
+        
+    {% endblock %}
+</body>
+</html>

web-programming/bookshop-crud-app-django/bookcovers/51kM7CkgKWL._SX353_BO1,204,203,200_.jpg

@@ -0,0 +1,25 @@
+{% extends 'books/base.html' %}
+<!-- loads images -->
+{% load static %}
+
+
+{% block content %}
+    <div class="row justify-content-center">
+        <div class="col-md-4">
+            <div class="">
+                <a href="{% url 'home' %}" class="my-3 btn btn-dark btn-sm">Go Back</a>
+            </div>
+            
+
+            <div style="height: 90vh">
+                <img class="img-fluid text-center" style="max-width: 100%; max-height: 100%" src="{{ book.image.url }}" alt="">
+                
+                <h5 class="text-muted">Author: {{ book.author }}</h5>
+                <small>ISBN: {{ book.isbn }}</small><br>
+                <small>Price: {{ book.price }}</small><br>
+                <a href="{% url 'edit-book' book.id %}" class="btn btn-success btn-sm">Edit Book</a>
+                <a href="{% url 'delete-book' book.id %}" class="btn btn-danger btn-sm">Delete Book</a>
+            </div>
+        </div>
+    </div>
+{% endblock %}

web-programming/bookshop-crud-app-django/bookcovers/51nMghlDJgL.jpg

@@ -0,0 +1,28 @@
+{% extends 'books/base.html' %}
+
+
+{% block content %}
+<div class="row justify-content-center">
+    <div class="col-md-4">
+        <a href="{% url 'home' %}" class="my-3 btn btn-dark btn-sm">Go Back</a>
+
+        <div class="card shadow-lg">
+
+            <div class="card-body">
+                <!-- the form for deleting a book -->
+                <form method="POST" action="">
+
+                    <!-- this is for securing the form from malicious attacks -->
+                    {% csrf_token %}
+
+                    <p>Are you sure you want to delete the book '<b>{{ book.title | upper}}</b>'?</p>
+    
+                    <!-- Submit button -->
+                    <button type="submit" class="btn btn-danger btn-block mb-4">Confirm</button>
+                </form>
+            </div>
+            
+        </div>
+    </div>
+</div>
+{% endblock %}

web-programming/bookshop-crud-app-django/bookcovers/71GPx+GNQ6L.jpg

@@ -0,0 +1,50 @@
+<!-- inheriting from the base file -->
+{% extends 'books/base.html' %}
+
+<!-- this will help render the images -->
+{% load static %}
+
+{% block content %}
+<div class="container mb-4">
+    <div class="row">
+        <!-- side navbar here -->
+        <div class="col-md-3 mt-3">
+            <div class="card">
+                <h4 class="card-header px-3">Menu</h4>
+
+                <ul class="list-group list-group-light list-group-small">
+                    <li class="list-group-item px-3"><a href="">Home</a></li>
+                </ul>
+
+                <a href="{% url 'add-book' %}" class="m-2 btn btn-dark btn-sm">Add Book</a>
+
+            </div>
+        </div>
+
+        <!-- books here -->
+        <div class="col-md-9 mt-3">
+            <div class="row">
+                <!-- using a for loop to loop through all the books -->
+                {% for book in books %}
+                <div class="col-md-4">
+                    <div class="card my-2">
+                        <a href="">
+                            <!-- this is the book image -->
+                            <img src="{{ book.image.url }}" class="card-img-top" style="height:275px" />
+                        </a>
+                        <div class="card-body">
+                            <!-- this is the book title -->
+                            <h4 class="card-text">{{ book.title }}</h4>
+                        </div>
+                        <a href="{% url 'book-detail' book.id %}" class="m-2 btn btn-outline-dark btn-sm">View Book</a>
+                    </div>
+                </div>
+                {% endfor %}
+
+            </div>
+
+        </div>
+
+    </div>
+</div>
+{% endblock %}

web-programming/bookshop-crud-app-django/bookcovers/71Yd2ACrDcL.jpg

@@ -0,0 +1,28 @@
+{% extends 'books/base.html' %}
+
+
+{% block content %}
+<div class="row justify-content-center">
+    <div class="col-md-4">
+        <a href="{% url 'home' %}" class="my-3 btn btn-dark btn-sm">Go Back</a>
+
+        <div class="card shadow-lg">
+
+            <div class="card-body">
+                <!-- the form for adding a book -->
+                <form method="POST" enctype="multipart/form-data" action="">
+
+                    <!-- this is for securing the form from malicious attacks -->
+                    {% csrf_token %}
+
+                    <p>{{ form }}</p>
+    
+                    <!-- Submit button -->
+                    <button type="submit" class="btn btn-success btn-block mb-4">Update Book</button>
+                </form>
+            </div>
+            
+        </div>
+    </div>
+</div>
+{% endblock %}

web-programming/bookshop-crud-app-django/bookcovers/978-1-4302-4210-9.jpg

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

web-programming/bookshop-crud-app-django/bookcovers/978-1-4842-1973-7.jpg

@@ -0,0 +1,17 @@
+from django.urls import path
+# this imports all the views from the views.py
+from . import views
+
+
+urlpatterns = [
+    # this is the home url
+    path('', views.home, name='home'),
+    # this is the single book url
+    path('book-detail/<str:id>/', views.book_detail, name='book-detail'),
+    # this is the add book url
+    path('add-book/', views.add_book, name='add-book'),
+    # this is the edit book url
+    path('edit-book/<str:id>/', views.edit_book, name='edit-book'),
+    # this is the delete book url
+    path('delete-book/<str:id>/', views.delete_book, name='delete-book'),
+]