编写项目基本架构
广告
{{v.name}}
📋 原始需求（task.md）：
本项目是一个笔记项目，该项目旨在创建笔记、编辑笔记、查看笔记、查看笔记列表。以下是该项目的基本架构和实现步骤： 1. **项目概述** - **目的**：创建一个简单的笔记应用，用户可以创建、编辑和查看自己的笔记，仅供自己使用，不涉及登录。 2. **技术栈** - **后端**：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。 - **数据库**：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_note数据库,如果数据库不存在则创建。 - **前端**：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页显示笔记列表，点击笔记列表中的每一项可以查看详情，页面中还要增加一个导航按钮，用于跳转到写笔记的页面。detail.html是写笔记的页面，写笔记的页面可以创建新的笔记，也可以编辑现有的笔记。在创建新的笔记时，需要填写标题和内容。需要在页面中区分开是创建还是编辑。在写笔记的页面中，有一个按钮用于提交新的笔记或更新现有的笔记。笔记支持图片上传、图片预览、选择已有图片，支持图片在笔记中显示。 必须实现的模块： - 编写api.py文件 - 创建数据库 - 编写前端页面
本项目是一个笔记项目，该项目旨在创建笔记、编辑笔记、查看笔记、查看笔记列表。以下是该项目的基本架构和实现步骤： 1. **项目概述** - **目的**：创建一个简单的笔记应用，用户可以创建、编辑和查看自己的笔记，仅供自己使用，不涉及登录。 2. **技术栈** - **后端**：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。 - **数据库**：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_note数据库,如果数据库不存在则创建。 - **前端**：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页显示笔记列表，点击笔记列表中的每一项可以查看详情，页面中还要增加一个导航按钮，用于跳转到写笔记的页面。detail.html是写笔记的页面，写笔记的页面可以创建新的笔记，也可以编辑现有的笔记。在创建新的笔记时，需要填写标题和内容。需要在页面中区分开是创建还是编辑。在写笔记的页面中，有一个按钮用于提交新的笔记或更新现有的笔记。笔记支持图片上传、图片预览、选择已有图片，支持图片在笔记中显示。 必须实现的模块： - 编写api.py文件 - 创建数据库 - 编写前端页面
本项目是一个笔记项目，用户可以创建笔记、编辑笔记、查看笔记、查看笔记列表，仅供自己使用，不涉及登录。
技术栈
- 后端：Python + FastAPI，api.py 文件，端口 8030
- 数据库：MySQL (localhost:3306)，SQLAlchemy ORM，数据库 cnoctave_note
- 前端：Vue 3 CDN，axios 数据请求，index.html 主页 + detail.html 写笔记页
必须实现的模块
- 编写 api.py 文件（FastAPI 后端 + 数据库初始化 + 笔记增删改查/图片接口）
- 创建数据库 cnoctave_note，设计 notes 表（含标题、内容、图片等字段）
- 编写 index.html（笔记列表 + 详情查看 + 跳转写笔记）与 detail.html（创建/编辑笔记 + 图片上传预览）
