最近一直关注网站搭建的相关讯息，前面学习了Reflex框架，其核心是通过FastAPI作为后端，然后前端通过nextjs渲染静态页面并调取后端数据完成交互，是一个开箱即用的包。但是我在使用过程中也发现了一个问题，那就是所有的交互都依赖于后端，如果网络连接不顺畅，或者你距离后端服务器太远，那么用户的交互是非常卡顿的。

简介

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

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