# book_management_system

**Repository Path**: pickcherries/book_management_system

## Basic Information

- **Project Name**: book_management_system
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-17
- **Last Updated**: 2026-05-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 图书管理系统

一个极简的全栈实践项目，用于理解前后端交互、RESTful API 设计和解决跨域问题。

## 功能

- 查看图书列表
- 添加新图书
- 删除图书

## 技术栈

| 层 | 技术 |
| --- | --- |
| 前端 | HTML5 + CSS3 + JavaScript (ES6) |
| 后端 | Python Flask |
| 数据库 | SQLite |
| 接口 | RESTful API |

## 环境要求

- Python 3.8+
- pip

## 如何运行

### 步骤1：进入项目目录

cd 你的项目路径/my_web_demo

### 步骤2：安装后端依赖

pip install flask flask-cors

### 步骤3：启动后端服务器

python app.py

终端会显示：Running on http://127.0.0.1:5000

保持这个终端窗口打开，不要关闭。

### 步骤4：启动前端页面

方式一（推荐）：VS Code Live Server
1. 用 VS Code 打开项目文件夹
2. 右键点击 index.html
3. 选择 Open with Live Server

方式二：Python 简易服务器
另开一个终端，执行：
python -m http.server 8000
然后在浏览器访问 http://localhost:8000

### 步骤5：开始使用

- 打开前端页面后，会显示已有图书列表
- 输入书名和作者，点击添加图书
- 点击每本书旁的删除按钮可以删除

## API 接口

| 方法 | 路径 | 说明 |
| --- | --- | --- |
| GET | /api/books | 获取所有图书 |
| POST | /api/books | 添加图书 |
| DELETE | /api/books/{id} | 删除图书 |

## 项目结构

my_web_demo/
├── app.py          # Flask 后端
├── index.html      # 前端页面
├── books.db        # SQLite 数据库
└── README.md       # 项目说明

## 学到的知识点

- Flask 路由和 API 设计
- SQLite 数据库操作
- 前端 fetch 发起 HTTP 请求
- CORS 跨域问题及解决方案
- 前后端分离的开发模式

## 遇到的问题及解决

问题：前端（端口 5500）和后端（端口 5000）不同源，浏览器报 CORS 错误

解决：后端安装 flask-cors，添加 CORS(app) 允许跨域请求

## 作者

张宇婷 - 湖南大学 计算机科学与技术 2023级

项目地址：https://gitee.com/pickcherries/book_management_system