我最近有一个项目，涉及创建一个连接到后端程序的前端应用程序。后端程序是输入一些参数并输出图形的机器学习代码。这个机器学习代码是用 Python 编写的。前端程序的目标是让用户通过网络输入他们的数据和 ML 代码工作所需的参数，然后将图形接收回前端，供用户保存为 GIF 或类似的东西。
我以前从来没有做过这种级别的事情，所以我一直在网上寻找答案。我得到的答案是前端将是 html 和一些 CSS，并将连接到一些 API 程序，该程序充当前端和后端程序之间的中间人。这是正确的方向吗？非常欢迎任何有关如何执行此类操作的参考资料或 YouTube 视频。
我还研究了从前端程序到 ML 代码的直接连接。 谢谢大家！
【问题讨论】：
标签： python html api backend web-frontend
所以这是一个非常笼统的问题，因此很难回答。我会给你一个关于如何实现这一点的简短指导，请注意有很多方法，我试图给你最简单的方法。
我假设的应用要求：
我得到的答案是前端将是 html 和一些 CSS，并将连接到一些 API 程序，作为前端和后端程序之间的中间人。
是的，这有点正确，您很可能会在前端添加一些 JS，但这不是必需的，只需 HMTL、CSS 和 API，一切皆有可能。在前端，您需要一个 <form>，它将输入数据作为 post 请求提交到您的 API（服务器）。然后，API 将需要调用 ML 脚本/程序并捕获生成的图像。然后，您需要将图像保存在服务器上。到现在前端还在等待请求完成，所以你的服务器没有返回任何东西！
在实际项目中，这会很糟糕，因为 ML 代码可能需要很长时间才能执行，并且等待请求会受到限制，并且您可能会收到超时错误。
因此，您的 API/服务器会接收图像并将图像保存到公开给网络的公共文件夹中，通常称为静态或公共。然后您可以将用户重定向到第二个 html 页面，然后您可以使用模板语言动态呈现该页面，例如Jinja2.
作为后端技术，我建议您使用一些不太自以为是的东西，因为这些东西通常更重要，但更难学习。因此，看 Flask 构建一个 API。对于前端使用https://getbootstrap.com/，因此您不需要编写自己的css。并作为模板语言使用 Jinja2。
为了让自己开始，我会推荐以下来源之一：
【讨论】：