Django Girls Mbale [victor's sessions]

views.py
def some_view(request):
return render_to_response(“path/to/template.html”,
{}, RequestContext(request))

HTML
<html>
<head>
<title>Hello world</title>
</head>
<body>
<p>Hi</p>
</body>
</html>

Tags in HTML
● Paragraphs
● Headers
● Divs
● Section
● asection
● etc.
● See W3C tutorials and plenty of Online
tutorials

CSS (Cascading Style Sheets)
`style.css`
p{
color: red;
}

`style.css`
.food_section{
color: red;
}

`style.css`
#food_section{
color: red;
}

Bootstrap
`http://getbootstrap.com`
<head>
<link rel=”styleshet” href=”path/to/bootstrap.css”>
</head>
<body>
...some code…
<script src=”path/to/bootstrap.js”></script>

Google Fonts
`http://www.google.com/fonts`
<head>
<link rel=”styleshet” href=”path/to/bootstrap.css”>
<link href='http://fonts.googleapis.com/css?
family=Open+Sans' rel='stylesheet' type='text/css'>
</head>
<body>...</body>

URLs..
Maps your “view functions” to a URL.
● someone visits a URL
● URL tells django what to do
● Django returns a set of HTML (templates)

Templates [part 1]
Just HTML… take it EASY!

Templates
mysite
⇒ mysite
===> templates/mysite
===> [other folders]
⇒ app1
===> templates/app1
⇒ app2
===> templates/app2

forms [Non-model based]
● Create `forms.py` in your Django Application
● import the Form class
● define what you’ll collect

forms [Non-model based]
from django import forms
class MessageForm(forms.Form):
number = forms.CharField()
text = forms.CharField()

Hooking up forms in Views
from form import MessageForm
def new_message(request):
form = MessageForm()
if request.method == “POST”:
form = MessageForm(request.POST)
if form.valid():
form.save() # save
else:
pass # handle errors!
return render_to_response(‘messages/new.html’, {‘form’:form},
RequestContext(request))

forms [Model based]
● Create `forms.py` in your Django Application
● import the Form class
● define what you’ll collect

forms [Model based]
from django import forms
from .models import Message
class MessageForm(forms.ModelForm):
model = Message

Hooking up forms in Views (similar)
from form import MessageForm
def new_message(request):
form = MessageForm()
if request.method == “POST”:
form = MessageForm(request.POST)
if form.valid():
form.save() # save
else:
pass # handle errors!
return render_to_response(‘messages/new.html’, {‘form’:form},
RequestContext(request))

Hooking up forms in HTML
<form

Template inheritance
Base HTML file
e.g. base.html
Profile page
e.g. profile.html
Messages page
e.g. messages.html

Base HTML file
e.g. base.html
Profile page
e.g. profile.html
Base HTML has your
site-wide designs and
you don’t have to repeat
the design on different
pages.
Messages page
e.g. messages.html

Base HTML file
e.g. base.html
code sample...
<html>
<head>

</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>

{% extends “base.html” %}
{% block content %}
<div>
Hi {{ name }}. You are seeing your profile.
</div>
{% endblock %}
Profile page
e.g. profiles.html
code sample...

● Do the django girls tutorial
● Do the 6 part django tutorial (http:
//djangoproject.com)
● Google a lot!
● Do many projects..
● Check out TDD

Django Girls Mbale [victor's sessions]

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (12)

En vedette

En vedette (7)

Similaire à Django Girls Mbale [victor's sessions]

Similaire à Django Girls Mbale [victor's sessions] (20)

Dernier

Dernier (20)

Django Girls Mbale [victor's sessions]