Project 7 - Superhero Data Views

Goals

• Build an applications that has for generic Django views for the CRUD operations
• Django View Classes
  • TemplateView
  • ListView
  • DetailView
  • CreateView
  • UpdateView
  • DeleteView
• Customize each of the views
• Use View Inheritance to apply styles and structure

Steps

Create a new Django project

• The default view should contain a list of link to superheroes
• An add button will let users add a new record

ListView

• Create a table or divs that show a list of records
• Each hero should have a link that goes to the details page

DetailView

• Display all info from the Database records
• Show the image as a thumbnail with a link to the large image
• Add a button to Edit the record

CreateView

• Create new records with a view
• You can cheat by loading the image file into a directory
• Add the image as a URL pointing to this file

UpdateView

• Make sure that you can edit the records
• Make sure that the page is redirected after save

DeleteView

• Delete the records after confirmation
• Go to the list after a delete

View Inheritance

• Create a base page template
• Style all pages without duplicating any code

Add five Superhero records

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
• All heroes must come from database records
• ListView
• DetailView
• CreateView
• UpdateView
• DeleteView
• View Inheritance - "superhero_theme.html" base template for all pages
• Nice page style and layout