构建一个基于 Flask 的图书管理系统需要涵盖后端服务搭建、数据库设计、前端交互以及功能模块的划分。以下是一个详细的实现步骤指南，帮助你完成一个基本但完整的图书管理系统。 ### 1. 环境准备与项目结构 首先，确保你的开发环境中安装了 Python 和 Flask 框架。你可以通过 pip 安装 Flask： ```bash pip install Flask ``` 接着，创建项目的文件结构如下： ``` book_management_system/ │ ├── app.py # 主程序入口 ├── config.py # 配置文件（如数据库连接） ├── models.py # 数据库模型定义 ├── routes.py # 路由逻辑处理 ├── forms.py # 表单验证 ├── templates/ # 存放HTML模板文件 │ ├── index.html │ ├── add_book.html │ └── book_list.html └── static/ # 存放静态资源（CSS、JS、图片等） ├── css/ └── js/ ``` ### 2. 初始化 Flask 应用 在 `app.py` 中初始化 Flask 应用并加载配置： ```python from flask import Flask from config import Config app = Flask(__name__) app.config.from_object(Config) from routes import * ``` ### 3. 数据库配置与模型定义 使用 SQLAlchemy 来操作数据库。在 `config.py` 中设置数据库 URI： ```python import os basedir = os.path.abspath(os.path.dirname(__file__)) SQLALCHEMY_DATABASE_URI = 'sqlite:///' + os.path.join(basedir, 'app.db') SQLALCHEMY_TRACK_MODIFICATIONS = False ``` 在 `models.py` 中定义书籍模型： ```python from flask_sqlalchemy import SQLAlchemy from app import app db = SQLAlchemy(app) class Book(db.Model): id = db.Column(db.Integer, primary_key=True) title = db.Column(db.String(100), nullable=False) author = db.Column(db.String(100), nullable=False) isbn = db.Column(db.String(13), unique=True, nullable=False) def __repr__(self): return f'<Book {self.title}>' ``` 然后，在命令行中运行以下代码创建数据库表： ```python from app import db db.create_all() ``` ### 4. 定义路由与视图函数 在 `routes.py` 中定义处理请求的路由和视图函数： ```python from app import app from flask import render_template, redirect, url_for, request from models import Book from forms import BookForm @app.route('/') def index(): books = Book.query.all() return render_template('index.html', books=books) @app.route('/add', methods=['GET', 'POST']) def add_book(): form = BookForm() if form.validate_on_submit(): new_book = Book(title=form.title.data, author=form.author.data, isbn=form.isbn.data) db.session.add(new_book) db.session.commit() return redirect(url_for('index')) return render_template('add_book.html', form=form) @app.route('/delete/<int:id>') def delete_book(id): book_to_delete = Book.query.get_or_404(id) db.session.delete(book_to_delete) db.session.commit() return redirect(url_for('index')) ``` ### 5. 表单验证 使用 WTForms 进行表单验证，在 `forms.py` 中定义： ```python from flask_wtf import FlaskForm from wtforms import StringField, SubmitField from wtforms.validators import DataRequired, Length class BookForm(FlaskForm): title = StringField('书名', validators=[DataRequired(), Length(max=100)]) author = StringField('作者', validators=[DataRequired(), Length(max=100)]) isbn = StringField('ISBN', validators=[DataRequired(), Length(max=13)]) submit = SubmitField('提交') ``` ### 6. 前端页面设计 在 `templates/` 目录下创建 HTML 文件。例如，`index.html` 展示所有书籍信息： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图书管理系统</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container mt-5"> <h1>图书列表</h1> <a href="{{ url_for('add_book') }}" class="btn btn-primary mb-3">添加新书</a> <table class="table table-bordered"> <thead> <tr> <th>书名</th> <th>作者</th> <th>ISBN</th> <th>操作</th> </tr> </thead> <tbody> {% for book in books %} <tr> <td>{{ book.title }}</td> <td>{{ book.author }}</td> <td>{{ book.isbn }}</td> <td><a href="{{ url_for('delete_book', id=book.id) }}" class="btn btn-danger btn-sm">删除</a></td> </tr> {% endfor %} </tbody> </table> </div> </body> </html> ``` ### 7. 启动应用 最后，在 `app.py` 中加入启动代码： ```python if __name__ == '__main__': app.run(debug=True) ``` 运行应用： ```bash python app.py ``` 访问 `http://localhost:5000` 即可查看图书管理系统的首页。 ###