Django基础(三)——简单博客框架,增删改查

早上好!

接着上次未完待续的内容......博客页面基本操作,如图

页面设计

自己总结出来的编写流程:一个页面对应一个url。首先设置好URL,然后编写views.py里的对应函数,最后再写模板html

先放上一张admin已经存有的文章图:

已有的文章

(一)主页面
列表编写思路:
取出数据库中所有的文章对象——>将文章对象们打包成列表,传递到前端——>把文章以标题超链接的形式逐个列出

循环对象列表,模板for循环(在html文件中编辑):

{%for xx in xxs%}
HTML语句
{%endfor%}
  1. 这张图信息量有点儿大,为了方便,请对应颜色查看:

全部URL

from django.conf.urls import url 导入函数url,使用它来将URL映射到视图
from .import views导入模块views, 中间的 " ."让python导入当前的视图

urlpatterns=[
这个列表包含了可在应用程序中请求的所有页面
]

2.views.py的index()函数

def index(request):
    articles = models.Article.objects.all()
    return render(request, 'blog/index.html', {'articles': articles})
  1. 模板 index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="{% url 'blog:edit_page' 0 %}">新创作</a>
<h2>Topic:</h2>
<h3>
{% for article in articles %}
    <ul>
      <li>
      <a href="{% url 'blog:article_page' article.id %}">{{ article.title }}</a>
      </li>
    </ul>
{% endfor %}
</h3>
</body>
</html>

4.查看 http://127.0.0.1:8000/blog/index/网址内容,和存有的文章相同,说明操作成功

主页面

(二)页面内容
1.
点击标题后的文章内容

2.views.py :


