Django博客主页面开发

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chengqiuming/article/details/84674167

一 页面概要

  • 博客主页面

  • 博客文章内容页面

  • 博客撰写页面

二 主页面内容

  • 文章标题列表,超链接

  • 发表博客按钮(超链接)

三 列表编写思路

  • 取出数据库中所有文章对象

  • 将对象们打包成列表,传递到前端

  • 前端页面把文章以标题链接的形式逐个列出

四 模板For循环

{% for xx in xxs %}

HTML语句

{% endfor %}

五 后端views.py开发

from django.shortcuts import render
from django.http import HttpResponse
from . import models

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

六 前端index.html开发

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>
    <a href="">新文章</a>
</h1>
{% for article in articles %}
    <a href="">{{ article.title }}</a>
    <br/>
{% endfor %}
</body>
</html>

七 运行结果

猜你喜欢

转载自blog.csdn.net/chengqiuming/article/details/84674167