Aula 02 - Loja Virtual - Ecommerce - Django

Loja Virtual - Ecommerce - Django

Vamos continuar criando uma loja online?

Nessa aula iremos:

  • Criar o arquivo views.py e renderizar nossa primeira versão da home_page.html

  • Usar o bootstrap para estilizar nossa loja virtual

Para baixar o código como está até agora, acesse o link abaixo: https://github.com/toticavalcanti/django_ecommerce/tree/create_pages

Curta a página do Código Fluente no Facebook https://www.facebook.com/Codigofluente-338485370069035/

Vou deixar meu link de referidos na digitalocean pra vocês.

Quem se cadastrar por esse link, ganha $100.00 dólares de crédito na digitalocean:

Digital Ocean

Esse outro link é da one.com:

One.com

Vamos criar o arquivo

src/e_commerce/views.py Dentro dele coloque:

from django.http import HttpResponse
from django.shortcuts import render
def home_page(request):
    return HttpResponse("Olá Mundo")
Agora no arquivo src/e_commerce/urls.py importe home_page do views.py e coloque no path.

from django.contrib import admin
from django.urls import path
from .views import home_page
urlpatterns = [
        path('', home_page),
        path('admin/', admin.site.urls),
]
Salve os arquivos urls.py e views.py e se o servidor ainda estiver no ar dê um refresh em: 127.0.0.1:8000 Se o servidor não estiver no ar rode: python manage.py runserver

Deverá aparecer Olá Mundo no seu browser.

Agora acesse esse link e copie o código Starter template: https://getbootstrap.com/docs/4.1/getting-started/introduction/

Na função home_page dentro da src/e_commerce/views.py, crie uma variável html_ e atribua a ela, dentro de """ """ (3 aspas duplas), o conteúdo do Starter template copiado do site do bootstrap.

Obs. 3 aspas duplas, permite strings com múltiplas linhas em python.

O views.py ficará assim: src/e_commerce/views.py

views.py:


from django.http import HttpResponse
from django.shortcuts import render
def home_page(request):
    html_ = """
Cole aqui o conteúdo do Starter template copiado do site do bootstrap
"""
    return HttpResponse(html_)
Acesse novamente 127.0.0.1:8000 e veja o resultado. Crie src/template/home_page.html E coloque o conteúdo do Starter template copiado do site do bootstrap. E em src/e_commerce/views.py mude a função home_page: A views.py vai ficar assim:

from django.http import HttpResponse
from django.shortcuts import render
def home_page(request):
    return render(request, "home_page.html", {})

Agora em settings.py vá em template em dirs e coloque o seguinte:

'DIRS': [os.path.join(BASE_DIR, 'template')],

Salve o settings.py e acesse de novo 127.0.0.1:8000 e veja que continua funcionando.

Curta a página do Código Fluente no Facebook https://www.facebook.com/Codigofluente-338485370069035/

Vou deixar meu link de referidos na digitalocean pra vocês.

Quem se cadastrar por esse link, ganha $100.00 dólares de crédito na digitalocean:

Digital Ocean

Esse outro link é da one.com:

One.com

Para baixar o código como está até agora, acesse o link abaixo: https://github.com/toticavalcanti/django_ecommerce/tree/create_pages

VALEU, OBRIGADO, BONS ESTUDOS E ATÉ A PRÓXIMA. \o/ ;)