个人博客小案例（纯Django搭建）

在看这篇文章的时候，必须有django基础，如果没有点击访问

一、环境配置

新建项目并做配置项目创建，创建APP并注册

创建模板并配置相应的路径，点击下载模板，配置方法点击访问

创建静态文件并配置，点击访问

配置数据库，点击访问

目录结构如下

水调歌头
明月几时有？把酒问青天。不知天上宫阙，今夕是何年。我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间？转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟。

卜算子·咏梅
驿外断桥边，寂寞开无主。已是黄昏独自愁，更著风和雨。 无意苦争春，一任群芳妒。零落成泥碾作尘，只有香如故。

声声慢
寻寻觅觅，冷冷清清，凄凄惨惨戚戚。乍暖还寒时候，最难将息。三杯两盏淡酒，怎敌他、晚来风急？雁过也，正伤心，却是旧时相识。满地黄花堆积。憔悴损，如今有谁堪摘？守着窗儿，独自怎生得黑？梧桐更兼细雨，到黄昏、点点滴滴。这次第，怎一个愁字了得！

武陵春
风住尘香花已尽，日晚倦梳头。物是人非事事休，欲语泪先流。闻说双溪春尚好，也拟泛轻舟。只恐双溪舴艋舟，载不动许多愁。

ok文章添加功能完成

3.list

思路：首先从数据库拿到数据 ，然后渲染到模板上

def list(request):
blogs = BlogMoudel.objects.all()
return render(request,"blog/demo_list.html",context={'blog':blogs})

在这里需要将查到的Queryset对象传到模板，然后遍历，所以模板上需要改动tr标签，将其放置在for循环

{% for foo in blog %}
<tr>
<th><a href="">{{ foo.title }}</a></th>
<th><a href="">编辑</a> | <a href="">删除 </a></th>
</tr>
{% endfor %}

效果：

 还有个需求，要求点击文章标题就能进入对应的详情页

思路：获取点击时对应的ID，将这个id接收，然后查找该文章，渲染出来

所以这里首先需要做出详情页的功能

4.detail

分析进入详情页的url，是需要有一个值来确定是哪一篇文章，所以可以在url里传参

path('detail/<blog_id>',views.detail,name='blog_detail'),

视图函数里查找数据库

def detail(request,blog_id):
blog = BlogMoudel.objects.get(id=blog_id)  #查找指定id的文章
return render(request,"blog/demo_detail.html",context={'blog':blog}) #将变量传递到模板

模板修改只需要修改文章标题和内容的一块区域

{% block bodyblock %}
<h1>{{ blog.title }}</h1>
{{ blog.context }}
{% endblock %}

看下效果

详情页到这里就完成，现在只需要将url绑定到列表页即可

直接修改demo_list.html，在编辑的a标签连接上修改

<th><a href="{% url 'blog_detail' foo.id %}">{{ foo.title }}</a></th>

查看效果

这里还有删除的按钮，现在实现删除

思路：获取id，查找数据库，删除

同样要知道需要删除哪篇文章，需要传参，定义一个删除的url

 path('delete/<blog_id>/',views.delete,name='blog_delete'), 

然后创建一个视图函数

def delete(request,blog_id):
blog = BlogMoudel.objects.filter(id=blog_id)
if blog:
blog.delete()
return HttpResponse('成功删除')
else:
return HttpResponse('该文不存在')

函数逻辑很简单，获取文章，删除文章

修改模板

<a href="{% url 'blog_delete' foo.id %}">删除 </a>

但是这里同时发现一个问题，就是删除之后，页面并没有刷新，继续点击则会报错，所以这里可以定义一个页面重定向

def delete(request,blog_id):
blog = BlogMoudel.objects.filter(id=blog_id)
if blog:
blog.delete()
redirect(reverse('blog_list'))
else:
return HttpResponse('该文不存在')

效果

最后有个编辑的页面

5.edit

编辑功能类似增加，同样是写个url

 path('edit/<blog_id>/',views.edit,name='blog_edit'), 

然后视图函数

def edit(request,blog_id):
blog = BlogMoudel.objects.filter(id=blog_id).first()
return render(request,'blog/demo_edit.html',context={'blog':blog})

逻辑很简单，就是获取文章，获取的对象是一个Queryset对象，然后.first()获取，再返回回去

继续修改edit.html文件，其实就是demo_add.html文件，将其更名修改即可

<form action="" method="POST"> {% csrf_token %}
标题<input type="text" autocomplete="off" id="title"
placeholder="请输入标题" name='title' value="{{ blog.title }}"> <br> <br><br>
内容 <textarea name="content" id="content"
placeholder="请输入内容" cols="30" rows="10">{{ blog.context }}</textarea>
<button type="submit">发布博客</button>
</form>

效果

至此，简单的博客就搭建完成了，其他的功能将会在后续的学习中逐步添加

以后的django基础文章也会围绕这个案例展开讨论

本文为素心原创，转载请注明出处