Django Girls Mbale [victor's sessions]
•
0 likes•590 views
This document provides an overview of key concepts in Django web development including MTV architecture, templates, URLs, forms, and template inheritance. It explains that Django uses a MTV pattern with models, templates, and views to return HTML from URLs. Templates are just HTML files that can inherit from a base template to avoid duplicating common elements across pages. Forms can be used to collect data from users in both model-based and non-model based ways. URLs map view functions to specific routes. Template inheritance allows templates to extend a common base template to reuse design elements on different pages.
More Related Content
What's hot
Viewers also liked
Similar to Django Girls Mbale [victor's sessions]
Similar to Django Girls Mbale [victor's sessions] (20)
Recently uploaded
Recently uploaded (20)
Django Girls Mbale [victor's sessions]
- 2. MTV??
- 3. Model
- 4. Template
- 5. View
- 6. views.py def some_view(request): return render_to_response(“path/to/template.html”, {}, RequestContext(request))
- 7. HTML <html> <head> <title>Hello world</title> </head> <body> <p>Hi</p> </body> </html>
- 8. Tags in HTML ● Paragraphs ● Headers ● Divs ● Section ● asection ● etc. ● See W3C tutorials and plenty of Online tutorials
- 9. CSS (Cascading Style Sheets) `style.css` p{ color: red; }
- 10. CSS (Cascading Style Sheets) `style.css` .food_section{ color: red; }
- 11. CSS (Cascading Style Sheets) `style.css` #food_section{ color: red; }
- 12. Bootstrap `http://getbootstrap.com` <head> <link rel=”styleshet” href=”path/to/bootstrap.css”> </head> <body> ...some code… <script src=”path/to/bootstrap.js”></script>
- 13. 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>
- 14. URLs.. What is URL?
- 15. 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)
- 16. Templates [part 1] Just HTML… take it EASY!
- 17. Templates mysite ⇒ mysite ===> templates/mysite ===> [other folders] ⇒ app1 ===> templates/app1 ===> [other folders] ⇒ app2 ===> templates/app2 ===> [other folders]
- 18. forms [Non-model based] ● Create `forms.py` in your Django Application ● import the Form class ● define what you’ll collect
- 19. forms [Non-model based] from django import forms class MessageForm(forms.Form): number = forms.CharField() text = forms.CharField()
- 20. 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))
- 21. Shortcuts!!!
- 22. forms [Model based] ● Create `forms.py` in your Django Application ● import the Form class ● define what you’ll collect
- 23. forms [Model based] from django import forms from .models import Message class MessageForm(forms.ModelForm): model = Message
- 24. 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))
- 25. Hooking up forms in HTML <form
- 27. Template inheritance Base HTML file e.g. base.html Profile page e.g. profile.html Messages page e.g. messages.html
- 28. Template inheritance 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
- 29. Template inheritance Base HTML file e.g. base.html code sample... <html> <head> <!-- CSS or js here --> </head> <body> {% block content %} {% endblock %} </body> </html>
- 30. Template inheritance {% extends “base.html” %} {% block content %} <div> Hi {{ name }}. You are seeing your profile. </div> {% endblock %} Profile page e.g. profiles.html code sample...
- 31. What next…?
- 32. ● Do the django girls tutorial ● Do the 6 part django tutorial (http: //djangoproject.com) ● Google a lot! ● Do many projects.. ● Check out TDD