抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

简介

在我们的应用小程序中,我们是前后端分离的。前端页面只负责渲染,而后端需要处理数据。但是如果遇到数据量很大的情况下,我们处理起来就很缓慢,如果我们想通过AJAX的方法追踪后台数据变化的进度,需要用到轮询的方案,这个是非常消耗资源的。这里我们用VueJS和Fastapi的小例子演示前端传递数据,后台用10秒处理数据并实时反应进度给前台的实现。

什么是Vue.js

VueJS是一个渐进式的前端框架,所谓渐进式的意思就是你可以用它快速完成原型创作,然后在此基础上逐步完善。他可以足够简单,也可以足够完善,那么对于新手小白来说,这简直就是福利!

上一篇文章我们写了一个Streamlit的程序来全栈的执行我们的任务,但是我们也看到了它的一个缺点:前端界面非异步,UI定制缺乏灵活性。那么,我们接下来尝试采用前后端分离的方式来完成上次的任务。

streamlit的有趣特点

  • 所有的程序,只要是前端交互页面发生变动或者说交互,代码就会从头到尾执行一遍
  • 提供了非常多数据交互的组件,每个组件都可以返回数值,用来和别的组件交流
  • 有特殊的缓存系统,防止长时间运行的程序成为瓶颈
  • 因为程序从头至尾的顺序执行,异步的支持较差