Iniciando seu Projeto

Gileno Filho

Roteiro
Configuraes Bsicas do Nosso Projeto Criando nossa primeira App O que so Views e URLs Usando um Template Configurando os Arquivos estticos

Configurando nosso Projeto

Dentro da pasta do projeto contm um arquivo chamado settings.py esse script Python contm as configuraes de seu Projeto Django
Banco de Dados Arquivos estticos Lista de Apps do Projeto Configuraes de Idiomas Entre outras

Configurando nosso Projeto

Configuraes de Banco de Dados
ENGINE: Qual banco de dados ser utilizado? NAME: Nome do banco de dados USER: Nome do usurio de acesso PASSWORD: Senha do usurio de acesso HOST: Host onde est localizado PORT: Porta utilizada no acesso

Para que django crie as tabelas das aplicaes execute o comando

python manage.py syncdb

Configurando nosso Projeto

Outras Configuraes Iniciais
Idioma e Localizao Arquivos Estticos Templates Middlewares URLs Apps

Criando nossa App

Nossa primeira app se chamar core Responsvel pela homepage e utilitrios que iremos utilizar no projeto Para criar nossa App, acesse o diretrio do projeto via prompt/terminal Digite o seguinte comando:
python manage.py startapp core

Criando nossa App

Voc ir verificar que um novo diretrio chamado core foi criado Dentro desse diretrio existem o seguintes arquivos:
__init__.py models.py tests.py views.py

Criando nossa App

Agora preciso informar ao django que voc ir utilizar esta App criada no seu projeto Abra o arquivo settings.py localize a linha com o texto INSTALLED_APPS e edite-o para ficar assim:

Introduo a Views e URLs

Iremos agora configurar nossa primeira URL e nossa primeira View Em django uma URL definida como uma expresso regular E uma View uma funo (mais na frente iremos ver que pode ser uma classe) que dever retornar uma Resposta para o browser para a dada URL

Introduo a Views e URLs

Acesse o diretrio do projeto, dentro dele tem uma pasta com o mesmo nome do projeto, edite o arquivo urls.py dentro dessa pasta

Introduo a Views e URLs

A partir do diretrio raz do projeto digite o comando para rodar o servidor de desenvolvimento
python manage.py runserver

Acesse o browser no endereo:

http://127.0.0.1:8000/

Opa, erro:
ViewDoesNotExist

Introduo a Views e URLs

Esse aconteceu porque o Django no conseguiu importar esse modulo:
core.views.home

Acesse o arquivo views.py dentro do diretrio core e edite assim:

Usando Templates
Agora pressione F5 no browser. Opa, erro novamente
TemplateDoesNotExist

Esse erro aconteceu porque django no conseguiu encontrar este template Precisamos criar um diretrio chamado templates dentro da pasta core e criar nosso arquivo home.html dentro dessa pasta

Introduo a Views e URLs

Aps criar o diretrio templates e o arquivo home.html, edite este arquivo para ficar assim:

Introduo a Views e URLs

Acesse novamente o browser e pressione F5 Agora voc acaba de renderizar sua pgina html utilizando o sistema de Templates de Django Bem, agora eu posso criar minha pgina html mas uma pgina sempre vem acompanhada de algum javascript ou arquivo css

Configurando os Arquivos estticos

Assim iremos configurar o uso de arquivos estticos (css / javascript / imagens) Django foi feito para servir pginas html o contedo da pgina e no arquivos estticos Normalmente so usados servidores especializados nisso (Apache, Nginx, Lighttpd) Mas estamos em ambiente de desenvolvimento e queremos utilizar apenas o django

Configurando os Arquivos estticos

Acesse novamente o arquivo settings.py Edite o topo do arquivo para ficar dessa forma

Isso vai ser til nas configuraes do projeto para que sejam independentes do computador que esteja

Configurando os Arquivos estticos

Localize a linha que contm o texto MEDIA_ROOT e altere as linhas seguintes para ficarem assim:

Configurando os Arquivos estticos

Crie agora uma pasta chamada static_files dentro da segunda pasta djangojournal Dentro desta pasta criada crie o arquivo styles.css e edite-o para ficar assim:

Configurando os Arquivos estticos

Acesse agora o arquivo do template home.html e edite-o para ficar assim:

Agora acesse o browser novamente e atualize a pgina, verifique se no prompt/terminal e o seu projeto est rodando

Concluso
Bem agora ns j criamos nossa primera App Configuramos nossa primeira URL e View Utilizamos um template Django para renderizar uma pgina html E por fim fizemos nossa configurao inicial dos arquivos estticos

Prxima Aula
Na prxima aula entender melhor como funciona um Template Iremos utilizar
Variveis de Contexto Tags Filtros