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 com Django

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:

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:

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.

Na próxima aula nós criaremos as outras páginas: about_page, contact_page, dá mesma forma, falaremos e utilizaremos template context entre outras coisas.

Aula 01                Aula 03

Todas as aulas desse curso

Voltar para página principal do blog

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/ 😉

About The Author
-

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>