美文网首页
django学习笔记6--博客主页面和文章页

django学习笔记6--博客主页面和文章页

作者: hs_a2d1 | 来源:发表于2018-01-06 08:09 被阅读0次

博客页面需要的功能:

  1. 在页面上显示博文标题,是超链接
  2. 有个发表新文章的超链接按钮
    在网页前端展示所有文章标题需要用到for循环。
    {%for XX in XXS%}
    {%endfor%}
    在模板里用这样的格式
    views.py里要获取所有的文章,就不用get()了,改用all(),返回一个类似列表的对象。
    views里:
from django.shortcuts import render
from django.http import HttpResponse
from . import models
# Create your views here.

def index(request):    #接受请求,做出响应
    articles = models.Article.objects.all()
    return render(request,'blog/index.html',{'articles':articles})

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>

文章页需要展示标题和内容,之前已经实现,现在关键在于配置url,文章唯一的标识是id号,url里需要包含该id。views里的响应函数也需要这个参数以确定该响应哪篇文章。于是需要了解正则表达式的知识:

(?P<name>...) 分组的命名模式,取此分组中的内容时可以使用索引也可以使用name
https://www.cnblogs.com/dyfblog/p/5880728.html

urls.py里:

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

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

(?P<article_id>[0-9]+)中:
[0-9]+意思是,0-9里的数字任意多个
(?P<article_id>...)意思是匹配了...里的正则表达式后保存为名为article_id的子组以供之后调用。

views里:

from django.shortcuts import render
from django.http import HttpResponse
from . import models
# Create your views here.

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})

收到请求后,urls.py里的正则表达式会找出网址里的article_id传递给响应函数,这样响应函数就知道该响应那篇文章了。
然后再做个文章页面的模板article_page.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>article_page</title>
</head>
<body>
<h1>{{ article.title}}</h1>
<br/>
<h3>{{ article.content}}</h3>
<br><br/>
<a href="">修改文章</a>
</body>
</html>

相关文章

网友评论

      本文标题:django学习笔记6--博客主页面和文章页

      本文链接:https://www.haomeiwen.com/subject/zbbenxtx.html