flask + react_使用React和Flask创建一个完整的机器学习Web应用程序

作者 | Karan Bhanot

来源 | Towards Data Science

编辑 | 代码医生团队

一直想开发一个完整的机器学习应用程序，将有一个UI来输入一些输入和机器学习模型来预测这些值。上周做到了这一点。在这个过程中，在React和Flask中创建了一个易于使用的模板，任何人都可以在几分钟内修改创建自己的应用程序。

该项目的亮点：

• 前端是在React中开发的，它包含一个带有表单的单页，用于提交输入值

• 后端是在Flask中开发的，它暴露预测端点以使用训练有素的分类器进行预测，并将结果发送回前端以便于消费

GitHub回购如下：

https://github.com/kb22/ML-React-App-Template

模板

React

React是一个由Facebook创建的JavaScript库，有助于简化开发和使用用户界面。它是前端开发的领先语言之一。可以在这里阅读它。了解React的最佳资源是它的文档本身，它非常全面且易于掌握。

https://reactjs.org/

Flask和Flask-RESTPlus

Flask和Flask-RESTPlus允许在Python中定义一个服务，它将具有可以从UI调用的端点。可以从文章中了解有关开发Flask应用程序的更多信息。

https://towardsdatascience.com/working-with-apis-using-flask-flask-restplus-and-swagger-ui-7cf447deda7f

描述

曾经create-react-app创建过一个基本的React应用程序。接下来加载了bootstrap它，允许为每个屏幕大小创建响应式网站。更新了App.js文件以添加带下拉菜单Predict和ResetPrediction按钮的表单。将每个表单属性添加到状态，按下Predict按钮，将数据发送到Flask后端。还更新了App.css文件以向页面添加样式。