五、Home主页与个人站点主页

home首页代码：

# views.py视图函数部分代码
def home(request):

    # 将数据库中的所有文章展示到主页

    article_list = models.Article.objects.all()

    return render(request, 'home.html', locals())
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>BBS论坛</title>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css">

    <script src="/static/bootstrap-3.3.7/js/bootstrap.min.js"></script>

</head>

<body>

<nav class="navbar navbar-default">

    <div class="container-fluid">

        <!-- Brand and toggle get grouped for better mobile display -->

        <div class="navbar-header">

            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"

                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">

                <span class="sr-only">Toggle navigation</span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

            </button>

            <a class="navbar-brand" href="#">BBS论坛</a>

        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

            <ul class="nav navbar-nav">

                <li class="active"><a href="#">随笔 <span class="sr-only">(current)</span></a></li>

                <li><a href="#">文章</a></li>

            </ul>

            <ul class="nav navbar-nav navbar-right">

                {% if request.user.is_authenticated %}

                    <li><img src="/media/{{ request.user.avatar }}" alt="" width="45px" class="img-circle"></li>

                    <li><a href="/{{ request.user.username }}" id="id_username">{{ request.user.username }}</a></li>

                    <li class="dropdown">

                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"

                           aria-expanded="false">更多操作 <span class="caret"></span></a>

                        <ul class="dropdown-menu">

                            <li><a href="/set_password/">修改密码</a></li>

                            <li><a href="/set_avatar/">修改头像</a></li>

                            <li><a href="/backend/">后台管理</a></li>

                            <li role="separator" class="divider"></li>

                            <li><a href="/logout/">注销</a></li>

                        </ul>

                    </li>

                {% else %}

                    <li><a href="/login/">登录</a></li>

                    <li><a href="/register/">注册</a></li>

                {% endif %}

            </ul>

        </div><!-- /.navbar-collapse -->

    </div><!-- /.container-fluid -->

</nav>

