知识点
本次主要是视图、前端一些简单的实现,从数据获取到对应的数据输出到前端
由于 广告栏、排行榜、标签云、文章归档的、友情链接各个页面都需要用到的数据,将这些数据放置到全局变量中,返回给各个模板渲染。
1 广告栏
all是获取所有数据,order_by是排序,-号是从大到小,最后是切片,只获取前4位(0到3)。【views.py】
def global_setting(request):
# 广告数据
ad_list = Ad.objects.all().order_by('-index')[:4]
return locals()
使用for循环将获取到的列表所需要的数据获取出来。src是前面ImageFiled的路径。【ads.html】
{% load staticfiles %}
<div class="banner">
<div id="slide-holder">
<div id="slide-runner">
{% for ad in ad_list %}
<a href="/" target="_blank">![](uploads/{{ ad.image_url}})</a>
{% endfor %}
<div id="slide-controls">
<p id="slide-client" class="text"><strong></strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
</div>
<script>
if (!window.slider) {
var slider = {};
}
slider.data = [
{% for ad in ad_list %}
{
"id": "{{ ad.id }}", // 与slide-runner中的img标签id对应
"client": "{{ ad.title}}",
"desc": "{{ ad.description }}" //这里修改描述
},
{% endfor %}
];
</script>
</div>
2 排行榜
filter根据提供的字段进行过滤;聚合函数annotate得到一个文章id和评论数据的列表[{'commentcount': 6, 'article': 1}, {'commentcount': 5, 'article': 3}],再通过id找出对应的文章。【view.py】
def global_setting(request):
# 文章排行榜的数据
# --浏览排行
article_click_list = Article.objects.all().order_by('-click_count')[:6]
# --评论排行
comment_conut_list = Comment.objects.values('article').annotate(commentcount=Count('article')).order_by('-commentcount')
article_comment_list = [Article.objects.get(pk=comment['article']) for comment in comment_conut_list][:6]
# --站长推荐
article_recommend_list = Article.objects.filter(is_recommend=1).order_by('-click_count')[:6]
return locals()
使用for循环将获取到的列表所需要的数据获取出来。【charts.html】
<div style="display: block;" class="bd bd-news">
<ul>
{% for article_click in article_click_list %}
<li><a href="/" target="_blank">{{ article_click}}</a></li>
{% endfor %}
</ul>
</div>
<div class="bd bd-news">
<ul>
{% for article_comment in article_comment_list %}
<li><a href="/" target="_blank">{{ article_comment }}</a></li>
{% endfor %}
</ul>
</div>
<div class="bd bd-news">
<ul>
{% for article_recommend in article_recommend_list %}
<li><a href="/" target="_blank">{{ article_recommend }}</a></li>
{% endfor %}
</ul>
</div>
3 标签云
all获取Tag对象所有数据【views.py】
def global_setting(request):
# 标签云数据
tag_list = Tag.objects.all()
return locals()
for循环读取列表所有数据输出【tags.html】
<div class="cloud">
<h3>标签云</h3>
<ul>
{% for tag in tag_list %}
<li><a href="/">{{ tag }}</a></li>
{% endfor %}
</ul>
</div>
4 文章归档
使用自定义的方法distinct_date()获取文章存档的列表【views.py】
def global_setting(request):
# 文章归档导航
article_list_date = Article.objects.distinct_date()[:5]
return locals()
自定义一个文章的管理器。新增一个数据处理的方法,返回[2017年12月文章存档,]的列表【models.py】
# 自定义一个文章Model的管理器
# 1、新加一个数据处理的方法(本次使用)
# 2、改变原有的queryset
class ArticleManager(models.Manager):
def distinct_date(self):
distinct_date_list = []
date_list = self.values('date_publish')
for date in date_list:
date = date['date_publish'].strftime('%Y年%m月文章存档')
if date not in distinct_date_list:
distinct_date_list.append(date)
return distinct_date_list
5 友情链接
all获取Links对象所有数据【views.py】
# 友情链接
links_list = Links.objects.all()[:6]
for循环读取列表所有数据输出【links.html】
<ul>
{% for link in links_list %}
<li><a target="_blank" href="{{ link.callback_url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
6 文章列表
all获取Links对象所有数据【views.py】
def index(request):
article_list = Article.objects.all()
return render(request, 'index.html', locals())
for循环读取列表所有数据输出;过滤器date格式化日期;过滤器safe不需要转义;【index.html】
article.comment_set.all.count:通过_set一对多查询出所有结果,然后count进行统计
<div class="topnews">
<h2>最新文章</h2>
{% for article in article_list%}
<div class="blogs">
<ul>
<h3><a href="/">{{ article.title }}</a></h3>
<p>{{ article.desc }}</p>
<p class="autor">
<span class="lm f_l">
{% for tag in article.tag.all %}
<a href="/">{{ tag.name }}</a>
{% endfor %}
</span>
<span class="dtime f_l">{{ article.date_publish | date:'Y-m-d' }}</span>
<span class="viewnum f_r">浏览(<a href="/">{{ article.click_count }}</a>)</span>
<span class="pingl f_r">评论(<a href="/">{{ article.comment_set.all.count }}</a>)</span>
</p>
</ul>
</div>
{% endfor %}
</div>
相关下载
欢迎留言,博文会持续更新~~