用 Django2.0 做简单的BBS（前端用 Bootstrap） - Python

TOP

用 Django2.0 做简单的BBS（前端用 Bootstrap）(三)

2017-12-23 06:06:54 【大中小】浏览:443次

ting message or call to action --> <div class="jumbotron"> {% block page_content %} {% endblock %} </div> </div>    <script src="/static/js/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src="/static/js/bootstrap.min.js"></script> </body> </html>

14、新增模板index.html

app01/templates/app01/index.html

{% extends 'base.html' %}

{% block page_content %}
    {% for bbs_list in bbs_lists %}
        <h4><a href="#">{{ bbs_list.title }}</a></h4>
        <h5>{{ bbs_list.summary}}</h5>
        <hr>
    {% endfor %}
{% endblock %}

15、修改views.py

定义index

from django.shortcuts import render
from .models import BBS
def index(request):
    bbs_lists =BBS.objects.all()
    return render(request,'app01/index.html',{'bbs_lists':bbs_lists})

16、查看效果 127.0.0.1/bbs

通过127.0.0.1/admin手工添加一些后台数据。

17、做bbs的详细页面

修改app01/urls.py内容，增加url:

path('<int:bbs_id>/',views.bbs_detail,name='bbs_detail'),

18、修改views.py

定义bbs_detail

def bbs_detail(request,bbs_id):    #传的参数给url用
    bbss =BBS.objects.get(id=bbs_id)
    return render(request,'app01/detail.html',{'bbs_obj':bbss})    #字典给模板用

19、新建模板detail.html

app01/templates/app01/detail.html

{% extends 'base.html' %}

{% block page_content %}
        <h4>{{ bbs_obj.title }}</h4>
        <h5>{{ bbs_obj.summary}}</h5>
        <h5>{{ bbs_obj.content}}</h5>
        <h5>{{ bbs_obj.author}}</h5>
        <h5>{{ bbs_obj.view_count}}</h5>
        <h5>{{ bbs_obj.ranking}}</h5>
        <h5>{{ bbs_obj.created_at}}</h5>
        <h5>{{ bbs_obj.update_at}}</h5>
        <hr>
{% endblock %}

20、修改index.html中的链接

{% extends 'base.html' %}

{% block page_content %}
    {% for bbs_list in bbs_lists %}
        <h4><a href="/bbs/{{bbs_list.id}}">{{ bbs_list.title }}</a></h4>
        <h5>{{ bbs_list.summary}}</h5>
        <hr>
    {% endfor %}
{% endblock %}

首页中点击bbs标题可链接进入bbs的详细内容页面。

首页上一页 1 2 3 下一页尾页 3/3/3
【大中小】【打印】【繁体】【投稿】【收藏】【推荐】【举报】【评论】【关闭】【返回顶部】

上一篇：Celery(四)定时任务	下一篇：sklearn交叉验证-【老鱼学sklearn..