How To Create Django Python Project

django-admin startproject portfolio

C:\Users\Manibala\desktop\portfolio-project> python manage.py startapp jobs

settings.py-> add ‘jobs’ in install apps

portfolio/urls.py -> add url with function name views.nick and import views

from django.conf.urls import url

from django.contrib import admin

import jobs.views

urlpatterns = [

url(r'^admin/', admin.site.urls),

url('home', jobs.views.nick, name='home'),

]

jobs/views.py -> write function with request parameter and give path of view page

from django.shortcuts import render

def nick(request):

return render(request, 'jobs/home.html')#to output the render content html

jobs/templates/jobs/home.html

Hello World

http://localhost:8000/home

Creating models in django: work with database

jobs/models.py

class Job(models.Model): # Model name is Job

# Images

image = models.ImageField(upload_to='images/')

# Summary

summary = models.CharField(max_length=200)

To work with image, install pillow

\Users\Manibala\desktop\portfolio-project> pip3 install pillow or

Pip install Pillow==6.2.1 --no-cache-dir

http://localhost:8000/home running

Postgres set up for django:

https://www.enterprisedb.com/thank-you-downloading-postgresql?anid=1257093

install postgres and create database portfolio db

http://127.0.0.1:53056/browser/

Connecting project to postgres :

Settings.py

DATABASES = {

'default': {

'ENGINE': 'django.db.backends.postgresql',

'NAME': 'portfoliodb',

'USER': 'postgres',

'PASSWORD': '****',

'HOST': 'localhost',

'PORT': '5432',

}

-----------------

$pip install psycopg2

C:\WINDOWS\system32> pip install psycopg2-binary

http://localhost:8000/home no issue working with database

Make django Migrations and migrate :

$ python manage.py migrate

$ python manage.py runserver

Models.py

To store data in database,we create migration.

C:\Users\Manibala\desktop\portfolio-project> python manage.py makemigrations

Now you can see auto generated code from models.py file in migrations/0001_initial.py -> this code is handled by Django. We should not touch it.if we see INSTALLED_APP in setting.py, from here all migration comes.

C:\Users\Manibala\desktop\portfolio-project> python manage.py migrate

It is running all those migrations and it’s getting postgres database.this means we are ready to save data in database.

Setting up admin panel:

http://localhost:8000/admin/login/?next=/admin/

Create user and password

Users\Manibala\desktop\portfolio-project> python manage.py createsuperuser

User:

Email: esc

Password:

User shows:

admin.py

from .models import Job

#Register your models here

admin.site.register(Job)

Uploaded Job now

Creating model objects via admin panel:

Click Add in Jobs

Upload image of code.jpg and save

Now you created 1 object in database. You can edit and save in database.

Now you can see image folder in portfolio project.

Models.py : we wrote the code to store images in images folder .

Pulling objects from the database :

We need to big all jobs in main page in localhost, not in admin link.

Views.py:

from .models import Job

def homepage(request): # Nick function

jobs = Job.objects # take job objects to html page

# send back html file

return render(request, 'jobs/home.html', {'jobs':jobs})#3rd is dictionary, Left side string

---------------------

home.html

{% for job in jobs.all %}

{% endfor %}

http://localhost:8000/home

Bootstrap overview and installation: just change html and add js(b/w /footer and /body) and css library

https://getbootstrap.com/

https://getbootstrap.com/docs/4.4/examples/album/->rht clk->view page source-> copy->

Paste into home.html page-> save

Copy library

https://getbootstrap.com/->Get Started->copy CSS library-> paste into Bootstrap core CSS in home.html

Copy JS library all from bootstrap->delete all js script between </footer> and </body> & paste js library in home .html

Home.html

{% for job in jobs.all %}

{% endfor %}

<!doctype html>

<head>

<title>Album example · Bootstrap</title>

<style>

.bd-placeholder-img {

font-size: 1.125rem;

text-anchor: middle;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

@media (min-width: 768px) {

.bd-placeholder-img-lg {

font-size: 3.5rem;

}

</style>

</head>

<body>

<h4 class="text-white">About</h4>

<p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>

</div>

<h4 class="text-white">Contact</h4>

<li><a href="#" class="text-white">Follow on Twitter</a></li>

<li><a href="#" class="text-white">Like on Facebook</a></li>

<li><a href="#" class="text-white">Email me</a></li>

</ul>

</div>

<strong>Album</strong>

</a>

</button>

</div>

</header>

<h1>Album example</h1>

<p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p>

<p>

<a href="#" class="btn btn-primary my-2">Main call to action</a>

<a href="#" class="btn btn-secondary my-2">Secondary action</a>

</p>

</div>

</section>