Django博客主页面开发
一 页面概要
-
博客主页面
-
博客文章内容页面
-
博客撰写页面
二 主页面内容
-
文章标题列表,超链接
-
发表博客按钮(超链接)
三 列表编写思路
-
取出数据库中所有文章对象
-
将对象们打包成列表,传递到前端
-
前端页面把文章以标题链接的形式逐个列出
四 模板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>
七 运行结果