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

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

一、环境配置

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

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

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

配置数据库，点击访问

目录结构如下

配置blog的测试页面，先测试是否正确配置

def test(request):
‘’‘
博客的测试的视图函数
’‘’
    return HttpResponse('博客的测试页')

运行效果

博客发文涉及文章标题和内容，所以创建模型类

class Blog(models.Model):
    title = models.CharField(max_length=100)
    context = models.TextField()

    def __str__(self):
        return 'Blog'%(self.title,self.context)

继续原来的映射文件

 makemigrations 和 migrate 

查看表

 

二、视图

添加四个视图，渲染模板

def index(request):
    return render(request,'blog/demo_index.html')

def add(request):
    return render(request,'blog/demo_add.html')

def list(request):
    return render(request,'blog/demo_list.html')

def detail(request):
    return render(request,'blog/demo_detail.html')

配置路由

    path('index/',index,name='blog_index'),
    path('add/',add,name='blog_add'),
    path('detail/',detail,name='blog_detail'),
    path('list/',list,name='blog_list')

查看效果

ok，现在分析需求

可以整理如下条例

三、实现功能

 1.index

修改demo_index.html 的a标签

        <td><a href="{% url 'blog_add' %}">添加文章a>td>
        <td><a href="{% url 'blog_list' %}">文章列表a>td>

即可实现主页的所有的功能

2.add

 创建的视图函数进行修改，这里的发布博客按钮是提交form表单，所以修改之前的模型类，将title属性增加参数 blank=True 

然后重新生成映射文件

可以看到，这里的文章标题的id=title，文章内容id=context

要获取提交的表单内容，则要修改视图，以传参的方式将其传递进来并接收

 就可以写个样一个判断

    if request.method == 'GET':
        return render(request,'blog/demo_add.html')
    elif request.method == 'POST':
        title = request.POST.get('title')
        context = request.POST.get('content')

打印一下title和content，发现成功的接收到了自己想要的东西

注意：

这里的requests.POST是一个QueryDict对象，类似字典，所以可以通过索引取值，拿到这里的title和content

整个函数的代码就变成了这样

def add(request):
    if request.method == 'GET':
        return render(request,'blog/demo_add.html')
    elif request.method == 'POST':
        title = request.POST.get('title')
        context = request.POST.get('content')
        return render(request,'blog/demo_add.html')

既然两个分支条件都要渲染出这个模板，就可以修改

def add(request):
    if request.method == 'POST':
        title = request.POST.get('title')
        context = request.POST.get('content')
        return render(request,'blog/demo_add.html')

现在拿到了数据，下一步就是数据入库，对django操作数据库不懂的，可以参考模型

这里用create方法

只需要在拿到数据之后 Blog.objects.create(title=title,context=context) 即可

这里准备几篇文章，以供测试

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

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

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

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

测试文章

 查看效果

 

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/',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 %}
    
{{ blog.title }}

    {{ blog.context }}
{% endblock %}

看下效果

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

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

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

查看效果

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

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

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

 path('delete//',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//',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基础文章也会围绕这个案例展开讨论

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