Aula 02 – Loja Virtual – Ecommerce – Django
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
Loja virtual – Ecommerce – Django
Voltar para página principal do blog
Todas as aulas desse curso
Aula 01 Aula 03
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:
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')],
