当前位置： 首页 > article >正文

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

article 2025/3/19 20:20:28

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

服务外包前后端/
├── 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

在这里插入图片描述

启动后端开发服务器

在backend目录下运行以下代码

python app.py

确保 Flask 服务运行在

http://127.0.0.1:5000

并打印调试信息
在这里插入图片描述


http://www.kler.cn/a/591607.html

相关文章：

  • docker 安装mysql
  • win10搭建opengl环境搭建并测试--输出立方体球体和碗型并在球体上贴图
  • 前端项目打包构建优化
  • vue3+antd+a-menu配置
  • 防止用户调试网页的若干方法
  • 数据结构 -- 树和二叉树
  • 从盒马看新零售：战略调整背后的零售行业风向-亿发
  • kafka指北
  • 快速进行数据验证的优雅实现-注解
  • 从PLC到云端：5G嵌入式网关的MQTT协议转换与Ubuntu二次开发全解析
  • VLLM：虚拟大型语言模型（Virtual Large Language Model）
  • AI Agent如何通过自然语言处理提升交互体验
  • 【图像处理】ISP(Image Signal Processor) 图像处理器的用途和工作原理？
  • 机器学习 [白板推导]（二）[线性回归]
  • 【Go】运算符笔记
  • 安装并使用anaconda(宏观版)
  • HTML,CSS,JavaScript
  • 微服务即时通信系统---（五）框架学习
  • 解决Spring Boot中Chrome浏览器Session ID频繁变动的问题
  • 基于 ELK、Python、OLaMA 和飞书群的 AI 自动化巡检方案