flask vuejs 全栈开发-min.png
  • Madman
  • ·

Flask Vue.js全栈开发|第14章:邮件支持

使用 Flask-Mail 给用户发送邮件,用户注册时需要先通过邮件确认账户,不然不让他访问前端任何路由(防止用户注册时提供虚假邮箱地址)。同时,如果用户忘记了自己的账户密码,也可以通过邮件重置密码。注意,邮件中的链接会包含 JWT,确保用户只能确认自己的账户或重置自己的账户密码

flask vuejs 全栈开发-min.png
  • Madman
  • ·

Flask Vue.js全栈开发|第11章:私信

上一篇文章中用户收到的新评论通知有些问题,没考虑到评论被回复的情况,本文将修复这个 BUG。除了在用户发布的文章下面评论进行互动以外,用户之间还可以发送私密的信息,别人无法看到,类似于网络聊天。目前,用户之间可以随意发送私信,如果有人骚扰你,你也只能默默接收这些垃圾私信,下一篇将实现 黑名单 功能,可以屏蔽你讨厌的用户,对方无法 Follow 你,不会收到你新文章提醒,你也不会收到对方的骚扰信息

flask vuejs 全栈开发-min.png
  • Madman
  • ·

Flask Vue.js全栈开发|第10章:用户通知

实现动态通知已登录的用户,你的文章有新的评论了、你有新的粉丝了、你的评论被人点赞了、你关注的大神又发布新文章了,新的内容会在头像左上角打上红色小点标记,以提醒用户; 通知功能是非常重要和实用的,我设置的时间轮询间隔为 10 秒,你也可以改大一点

flask vuejs 全栈开发-min.png
  • Madman
  • ·

Flask Vue.js全栈开发|第9章:用户评论

用户在浏览你的博客文章后,可能会在底下评论,增加互动性。一篇文章允许有多条评论,一个用户可以在多篇文章下面发表评论,所以都是一对多关系。同时,评论支持多级回复,支持点赞功能

flask vuejs 全栈开发-min.png
  • Madman
  • ·

Flask Vue.js全栈开发|第8章:单元测试

未经测试的小猫,肯定不是一只好猫。本文是填补之前没有进行任何单元测试的坑,使用 Python 自带的 unittest 包,当然你也可以使用 pytest 包。另外,Flask 内建了一个测试客户端 app.test_client(),它能复现程序运行在 Web 服务器中的环境,扮演成客户端从而发送请求。为了查看我们的测试代码覆盖率,需要安装 coverage 包,并创建一个 Flask...

flask vuejs 全栈开发-min.png
  • Madman
  • ·

Flask Vue.js全栈开发|第7章:粉丝关注大神

要实现粉丝机制,需要使用 SQLAlchemy ORM 的多对多关系,需要额外定义一个用于多对多关系的关联表,强烈建议不使用模型,而是采用一个实际的表。粉丝机制的多对多还比较特殊,它只有一张用户表,所以是自引用关系。前端使用 Vue.js 的 vue-router 嵌套路由来实现在用户个人主页,切换页签分别查看用户的已关注的用户列表、用户的粉丝列表、用户的文章列表、用户关注的大神们的文章列表

flask vuejs 全栈开发-min.png
  • Madman
  • ·

Flask Vue.js全栈开发|第6章:博客文章CU...

介绍了 SQLAlchemy 一对多关系以及如何实现级联删除,Post API 设计跟 User 基本类似。前端要支持 Markdown 的话,首先需要给用户提供一个编辑器,这里使用 bootstrap-markdown 插件;渲染也由前端完成,使用 vue-markdown,代码语法高亮使用 highlight.js 插件。博客 CURD 的实现,修改时使用...