Django Simple CRUD

Django 1.2.3 on python 2.7 and mysql

Making Simple Blog

By ivan sugiarto

ivan@wirekom.co.id

Setting up Django

Go to directory on where your project will be created

Write command (on shell or command prompt) django-

admin.py startproject testsite, this will create

folder containing the project and files that are needed to make

project and don’t forget to make admin account

Issue command python manage.py runserver on

testsite folder to test the Django installation

Set up your database in settings.py located in

testsite folder

Issue python manage.py syncdb to test your

configuration

Creating An Application/Module We will create blog module

Go to testsite directory and type command python manage.py startapp blog

Go to blog folder and open model.py

Write from django.db import models and from django.contrib.auth.models import User on top

Write

class Post(models.Model):

author = models.ForeignKey(User)

date = models.DateTimeField()

title = models.CharField(max_length=100)

post = models.TextField()

#making the list title so python not displaying raw data

def __str__(self):

return self.title

Edit settings.py and add test testsite.blog in the INSTALLED_APPS section

Run command python manage.py syncdb to update database

Make Admin Page

Open settings.py and add django.contrib.admin

type the command python manage.py syncdb

Edit urls.py to enable admin, add

from django.contrib import admin

admin.autodiscover()

urlpatterns = patterns('',

(r'^admin/', include(admin.site.urls)),

)

Issue the command python manage.py runserver and check

http://127.0.0.1:8000/admin to ensure your admin is working, if

you are asked for login then you are on the right path

Make admin page for blog Create admin.py on blog directory and write from django.contrib import admin

from testsite.blog.models import Post

class PostAdmin(admin.ModelAdmin):

#makin order by

date_hierarchy = 'date‘

#making list display field

list_display = ('author', 'date', 'title')

#making search on the top corner

search_fields = ('title', 'post')

#making filter on the right corner

list_filter = ('author', 'date')

#register on the admin page

admin.site.register(Post, PostAdmin)

Run server (python manage.py runserver) and go to http://127.0.0.1:8000/admin/blog/post/

Admin preview

Urls.py

Settings on root urls.py (my best practice though :D)

(r'^blog/', include('testsite.blog.urls')),

Blog is the root, and it will include urls.py in the blog folder

Urls.py in blog folder will contain this for example#(http://127.0.0.1:8000/blog/detail/post_id(integer)/whatever',

(function name in view.py)), will be coded as follows

(r'^detail/(?P<post_id>\d+)/$', detail),

Templating

Create directory on test site called template and edit settings.py

Add this following TEMPLATE_DIRS = (

‘path_to_your_development_folder/testsite/templates’,

)

On blog/views.py add this followingfrom django.template.loader import get_template

from django.template import Context, loader

from django.shortcuts import render_to_response, get_object_or_404

def detail(request, post_id):

p = get_object_or_404(Post, pk=post_id)

return render_to_response('blog/detail.html', {'post': p},

context_instance=RequestContext(request))

Create detail.html in template/blog/ (continued)

Create detail.html Type this

<h2>{{ post }}</h2>

<p>{{ post.post }}</p>

<b>{{ post.author }}</b> wrote {{ post.post|wordcount }} words on {{ post.date|date }} at {{ post.date|time }}

<ul>

<li><a href='/blog/update/{{ post.id }}'>

edit</a></li>

<li><a href='/blog/delete/{{ post.id }}'>

delete</a></li>

</ul>

Cek link http://127.0.0.1:8000/blog/detail/<your_post_id>

Pagination (1) Use admin interface to make posts

Create template in template/blog/list.html

Add url pattern in blog/url.py so it became like this

from django.conf.urls.defaults import *

from testsite.blog.models import Post

from testsite.blog.views import *

urlpatterns = patterns('django.views.generic.date_based',

(r'^add', add_blog

),

(r'^list/(?P<page>\d+)/$', list),

(r'^detail/(?P<post_id>\d+)/$', detail),

)

Pagination(2)

To add pagination, edit blog/views.py, first add the following lines

from django.core.paginator import Paginator

Next make the list function like this

def list(request, page = 1):

page = int(page)

post_list = Paginator(Post.objects.all(), 5, allow_empty_first_page=True)

post_page = post_list.page(page)

