前后端图像分类系统搭建文档

项目目录的结构应该是这样的

服务外包前后端/
├── backend/
│   ├── app.py                 # Flask 后端代码
│   ├── cataract_balanced_vgg19_try.h5  # 神经网络模型文件
│   ├── uploads/               # 图片上传存放目录
│   └── requirements.txt       # 后端依赖列表
└── frontend/
    ├── package.json
    ├── public/
    └── src/
        ├── App.js             # React 主组件（包含图片上传、预览、请求后端API）
        └── config.js          # API 地址配置文件

暂时就在根目录下新建两个目录：backend、frontend。

安装python依赖

安装一些包

pip install flask flask-cors tensorflow Pillow

在项目的根目录的终端输入如下代码，来使用 npm 安装依赖

npx create-react-app frontend
cd frontend
npm install

注意：成功执行完上述代码才会生成src目录

配置config.js文件

在 frontend/src/ 目录下创建 config.js 文件，内容如下：

export const API_URL = "http://127.0.0.1:5000";

以此来配置后端的URL

启动前端开发服务器

在 frontend 目录下运行

 npm start

默认运行在

http://localhost:3000

前端代码主要在app.js和app.css中编辑

启动后端开发服务器

在backend目录下运行以下代码

python app.py

确保 Flask 服务运行在

http://127.0.0.1:5000 

并打印调试信息