文章浏览量是所有社交类网站所必备的数据,足以显示其重要性了。
博主可以通过浏览量来评估某篇文章的受欢迎程度,读者也能够通过浏览量来筛选质量更高的文章。
然而,准确统计浏览量并不简单:
- 某些类型的请求不应该统计为浏览量,比如作者自己的浏览或编辑文章之后的重定向请求;
- 由于用户众多,浏览量的数据时刻都在快速更新,会给数据库带来很大的压力。因此很多大型网站都会使用如Redis这样的读写速度非常快的内存数据库辅助存储。
因为我们的项目是博客网站,粗略统计就可以了,也没有那么大的用户压力,所以设计就简单得多了。
模型
浏览量作为每篇博文都有的数据,需要一个字段来存储。
因此修改文章的模型:
article/models.py
...
class ArticlePost(models.Model):
...
total_views = models.PositiveIntegerField(default=0)
...
-
PositiveIntegerField
是用于存储正整数的字段 -
default=0
设定初始值从0开始
修改完数据库别忘了要数据迁移,否则更改不会生效。
由于新字段设置了初始值,迁移会很顺畅:
(env) E:\django_project\my_blog>python manage.py makemigrations
Migrations for 'article':
article\migrations\0003_articlepost_total_views.py
- Add field total_views to articlepost
Migrations for 'userprofile':
userprofile\migrations\0002_auto_20181227_2041.py
- Alter field avatar on profile
- Alter field user on profile
(env) E:\django_project\my_blog>python manage.py migrate
Operations to perform:
Apply all migrations: admin, article, auth, contenttypes, sessions, userprofile
Running migrations:
Applying article.0003_articlepost_total_views... OK
Applying userprofile.0002_auto_20181227_2041... OK
列表模板
为了方便观察效果,这次先写模板文件。
什么地方需要显示浏览量呢?很容易想到的就是文章列表了。修改文章列表的模板:
templates/article/list.html
...
<div class="card-footer">
<!-- 已有代码 -->
<a href="{% url 'article:article_detail' article.id %}"
class="btn btn-primary">
阅读本文
</a>
<!-- 显示浏览量 -->
<span>
<small class="col align-self-end" style="color: gray;">
浏览: {{ article.total_views }}
</small>
</span>
</div>
...
笔者将浏览量显示在了“阅读本文”的边上。
有的同学觉得显示在这里不好看,请修改代码,将其放到自己最满意的地方。(顺便熟悉一下Bootstrap!)
详情模板
除了文章列表外,通常详情页面中也需要显示浏览量。
除此之外,在前面的学习中为了方便,没有做任何权限管理,以至于任何用户都可以对所有文章进行修改、删除:
[图片上传失败...(image-2f2d18-1565579822718)]
这样是肯定不行的,必须修复这个严重的错误。
修改article/detail.html
模板文件:
templates/article/detail.html
...
<!-- 文章详情 -->
<div class="container">
<div class="row">
...
<div class="col-12 alert alert-success">
<div>
作者:{{ article.author }}
{% if user == article.author %}
· <a href="#" onclick="confirm_delete()">删除文章</a>
· <a href="{% url "article:article_update" article.id %}">
编辑文章
</a>
{% endif %}
</div>
<div>
浏览:{{ article.total_views }}
</div>
</div>
...
</div>
...
修改内容有:
- 确认当前登录用户是文章的作者,才显示“删除文章、“编辑文章”两个链接
- 显示浏览量
修改article/detail.html模板文件:
templates/article/detail.html
<!-- 文章详情 -->
<div class="container">
<div class="row">
...
<div class="col-12 alert alert-success">
<div>
作者:{{ article.author }}
{% if user == article.author %}
· <a href="#" onclick="confirm_delete()">删除文章</a>
· <a href="{% url "article:article_update" article.id %}">
编辑文章
</a>
{% endif %}
</div>
<div>
浏览:{{ article.total_views }}
</div>
</div>
...
</div>
修改内容有:
1 确认当前登录用户是文章的作者,才显示“删除文章、“编辑文章”两个链接
2 显示浏览量
上图中由于文章作者和登录用户不一致,修改文章的链接没有渲染出来了;如果登录用户是作者本人,它们又会正常显示。
这样的方法可以阻止大部分的“好用户”非法修改数据。但是如果有“坏用户”直接输入url地址来使坏,该怎么办呢?所以光是靠前端页面来鉴权是不够的。
视图
现在浏览量能够正确显示了,但是由于没有进行任何处理,其数值会一直为0。我们希望每当用户访问详情页面时,浏览量就加1。
修改article_detail()
如下:
article/views.py
...
def article_detail(request, id):
article = ArticlePost.objects.get(id=id)
# 浏览量 +1
article.total_views += 1
article.save(update_fields=['total_views'])
...
update_fields=[]
指定了数据库只更新total_views
字段,优化执行效率。
测试一下,可以正常对浏览量计数了:
[图片上传失败...(image-7f78f4-1565580002765)]
视图中鉴权
前面讲了,光是在模板中鉴权是不够的,必须在后端业务逻辑中再次验证用户身份。
修改article_update()
更新文章的视图:
article/views.py
...
# 提醒用户登录
@login_required(login_url='/userprofile/login/')
def article_update(request, id):
# 已有代码
article = ArticlePost.objects.get(id=id)
# 过滤非作者的用户
if request.user != article.author:
return HttpResponse("抱歉,你无权修改这篇文章。")
...
视图中进行了两次鉴权:
-
login_required
装饰器过滤未登录的用户 -
if
语句过滤已登录、但非作者本人的用户
通过在业务逻辑中再次验证身份,完全阻止恶意用户从中使坏了。
除了更新文章的视图外,删除文章也应该做类似的工作,请读者自行修改并测试。
总结
本章完成了简单的统计浏览量的功能,并且在前后端中对用户的身份进行了验证。
网友评论