num = post_page.start_index()

count = post_page.end_index()

has_previous = post_page.has_previous()

has_next = post_page.has_next()

return render_to_response(

'blog/list.html',

{

'post_list': post_page.object_list,

'has_previous': has_previous,

'previous_page': page - 1,

'has_next': has_next,

'next_page': page + 1,

'page' : page,

'num' : num,

'count' : count

}

)

Pagination (3) create the template Create In template/blog/list.html, and write the following

{% if post_list %}

{{ page }}

{{ num }}

{{ count }}

<a href='/blog/add/'> add </a>

<ul>

{% for post in post_list %}

<li><a href='/blog/detail/{{ post.id }}'>

{{post.title}}</a></li>

{% endfor %}

</ul>

{% if has_previous %}

<a href='/blog/list/{{ previous_page }}'>Previous</a>

{% if has_next %} | {% endif %}

{% endif %}

{% if has_next %}

<a href='/blog/list/{{ next_page }}'>Next</a>

{% endif %}

{% else %}

<p>No links found.</p>

{% endif %}

Check blog/urls.py

Before continuing, please make sure that the urls.py looks like this

from django.conf.urls.defaults import *

from testsite.blog.models import Post

from testsite.blog.views import *

urlpatterns = patterns('',

(r'^add', add_blog

),

(r'^list/(?P<page>\d+)/$', list),

(r'^detail/(?P<post_id>\d+)/$', detail),

(r'^update/(?P<post_id>\d+)/$', update),

(r'^delete/(?P<post_id>\d+)/$', delete)

)

Creating Form Create (1) The Model

In blog/model.py add this#top

from django.forms import ModelForm

#under class post

class PostForm(ModelForm):

class Meta:

model = Post

#the fields on the form, you can add fields, but must

corespond with field in Post

fields = ('title', 'post')

Creating Form Create (2) The View Top

Add this lines#top

from django.http import HttpResponse, HttpResponseRedirect

from django.shortcuts import render_to_response, get_object_or_404

from django.template.loader import get_template

from django.template import Context, loader, RequestContext

from testsite.blog.models import *

from django.contrib.auth.models import User

from datetime import datetime

from django.views.decorators.csrf import csrf_protect

from django.core.paginator import Paginator

Creating Form Create (2) The View Bottom#bottom

def add_blog(request):

form = PostForm()

if request.method == 'POST':

form = PostForm(request.POST)

if form.is_valid():

form = PostForm(request.POST)

blog = form.save(commit=False)

blog.author = User.objects.get(id = request.user.id)

blog.date = datetime.now()

blog.save()

return HttpResponseRedirect("/blog/list/1")

else:

return render_to_response('blog/add_blog.html', {'error': True, 'form': form})

else:

return render_to_response('blog/add_blog.html', {'error': True, 'form': form})

Creating Form Create (3) The Template<html>

<head>

<title>blog</title>

</head>

<body>

{% if error %}

<p style="color: red;">Please submit a blog.</p>

{% endif %}

{% csrf_token %}

<form action="" method="post">

<table>

{{ form.as_table }}

</table>

<input type="submit" value ="submit">

</form>

</body>

</html>

Creating Form Update (1) The View Add this code

def update(request, post_id):

post = Post.objects.get(pk=post_id)

if request.method == 'POST':

form = PostForm(request.POST, instance=post)

if form.is_valid():

form.save()

return HttpResponseRedirect("/blog/list/1")

else:

return render_to_response('blog/add_blog.html', {'error': True, 'form': form})

else:

form = PostForm(instance=post)

return render_to_response('blog/add_blog.html', {'error': True, 'form': form})

Creating Form Update (2) The Template<html>

<head>

<title>blog</title>

</head>

<body>

{% if error %}

<p style="color: red;">Please submit a blog.</p>

{% endif %}

{% csrf_token %}

<form action="" method="post">

<table>

{{ form.as_table }}

</table>

<input type="submit" value ="submit">

</form>

</body>

</html>

Creating Form Delete (1) The View

def delete(request, post_id):

p = Post.objects.get(pk=post_id)

p.delete()

return HttpResponseRedirect("/blog/list/1")

Misc

You can grab the files in http://wirekom.co.id/uploads/testsite.zip