Project 5 - Superhero Database

Goals

• Deploy a web app at Python Anywhere
• Understand how to create views in Django
  • Build a database using the Django ORM
  • Create templates for HTML
  • Create custom views using TemplateView
  • Hook URL routes to views
  • Use one route to load many views
  • Serving static media

Steps

Create a new Django project

• startproject Superhero
• startapp hero
• Build HTML template "index.html"
• Set a title "Superhero News"
• Debug URL route for '/'
• Commit to your Github repo
• Deploy at Python Anywhere

Define Python class

• Superhero (name, identity)

hero/models.py

class Superhero(models.Model):
    name = models.CharField(max_length=20)
    identity = models.CharField(max_length=20)

Data Migrations

• Create the scripts to update the database

• Apply the migrations

  python manage.py makemigrations hero

  python manage.py migrate

Enable the Admin UI

• Setup Django Admin

hero/admin.py

from django.contrib import admin

from .models import Superhero

admin.site.register(Superhero)

Admin Routes

• URL Routes to Admin pages

hero/urls.py

from django.contrib.admin import site

urlpatterns = [
    path(r'admin/', site.urls),
]

Create Objects

• Browse to Admin "http://127.0.0.1:8000/admin/"

Add Heroes

• Use the Admin views to
  • Add records
  • Modify records
  • Delete records

Add five Superheroes

Create Superhero Pages

• Build a view that takes a "hero" argument and displays the name
• Build a URL route that matches "hero/" and calls your view

Superhero Index

• Add a list of links to invoke your hero page
• Create links from the database records

Create Images

• Create images that match your five selected heroes
• Add an image to your view to display the superhero image
• Debug your application code until photos display
• Commit to your Github repo
• Deploy at Python Anywhere

Create Superhero Theme

• Create a HTML template "superhero_theme.html"
• Add a bootstrap CSS and custom CSS to this template
• Add a "{% block content %}" section to the template
• Make index.html and hero.html use "{% extends 'superhero_theme.html' %}"
• Debug the view inheritance
• Give you pages some cool style

Test the pages

• Browse to http://YOUR_USER.pythonanywhere.com/ for Your Site
• Make sure this address is set in Sensei

Requirements

• Your page must be available at http://YOUR_USER.pythonanywhere.com/
• It must contain info about superheroes
• You must use a "superhero_theme.html" base template for all pages
• You will get partial credit if you build your app but cannot get it deployed
• All heroes must come from database records