3.article_page.html

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>每个主题</title>
</head>
<body>
<p>文章标题:</p>
<p>{{ article.title }}</p>
</br>
<p>内容:</p>
<p>{{ article.content }} </p>
<a href="{% url 'blog:edit_page' article.id %}">修改文章</a>
{#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#}
{#<a href="{% url 'blog:delete_page' article.id %}">删除此文章</a>#}
{#{% url 'blog:index'  %}#}
</br>
</br>
<form action="{% url 'blog:delete_page' article.id %}" method="post">
    {% csrf_token %}
    <input type="submit" value="删除文章" onclick="return confirm('你确认要删除此文章吗?')">
</form>
</body>
</html>

(三)撰写页面
1.简要说明。
A、 页面内容:

a、 标题编辑栏
b、文章内容编辑区域
c、提交按钮


修改页面

B、编辑响应函数:

a、使用request.POST.get()获取表单数据
b、因为我们的数据存储在数据库中,而Django中有model的存在,与数据库的操作就是和模型类做交互——models.Article.objects.create(title,content)创建一个新的对象

C、两个编辑页面
思路:新文章为空,修改文章有内容;以每篇文章唯一的id作为突破口
views.py :

编辑页面

2.edit_page.html

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="{% url 'blog:edit_action'  %}" method="post">
    {% csrf_token %}
    <input type="hidden" name="article_id" value="{{ article.id |default:'0' }}"/>
    <label>文章标题:<input type="text" name="title" value="{{ article.title }}"/></label>
    </br>
    <label>文章内容:<input type="text" name="content" value="{{ article.content }}"/></label>
    </br>

    <input type="submit" value="提交"/>
</form>
</body>
</html>

解释说明:
a、表单action动作返回给了一个edit_action,将不同的情况交给了edit_action判断处理
b、使用了一个input隐藏,用于传递Id=0的值
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用
(隐藏只是在网页页面上面不显示输入框,但是虽然隐藏了,还是具有form传值功能。一般用来传值,而不必让用户看到。)
c、{%csrf_token%}
为了在用户提交表单时防止跨站攻击所做的保护,只需在HTML文件的表单中添加{%csrf_token%}便可以解决问题

3.edit_action 函数


(四)删除文章
views.py

def delete_page(request, article_id):
    essay = get_object_or_404(models.Article, pk=article_id)
    essay.delete()
    return HttpResponseRedirect(reverse('blog:index'))

直接返回主页面,不涉及新的页面
(五)主要的全部代码
1.urls.py

from django.conf.urls import url
from .import views

urlpatterns = [
    url(r'^index/$', views.index, name='index'),
    url(r'^article/(?P<article_id>[0-9]+)$', views.article_page, name='article_page'),
    url(r'^edit_page/(?P<article_id>[0-9]+)$', views.edit_page, name='edit_page'),
    url(r'^edit_action/$', views.edit_action, name='edit_action'),
    # url(r'^delete_page/(?P<article_id>[0-9]+)$', views.delete_page, name='delete_page'),
    # url(r'^test/', views.test, name='test'),
]

2.views.py

from django.shortcuts import render
from .import models
from django.http import HttpResponseRedirect
from django.core.urlresolvers import reverse
from django.shortcuts import get_object_or_404


def index(request):
    articles = models.Article.objects.all()
    return render(request, 'blog/index.html', {'articles': articles})


def article_page(request, article_id):
    article = models.Article.objects.get(pk=article_id)
    return render(request, 'blog/article_page.html', {'article': article})


def edit_page(request, article_id):
    if str(article_id) == '0':
        return render(request, 'blog/edit_page.html')
    article = models.Article.objects.get(pk=article_id)
    return render(request, 'blog/edit_page.html', {'article': article})


def edit_action(request):
    title = request.POST.get('title')
    content = request.POST.get('content')
    article_id = request.POST.get('article_id', '0')
    if article_id == '0':
        models.Article.objects.create(title=title, content=content)
        articles = models.Article.objects.all()
        return render(request, 'blog/index.html', {'articles': articles})
    else:
        pass
    article = models.Article.objects.get(pk=article_id)
    article.title = title
    article.content = content
    article.save()
    # return render(request, 'blog/article_page.html', {'article': article})
    return HttpResponseRedirect(reverse('blog:index'))


def delete_page(request, article_id):
    essay = get_object_or_404(models.Article, pk=article_id)
    essay.delete()
    return HttpResponseRedirect(reverse('blog:index'))


# def test(request):
#     return render(request, 'blog/test.html')

3.各个html文件总和

*****************************article_page.html**************************************

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>每个主题</title>
</head>
<body>
<p>文章标题:</p>
<p>{{ article.title }}</p>
</br>
<p>内容:</p>
<p>{{ article.content }} </p>
<a href="{% url 'blog:edit_page' article.id %}">修改文章</a>
{#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#}
{#<a href="{% url 'blog:delete_page' article.id %}">删除此文章</a>#}
{#{% url 'blog:index'  %}#}
</br>
</br>
<form action="{% url 'blog:delete_page' article.id %}" method="post">
    {% csrf_token %}
    <input type="submit" value="删除文章" onclick="return confirm('你确认要删除此文章吗?')">
</form>
</body>
</html>

*****************************edit_page.html****************************************

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="{% url 'blog:edit_action'  %}" method="post">
    {% csrf_token %}
    <input type="hidden" name="article_id" value="{{ article.id |default:'0' }}"/>
    <label>文章标题:<input type="text" name="title" value="{{ article.title }}"/></label>
    </br>
    <label>文章内容:<input type="text" name="content" value="{{ article.content }}"/></label>
    </br>

    <input type="submit" value="提交"/>
</form>
</body>
</html>

*******************************index.html****************************************

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="{% url 'blog:edit_page' 0 %}">新创作</a>
<h2>Topic:</h2>
<h3>
{% for article in articles %}
    <ul>
      <li>
      <a href="{% url 'blog:article_page' article.id %}">{{ article.title }}</a>
      </li>
    </ul>
{% endfor %}
</h3>
</body>
</html>

4.models.py

from django.db import models


class Article(models.Model):
    title = models.CharField(max_length=32)
    content = models.TextField(null=True)
    time = models.DateTimeField(null=True)

    def __str__(self):
        return self.title

好的,基本一个简易的博客框架搭建成功。
注:中间可能会有一些地方没有说清楚,请谅解!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容