编写项目基本架构
广告
{{v.name}}
📋 原始需求（task.md）：
本项目是一个二维码项目，该项目旨在用前端生成二维码，后端提供短链接和二维码图片的下载服务。以下是该项目的基本架构和实现步骤： 1. **项目概述** - **目的**：该项目旨在提供一个二维码生成和管理的平台，用户可以通过前端界面输入文本，用js库生成对应的二维码，还可以将文本保存到数据库中。同时，后端负责处理短链接的创建和管理，并提供二维码图片的下载服务。 2. **技术栈** - **后端**：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。 - **数据库**：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_qrcode数据库,如果数据库不存在则创建。 - **前端**：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页有输入框和二维码预览区域，只要输入框中的内容非空且产生变化，就用vue的监听和js库（不需要自己实现，用cdn引入一个js库即可）来动态产生预览二维码，用户可以点击"生成短链接"按钮生成短链接。admin.html是后台管理页面，用于管理短链接。硬编码的管理员账户是admin/123456。 必须实现的模块： - 编写api.py文件 - 创建数据库 - 编写前端页面
本项目是一个二维码项目，该项目旨在用前端生成二维码，后端提供短链接和二维码图片的下载服务。以下是该项目的基本架构和实现步骤： 1. **项目概述** - **目的**：该项目旨在提供一个二维码生成和管理的平台，用户可以通过前端界面输入文本，用js库生成对应的二维码，还可以将文本保存到数据库中。同时，后端负责处理短链接的创建和管理，并提供二维码图片的下载服务。 2. **技术栈** - **后端**：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。 - **数据库**：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_qrcode数据库,如果数据库不存在则创建。 - **前端**：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页有输入框和二维码预览区域，只要输入框中的内容非空且产生变化，就用vue的监听和js库（不需要自己实现，用cdn引入一个js库即可）来动态产生预览二维码，用户可以点击"生成短链接"按钮生成短链接。admin.html是后台管理页面，用于管理短链接。硬编码的管理员账户是admin/123456。 必须实现的模块： - 编写api.py文件 - 创建数据库 - 编写前端页面
本项目是一个二维码项目，旨在用前端生成二维码，后端提供短链接和二维码图片的下载服务；单管理员（硬编码 admin/123456），不涉及多用户。
技术栈
- 后端：Python + FastAPI，接口写在 api.py，端口 8030
- 数据库：MySQL (localhost:3306)，SQLAlchemy ORM，数据库 cnoctave_qrcode（不存在则创建）
- 前端：Vue 3 CDN + axios（http://localhost:8030）。index.html 主页（输入框+二维码预览+生成短链接）；admin.html 后台（管理短链接）
必须实现的模块
- 编写 api.py（FastAPI 后端 + 数据库初始化 + 短链接/二维码增删改查接口）
- 创建数据库 cnoctave_qrcode，设计短链接表与二维码表
- 编写 index.html / admin.html 前端页面
