urls.py
url(r'^$', views.index),
url(r'^index/$', views.index),
views.py
def index(request):
"""
博客首页
:param request:
:return:
"""
article_list = Article.objects.all().order_by('-c_time')
return render(request, 'index.html', {'article_list': article_list})
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap.min.css">
<script src="/static/js/jquery-3.2.1.min.js"></script>
<script src="/static/plugins/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<title>博客首页</title>
</head>
<body>
<nav class="navbar navbar-default navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="/index/">博客首页</a>
</div>
{# <div class="collapse navbar-collapse">#}
{# <ul class="nav navbar-nav navbar-left">#}
{# <li class="dropdown">#}
{# <li><a href="#">导航</a></li>#}
{# <li class="dropdown">#}
{# <a href="#" class="dropdown-toggle" data-toggle="dropdown">菜单栏<span class="caret"></span></a>#}
{# <ul class="dropdown-menu">#}
{# <li><a href="#">aaa</a></li>#}
{# <li><a href="#">bbb</a></li>#}
{# <li><a href="#">ccc</a></li>#}
{# <li role="separator" class="divider"></li>#}
{# <li><a href="#">111</a></li>#}
{# <li role="separator" class="divider"></li>#}
{# <li><a href="#">222</a></li>#}
{# <li role="separator" class="divider"></li>#}
{# <li><a href="#">333</a></li>#}
{# </ul>#}
{# </li>#}
{# </ul>#}
<ul class="nav navbar-nav navbar-right">
{% if request.user.is_authenticated %}
<li>
<img class="img-circle img-responsive" width="50" height="50"
src="/media/{{ request.user.avatar }}" alt="">
</li>
<li>
<a href="/{{ request.user.username }}/"> {{ request.user.nickname }}</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">个人设置<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/{{ request.user.username }}/">个人中心</a></li>
<li role="separator" class="divider"></li>
<li><a href="/{{ request.user.username }}/admin/">后台管理</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">修改密码</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">安全设置</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>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="article_left col-md-3">
<div class="article_category panel panel-primary">
<div class="panel-heading">分类</div>
<div class="panel-footer">分类1</div>
<div class="panel-footer">分类2</div>
<div class="panel-body">分类aaa</div>
<div class="panel-body">分类bbb</div>
</div>
<div class="article_tag panel panel-danger">
<div class="panel-heading">标签</div>
<div class="panel-footer">标签1</div>
<div class="panel-footer">标签2</div>
<div class="panel-body">标签aaa</div>
<div class="panel-body">标签bbb</div>
</div>
<div class="article_hot panel panel-success">
<div class="panel-heading">文章推荐</div>
<div class="panel-footer">111</div>
<div class="panel-footer">222</div>
<div class="panel-body">aaa</div>
<div class="panel-body">bbb</div>
</div>
</div>
<div class="article_center col-md-7">
<div class="article_list">
{% for article in article_list %}
<div class="article_item well well-sm">
<div class="h3"><a
href="/{{ article.user.username }}/articles/{{ article.id }}.html">{{ article.title }}</a>
</div>
<div class="row">
<div class="col-md-1">
<a href="/{{ article.user.username }}/"><img width="50" height="50"
src="{{ article.user.avatar.url }}" alt=""></a>
</div>
<div class="col-md-11 small">{{ article.description|truncatechars:190 }}</div>
</div>
<div class="h6">
<a href="/{{ article.user.username }}/">{{ article.user.nickname }}</a>
<span>发布于</span>
<span>{{ article.c_time| date:'Y-m-d H:i' }}</span>
<a href="">
<span class="glyphicon glyphicon-comment"></span>
评论({{ article.comment_count }})
</a>
<a href="">
<span class="glyphicon glyphicon-thumbs-up"></span>
点赞({{ article.up_count }})
</a>
<a href="">
<span class="glyphicon glyphicon-thumbs-down"></span>
踩灭({{ article.down_count }})
</a>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="article_right col-md-2">
<div class="panel panel-primary">
<div class="panel-heading">广告A</div>
<div class="panel-body">广告1</div>
<div class="panel-body">广告2</div>
</div>
<div class="panel panel-danger">
<div class="panel-heading">广告B</div>
<div class="panel-body">广告1</div>
<div class="panel-body">广告2</div>
</div>
<div class="panel panel-info">
<div class="panel-heading">广告C</div>
<div class="panel-body">广告1</div>
<div class="panel-body">广告2</div>
</div>
<div class="panel panel-warning">
<div class="panel-heading">广告D</div>
<div class="panel-body">广告1</div>
<div class="panel-body">广告2</div>
</div>
<div class="panel panel-success">
<div class="panel-heading">广告E</div>
<div class="panel-body">广告1</div>
<div class="panel-body">广告2</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
浙公网安备 33010602011771号