编写项目基本架构
广告
{{v.name}}
📋 原始需求（task.md）：
本项目是一个科研绘图项目，该项目旨在通过在前端输入一行或多行、一列或多列数据，通过js库生成柱状图、折线图、饼图等图表，并通过后端存储数据和图片。以下是该项目的基本架构和实现步骤： 1. **项目概述** - **目的**：通过前端输入数据，生成图表，并通过后端存储这些数据和生成的图片。 2. **技术栈** - **后端**：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。 - **数据库**：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_scientific_research_draw数据库,如果数据库不存在则创建。 - **前端**：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页是查看历史绘图记录的页面。主页的右上角有一个按钮，点击后跳转到绘图页面。draw.html是绘图页面，允许用户输入一行或多行、一列或多列数据，并选择图表类型进行绘制。绘制图标使用echarts库。绘图的结果自动变化，不设置绘图按钮。设置保存按钮，点击保存按钮后先将生成的图片上传，再将数据和上传后的图片文件名存储到数据库中。 必须实现的模块： - 编写api.py文件 - 创建数据库 - 编写前端页面
本项目是一个科研绘图项目，该项目旨在通过在前端输入一行或多行、一列或多列数据，通过js库生成柱状图、折线图、饼图等图表，并通过后端存储数据和图片。以下是该项目的基本架构和实现步骤： 1. **项目概述** - **目的**：通过前端输入数据，生成图表，并通过后端存储这些数据和生成的图片。 2. **技术栈** - **后端**：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。 - **数据库**：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_scientific_research_draw数据库,如果数据库不存在则创建。 - **前端**：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页是查看历史绘图记录的页面。主页的右上角有一个按钮，点击后跳转到绘图页面。draw.html是绘图页面，允许用户输入一行或多行、一列或多列数据，并选择图表类型进行绘制。绘制图标使用echarts库。绘图的结果自动变化，不设置绘图按钮。设置保存按钮，点击保存按钮后先将生成的图片上传，再将数据和上传后的图片文件名存储到数据库中。 必须实现的模块： - 编写api.py文件 - 创建数据库 - 编写前端页面
本项目是一个科研绘图项目，旨在通过前端输入一行或多行、一列或多列数据，用echarts库生成柱状图、折线图、饼图等图表，并通过FastAPI后端存储数据和生成的图片。
技术栈
- 后端：Python + FastAPI，接口写在 api.py，端口 8030
- 数据库：MySQL (localhost:3306)，SQLAlchemy ORM，数据库 cnoctave_scientific_research_draw（不存在则创建）
- 前端：Vue 3 CDN + axios（http://localhost:8030）。index.html 主页（查看历史绘图记录+跳转绘图页）；draw.html 绘图页（数据输入+echarts绘图+保存）
必须实现的模块
- 编写 api.py（FastAPI 后端 + 数据库初始化 + 图表数据/图片增删改查接口）
- 创建数据库 cnoctave_scientific_research_draw，设计图表数据表与图片表
- 编写 index.html / draw.html 前端页面
