ajax/mywebsite/statics/javascript/ajax_comments.js ajax/mywebsite/statics/javascript/jquery-1.3.2.min.js @@ -1,5 +1,10 @@ {% extends "base.html" %} +{% block head %} + {{ super }} + <script type="text/javascript" src="/statics/javascript/ajax_comments.js"></script> +{% endblock %} + {% load entrytag commenttag formtag %} {% block title %}{{ super }} - entry: {{ entry.title }}{% endblock %} @@ -7,11 +12,12 @@ {% block body %} {% render_entry entry 'show' %} - {% for comment in entry.comments %} - {% render_comment comment %} - {% endfor %} + <div id="comments-box"> + {% for comment in entry.comments %} + {% render_comment comment %} + {% endfor %} + <div id="comment-preview"></div> + </div> - {% if form %} - {% render_form form %} - {% endif %} + <div id="comment-form"></div> {% endblock %} ajax/mywebsite/blog/templates/blog/entry.html @@ -2,6 +2,8 @@ from django.conf.urls.defaults import patterns urlpatterns = patterns('blog.views', - (r'^$', 'entries_list'), - (r'^(?P<slug>.+)/$', 'show_entry'), + (r'^$', 'entries_list'), + (r'^(?P<slug>[\w-]+)/form/$', 'get_comment_form'), + (r'^(?P<slug>[\w-]+)/preview/$', 'comment_preview'), + (r'^(?P<slug>[\w-]+)/$', 'show_entry'), ) ajax/mywebsite/blog/urls.py @@ -5,7 +5,10 @@ from django.shortcuts import render_to_response, get_object_or_404 from models import Entry, Comment from forms import CommentForm +from templatetags.commenttag import render_comment +from templatetags.formtag import render_form +from utils.ajax import json_response def entries_list(request): context = {} @@ -22,19 +25,43 @@ def show_entry(request, slug): context = {} entry = get_object_or_404(Entry, slug=slug) if request.POST: - comment = Comment(entry=entry) - form = CommentForm(request.POST, instance=comment) - if form.is_valid(): - request.session['comment_form_data'] = { - 'user': request.POST['user'], - 'mail': request.POST['mail'], - } - request.session.modified = True - comment = form.save() - form = None - else: - form_data = request.session.get('comment_form_data', {}) - form = CommentForm(initial=form_data) - context['form'] = form + return post_comment(request, entry) context['entry'] = entry return render_to_response('blog/entry.html', context) + +@json_response(only_ajax=True) +def get_comment_form(request, slug): + context = {} + form_data = request.session.get('comment_form_data', {}) + form = CommentForm(initial=form_data) + context['form'] = render_form(form) + context['status'] = 'ok' + return context + +@json_response(only_ajax=True) +def post_comment(request, entry): + context = {} + comment = Comment(entry=entry) + form = CommentForm(request.POST, instance=comment) + if form.is_valid(): + request.session['comment_form_data'] = { + 'user': request.POST['user'], + 'mail': request.POST['mail'], + } + request.session.modified = True + comment = form.save() + context['status'] = 'ok' + context['comment'] = render_comment(comment) + else: + context['status'] = 'fail' + context['form'] = render_form(form) + return context + +@json_response(only_ajax=True) +def comment_preview(request, slug): + context = {} + p = request.POST.copy() + comment = Comment(user=p['user'], text=p['text'], mail=p['mail']) + context['comment'] = render_comment(comment) + context['status'] = 'ok' + return context ajax/mywebsite/blog/views.py @@ -3,8 +3,9 @@ <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> - {% block head %}{% endblock %} <link rel="stylesheet" type="text/css" href="/statics/css/main.css"> + <script type="text/javascript" src="/statics/javascript/jquery-1.3.2.min.js"></script> + {% block head %}{% endblock %} <title>Mywebsite{% block title %}{% endblock %}</title> </head> <body> ajax/mywebsite/templates/base.html @@ -1,3 +1,22 @@ # -*- coding: utf-8 +from functools import wraps + +import json + +from django.http import Http404 +from django.http import HttpResponse + + +def json_response(only_ajax): + def decorator(fun): + @wraps(fun) + def view(request, *args, **kwds): + if only_ajax and not request.is_ajax: + raise Http404 + response = fun(request, *args, **kwds) + response = json.dumps(response) + return HttpResponse(response, mimetype='application/javascript') + return view + return decorator ajax/mywebsite/utils/ajax.py 5862e2a0144d568b4b918e486fbba58af0dff7ba Piotr Husiatyński phusiatynski@gmail.com http://github.com/husio/tutorials/commit/bbcba414e706fd7a135377ec00c3d15a90808eaf bbcba414e706fd7a135377ec00c3d15a90808eaf

2009-08-17T13:03:22-07:00

django blog w wersji z ajax. 83b805f51ac9faa57a5ad18b03072c6e8105f6ea Piotr Husiatyński phusiatynski@gmail.com