<div class="container-fluid">

    <div class="row">

        <div class="col-md-2">

            <div class="panel panel-success">

                <div class="panel-heading">

                    <h3 class="panel-title">Panel title</h3>

                </div>

                <div class="panel-body">

                    Panel content

                </div>

            </div>

            <div class="panel panel-warning">

                <div class="panel-heading">

                    <h3 class="panel-title">Panel title</h3>

                </div>

                <div class="panel-body">

                    Panel content

                </div>

            </div>

            <div class="panel panel-danger">

                <div class="panel-heading">

                    <h3 class="panel-title">Panel title</h3>

                </div>

                <div class="panel-body">

                    Panel content

                </div>

            </div>

        </div>

        <div class="col-md-8">

            {% for article in article_list %}

                <ul class="media-list">

                    <li class="media">

                        <h4 class="media-heading"><a

                                href="/{{ article.blog.userinfo.username }}/article/{{ article.pk }}">{{ article.title }}</a>

                        </h4>

                        <div class="media-left">

                            <a href="#">

                                <img class="media-object img-circle" src="/media/{{ article.blog.userinfo.avatar }}"

                                     width="60" alt="...">

                            </a>

                        </div>

                        <div class="media-body">

                            {{ article.desc }}

                        </div>

                        <div style="margin-top: 10px; color: darkgrey" class="pull-right">

                            {# zhangsan 发布于 2019-06-22 21:43 评论(0)点赞(159)#}

                            <span><a href="">{{ article.blog.userinfo.username }}&nbsp;&nbsp;</a></span>

                            <span>发布于&nbsp;{{ article.create_time|date:'Y-m-d' }}&nbsp;&nbsp;</span>

                            <span><span class="glyphicon glyphicon-comment"></span>评论({{ article.comment_num }})&nbsp;&nbsp;</span>

                            <span><span class="glyphicon glyphicon-thumbs-up"></span>点赞({{ article.up_num }})&nbsp;&nbsp;</span>

                        </div>

                    </li>

                </ul>

                <hr>

            {% endfor %}

        </div>

        <div class="col-md-2">

            <div class="panel panel-success">

                <div class="panel-heading">

                    <h3 class="panel-title">Panel title</h3>

                </div>

                <div class="panel-body">

                    Panel content

                </div>

            </div>

            <div class="panel panel-warning">

                <div class="panel-heading">

                    <h3 class="panel-title">Panel title</h3>

                </div>

                <div class="panel-body">

                    Panel content

                </div>

            </div>

            <div class="panel panel-danger">

                <div class="panel-heading">

                    <h3 class="panel-title">Panel title</h3>

                </div>

                <div class="panel-body">

                    Panel content

                </div>

            </div>

        </div>

    </div>

</div>

</body>

</html>

home.html

个人站点代码：

def site(request, username, *args, **kwargs):  # kwargs   'condition':'' , 'param':''

    user_obj = models.UserInfo.objects.filter(username=username).first()

    blog = user_obj.blog

    article_list = models.Article.objects.filter(blog=blog)

    if not user_obj:

        return render(request, 'error.html')

    if kwargs:

        condition = kwargs.get('condition')

        param = kwargs.get('param')

        if condition == 'category':

            article_list = article_list.filter(category_id=param)

        elif condition == 'tag':

            article_list = article_list.filter(tags__pk=param)

        else:

            # param = '2018-06'

            year, month = param.split('-')

            article_list = article_list.filter(create_time__year=year, create_time__month=month)

    # # 统计当前用户对应的每一个分类及分类下的文章数

    # category_list = models.Category.objects.filter(blog=blog).annotate(c=Count('article')).values_list('name', 'c', 'pk')

    # print(category_list)

    # # 统计当前用户对应的每一个标签及标签下的文章数

    # tag_list = models.Tag.objects.filter(blog=blog).annotate(c=Count('article')).values_list('name', 'c', 'pk')

    # print(tag_list)

    # # 按日期归档

    # date_list = models.Article.objects.filter(blog=blog).annotate(month=TruncMonth('create_time')).values('month').annotate(

    #     c=Count('pk')).values_list('month', 'c')

    # print(date_list)

    return render(request, 'site.html', locals())

views.py视图函数部分代码

from django import template

from app01 import models

from django.db.models import Count

from django.db.models.functions import TruncMonth

register = template.Library()

@register.inclusion_tag('left_menu.html', name='left_menu')

def left_menu(username):

    user_obj = models.UserInfo.objects.filter(username=username).first()

    blog = user_obj.blog

    # 统计当前用户对应的每一个分类及分类下的文章数

    category_list = models.Category.objects.filter(blog=blog).annotate(c=Count('article')).values_list('name', 'c',

                                                                                                       'pk')

    # print(category_list)

    # 统计当前用户对应的每一个标签及标签下的文章数

    tag_list = models.Tag.objects.filter(blog=blog).annotate(c=Count('article')).values_list('name', 'c', 'pk')

    # print(tag_list)

    # 按日期归档

    date_list = models.Article.objects.filter(blog=blog).annotate(month=TruncMonth('create_time')).values(

        'month').annotate(

        c=Count('pk')).values_list('month', 'c')

    # print(date_list)

    return {'user_obj': user_obj, 'blog': blog, 'category_list': category_list, 'tag_list': tag_list,

            'date_list': date_list}

mytag.py 后端模板逻辑

前端：

base.html 模板

left_menu.html  侧边栏部分内容

site.html 个人站点主页

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>BBS论坛</title>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css">

    <script src="/static/bootstrap-3.3.7/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="/static/css/{{ blog.theme }}.css">

    {% block css %}

    {% endblock %}

</head>

<body>

<!--导航栏开始-->

<nav class="navbar navbar-default">

    <div class="container-fluid">

        <!-- Collect the nav links, forms, and other content for toggling -->

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

            <div>

                <span class="h2">{{ blog.site_title }}de个人博客</span>

                <a href="/home/" class="btn  btn-success pull-right">返回首页</a></div>

        </div><!-- /.navbar-collapse -->

    </div><!-- /.container-fluid -->

</nav>

<!--导航栏结束-->

<div class="container-fluid">

    <div class="row">

         <div class="col-md-2">

            {% load mytag %}

             {% left_menu username %}

        </div>

        <div class="col-md-10">

        {% block content %}

        {% endblock %}

        </div>

    </div>

</div>

{% block js %}

{% endblock %}

</body>

</html>

base.html

<div class="panel panel-success">

  <div class="panel-heading">

    <h3 class="panel-title">文章分类</h3>

  </div>

  <div class="panel-body">

    {% for category in category_list %}

        <p><a href="/{{ user_obj.username }}/category/{{ category.2 }}">{{ category.0 }}({{ category.1 }})</a></p>

    {% endfor %}

  </div>

</div>

<div class="panel panel-warning">

  <div class="panel-heading">

    <h3 class="panel-title">文章标签</h3>

  </div>

  <div class="panel-body">

    {% for tag in tag_list %}

        <p><a href="/{{ user_obj.username }}/tag/{{ tag.2 }}">{{ tag.0 }}({{ tag.1 }})</a></p>

    {% endfor %}

  </div>

</div>

<div class="panel panel-danger">

  <div class="panel-heading">

    <h3 class="panel-title">文章日期</h3>

  </div>

  <div class="panel-body">

    {% for date in date_list %}

        <p><a href="/{{ user_obj.username }}/archive/{{ date.0|date:'Y-m' }}">{{ date.0|date:'Y年m月' }}({{ date.1 }})</a></p>

    {% endfor %}

  </div>

</div>

left_menu.html

{% extends 'base.html' %}

{% block content %}

{% for article in article_list %}

    <ul class="media-list">

        <li class="media">

            <h4 class="media-heading"><a href="/{{ user_obj.username }}/article/{{ article.pk }}">{{ article.title }}</a></h4>

            <div class="media-left">

                <a href="#">

                    <img class="media-object img-circle" src="/media/{{ article.blog.userinfo.avatar }}"

                         width="60" alt="...">

                </a>

            </div>

            <div class="media-body">

                {{ article.desc }}

            </div>

            <div style="margin-top: 10px; color: darkgrey" class="pull-right">

                {# posted @ 2019-06-22 21:43 XXX 评论(0)点赞(159)#}

                <span>posted&nbsp;@&nbsp;{{ article.create_time|date:'Y-m-d' }}&nbsp;</span>

                <span>{{ article.blog.userinfo.username }}&nbsp; </span>

                <span class="glyphicon glyphicon-comment">评论({{ article.comment_num }}&nbsp;</span>

                <span class="glyphicon glyphicon-thumbs-up">点赞({{ article.up_num }})&nbsp; </span>

                <span><a href="">编辑</a></span>

            </div>

        </li>

    </ul>

    <hr>

{% endfor %}

{% endblock %}

site.html

BBS论坛 home主页与个人站点主页的更多相关文章

  1. Httpd服务入门知识-Httpd服务常见配置案例之定义站点主页面及错误页面配置

    Httpd服务入门知识-Httpd服务常见配置案例之定义站点主页面及错误页面配置 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.定义站点主页面 [root@node101.yi ...

  2. python第一百三十天 ---简单的BBS论坛

    简单的BBS论坛 实现功能 git仓库地址:https://github.com/uge3/BBS 1.整体参考“抽屉新热榜” + “博客园” 2.实现不同论坛版块 3.帖子列表展示 4.个人博客主页 ...

  3. BBS论坛 后台管理

    七.后台管理 后台管理页面: <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...

  4. python 学习笔记二十 django项目bbs论坛

    项目:开发一个简单的BBS论坛 需求: 整体参考“抽屉新热榜” + “虎嗅网” 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用户发贴.评论.点赞 允许上传文件 帖子可 ...

  5. Python之路,Day17 - 分分钟做个BBS论坛

    Python之路,Day17 - 分分钟做个BBS论坛   本节内容: 项目:开发一个简单的BBS论坛 需求: 整体参考"抽屉新热榜" + "虎嗅网" 实现不同 ...

  6. Python开发一个简单的BBS论坛

    项目:开发一个简单的BBS论坛 需求: 整体参考“抽屉新热榜” + “虎嗅网” 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用户发贴.评论.点赞 允许上传文件 帖子可 ...

  7. Python之路【第十八篇】Django小项目简单BBS论坛部分内容知识点

    开发一个简单的BBS论坛 项目需求: 整体参考“抽屉新热榜” + “虎嗅网” 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用户发贴.评论.点赞 允许上传文件 帖子可被 ...

  8. Django小项目简单BBS论坛

    开发一个简单的BBS论坛 项目需求: 1 整体参考"抽屉新热榜" + "虎嗅网" 2 实现不同论坛版块 3 帖子列表展示 4 帖子评论数.点赞数展示 5 在线用 ...

  9. bbs论坛浏览器兼容性问题

    一直都是在chrome上进行调试,今天终于把bbs论坛这个项目搭建完了,进入IE.Firefox看了看 吓哭了!!! 火狐 Edge chrome 特别是加了<!DOCTYPE html> ...

随机推荐

  1. redis 入门之列表

    lpush 将一个或多个值 value 插入到列表 key 的表头如果有多个 value 值,那么各个 value 值按从左到右的顺序依次插入到表头: 比如说,对空列表 mylist 执行命令 LPU ...

  2. jsp 内置对象HTTP协议

    有些对象不用声明就能够在JSP页面的脚本部分使用,这就是JSP的内置对象. JSP的内置对象有:request .response.session.application.out. 下面我们将一一介绍 ...

  3. oracle中hint 详解

    Hint概述 基于代价的优化器是很聪明的,在绝大多数情况下它会选择正确的优化器,减轻了DBA的负担.但有时它也聪明反被聪明误,选择了很差的执行计划,使某个语句的执行变得奇慢无比. 此时就需要DBA进行 ...

  4. miaosha

    1:跨域请求配置 后端Controller 添加注解 @CrossOrigin(origins = {"*"},allowCredentials = "true" ...

  5. 2018-2-13-git-cannot-lock-ref

    title author date CreateTime categories git cannot lock ref lindexi 2018-2-13 17:23:3 +0800 2018-2-1 ...

  6. Spark Core 1.3.1源码解析及个人总结

    本篇源码基于赵星对Spark 1.3.1解析进行整理.话说,我不认为我这下文源码的排版很好,不能适应的还是看总结吧. 虽然1.3.1有点老了,但对于standalone模式下的Master.Worke ...

  7. Android jniLibs下目录详解（.so文件）

    http://www.jianshu.com/p/b758e36ae9b5 最近又研究了一下,参考了一下:三星/联发科等处理器规格表 更新时间:2017年5月手机CPU架构体系分类及各大厂商 PS:我 ...

  8. zabbix之自动注册，编写触发器：一定时间内超过某个负载值的时间

    zabbix中添加主机很多时可以考虑自动注册来自动添加,下面按照图片顺序来看,zabbix版本:3.0.28 超过负载30%的持续时间 创建触发器:

  9. jQuery的属性、遍历和HTML操作

    一.属性操作   1..attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图 ...

  10. Shiro学习（24）在线回话管理

    有时候需要显示当前在线人数.当前在线用户,有时候可能需要强制某个用户下线等:此时就需要获取相应的在线用户并进行一些操作. 本章基于<第十六章 综合实例>代码构建. 会话控制器 Java代码 ...