删除文章

确定要删除这篇文章吗?

取消
确定

koa2给所有页面渲染全局数据

     阅读(537)  2017-11-02 20:28:29

场景

给我的博客增加显示用户访问量,后台的每个请求访问量都新增1,每个页面的渲染都返回当前访问量计数。

捕捉每次请求

在所有路由之前新增

  app.use(async (ctx, next) => {
    const totalhit = await Extends.addHit(ctx.path);
    ctx.state = Object.assign(ctx.state, { totalhit: totalhit });
    await next();
  })

Extends.addHit写入mongodb新增访问量并且返回当前总访问量

每个请求中返回总访问量

还是在上面的代码中将总访问量totalhit赋值给ctx.state,由于state是一个对象,可能存在其他数据所以要使用Object.assign的方式将总访问量属性拷贝给state对象。

这样,每个渲染的html模板都可以获取totalhit变量。本博客使用的模板引擎是koa-swig。

前端实现

<a href="http://3inns.cn" style="color:red;">
{% if totalhit %}
您是第{{ totalhit }}位访问者
{% else %}
3inns.cn
{% endif %}
</a>

文章评论

Keep it simple,stupid
文章数
300
总访问量
444364
今日访问
702
最近评论

xuehaoyun : 很不错,来围观一下
tujiaw : 抱歉csdn code服务关闭了,这个代码我也找不到了
于淞 : 你好,这个文章的源码能分享一下吗,songsong9181@163.com,谢谢了 上面的写错了
于淞 : 你好,这个文章的源码能分享一下吗,838106303@163.com,谢谢了 上面的链接不能用了
tujiaw : 多谢多谢
essaypinglun college-paper.org : 很好的博客,赞赞
Folly : 这个实现有点奇怪,Qt为什么没有统一的比对方法。
过多s : alert("hello, world!")
tujiaw : 还不错哦
回到顶部