实际Web开发过程中,我们经常要统计并显示一个页面的浏览次数。今天我们会以博客的例子,教你如何利用Django开发网页计数器,统计并显示一篇文章的浏览次数。本文的原理可以适用于很多场景,比如统计某一文件的下载次数,统计某一用户在单位时间内的登录次数。本文使用Django 2.0 + Python 3.X实现。
第一步 建立APP,设置URL
我们创建一个叫demo的项目,并利用python manage.py startapp blog创建一个名叫blog的APP,并把它加入到settings.py中INSTALLED_APP里去。另外URLs里添加blog.urls.
# demo/settings.py
urlpatterns = [path('admin/', admin.site.urls),path('blog/', include('blog.urls')),]
第二步 建立模型Models
定义了一个叫views的字段,用来记录浏览次数。我们还定义了一个叫viewed的方法,使views在每次访问后增加1。注意viewed方法里我们使用了save(update_fields=['views']), 这样我们只需要更新views的字段,而不是更新全表,可以减轻数据库写入的工作量。
# blog/models.py
from django.db import modelsfrom django.contrib.auth.models import Userfrom django.urls import reversefrom django.utils.timezone import nowclass Article(models.Model):STATUS_CHOICES = (('d', '草稿'),('p', '发表'),)title = models.CharField('标题', max_length=200, unique=True)slug = models.SlugField('slug', max_length=60)body = models.TextField('正文')pub_date = models.DateTimeField('发布时间', default= now, null=True)create_date = models.DateTimeField('创建时间', auto_now_add=True)mod_date = models.DateTimeField('修改时间', auto_now=True)status = models.CharField('文章状态', max_length=1, choices=STATUS_CHOICES, default='p')views = models.PositiveIntegerField('浏览量', default=0)author = models.ForeignKey(User, verbose_name='作者', on_delete=models.CASCADE)category = models.ForeignKey('Category', verbose_name='分类', on_delete=models.CASCADE, blank=False, null=False)tags = models.ManyToManyField('Tag', verbose_name='标签集合', blank=True)def __str__(self):return self.titleclass Meta:ordering = ['-pub_date']verbose_name = "文章"verbose_name_plural = verbose_nameget_latest_by = 'create_date'def get_absolute_url(self):return reverse('blog:article_detail', args=[str(self.id)])def viewed(self):self.views += 1self.save(update_fields=['views'])
注意: Category和Tag模型我这里省略掉了。如果你不需要它们,可以把这两个字段删掉。
第三步 配置URL
我们只设计了一个URL(例如/blog/article/6/)。你需要在blog文件夹里新建urls.py,并添加如下代码。
# blog/urls.py
from django.urls import path, re_pathfrom . import views# namespaceapp_name = 'blog'urlpatterns = [# 展示文章详情re_path(r'^article/(?P<pk>\d+)/$',views.ArticleDetailView.as_view(), name='article_detail'),]
第四步 编写视图Views
视图编写是本文中最重要的部分。我们使用了Django自带的通用视图,来显示文章详情。
# blog/views.py
from django.views.generic import DetailViewfrom .models import Articleclass ArticleDetailView(DetailView):model = Articledef get_object(self, queryset=None):obj = super().get_object(queryset=queryset)obj.viewed()return obj
现在我们可以仔细分析下计数器的工作原理了:
用户访问/blog/article/6/, 服务器会根据URL映射关系,调用ArticleDetailView。
ArticleDetailView通过URL传递过来的参数(id=6)获取当前文章对象,并通过模板blog/article_detail.html显示。每次通过get_object方法获取文章对象后, 还调用该对象的viewed的方法,使计数增加1。
用户每次重新访问/blog/article/6/或刷新浏览器,计数器都会增加1。
第五步 编写模板
模板非常简单,代码如下:
# blog/templates/blog/article_detail.html
<h3>{{ article.title }}</h3><p>类别: {{ article.category }} </p><p>日期: {{ article.pub_date | date:"Y-m-j" }}</p><p>{{ article.body }}</p><p>浏览次数: {{ article.views }}</p>
第六步 查看效果
打开CMD终端进入项目所在文件夹,连续输入python manage.py makemigrations,python manage.py migrate和python manage.py runserver。下面是最终效果。再刷新下浏览器看看计数器有没有变化吧?
redis实现访问计数器
1 配置Redis
REDIS_HOST = 'localhost'
REDIS_PORT = 6379
REDIS_DB = 0
2 编辑mysite/article/list_views.py,下面是关键代码
import redis# 用于引入本项目settings.py中的变量from django.conf import settings# 引用settings.py中的变量REDIS_HOST,REDIS_PORT,REDIS_DBr = redis.StrictRedis(host=settings.REDIS_HOST, port=settings.REDIS_PORT, db=settings.REDIS_DB)# 没有登录的用户也可以访问这个函数def article_detail(request, id, slug):article = get_object_or_404(ArticlePost, id=id, slug=slug)# total_views:记录文章访问量# 一般通过“对象类型:对象ID:对象属性”来命名一个键total_views = r.incr("article:{}:views".format(article.id))# 将访问此时传递给模板return render(request, "article/list/article_detail.html",{"article": article, "total_views": total_views,})
3 模板中增加访问次数的代码
<header><h1>{{ article.title }}</h1><p><a href="{% url 'article:author_articles' article.author.username %}">{{ article.author.username }}</a><!-- pluralize的作用:如果total_likes为0或复数,则显示的是likes,如果total_likes为1,则显示like--><span style="margin-left:20px" class="glyphicon glyphicon-thumbs-up">{{ total_likes }}like{{ total_likes | pluralize }}</span><!-- 该文章总的访问此时--><span style="margin-left: 20px">{{ total_views }}view{{ total_views | pluralize }}</span></p></header>
参考:https://mp./s/w_UESI3OvSXiPIqzR346bw