小惠珠哦

这个屌丝很懒，什么也没留下！

热门标签

Web框架——Flask系列之综合案例——图书管理系统（十）_基于flask 实现图书管理系统课程设计

作者：小惠珠哦 | 2024-07-04 21:13:20

踩

基于flask 实现图书管理系统课程设计

一、知识点:

表单创建
数据库操作
一对多关系演练

二、实现步骤:

创建数据库配置信息,定义模型类
创建数据库表,添加测试数据
编写html页面,展示数据
添加数据
删除书籍,删除作者

三、创建数据库连接信息,定义模型

在这里插入图片描述

from flask import Flask, render_template, redirect, url_for, flash, request
from flask_sqlalchemy import SQLAlchemy
from flask_wtf.csrf import CSRFProtect

app = Flask(__name__)

#开启csrf保护
CSRFProtect(app)

#设置数据库配置信息
app.config['SQLALCHEMY_DATABASE_URI'] = "mysql+pymysql://root:123456@127.0.0.1:3306/library2"
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False #压制警告信息

#创建SQLAlchemy对象,关联app
db = SQLAlchemy(app)

#设置密码
app.config['SECRET_KEY'] = "jfkdjfkdkjf"

#编写模型类
#作者(一方)
class Author(db.Model):
    __tablename__ = 'authors'
    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(64),unique=True)

    #关系属性和反向引用
    books = db.relationship('Book',backref='author')

#书籍(多方)
class Book(db.Model):
    __tablename__ = 'books'
    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(64),unique=True)

    #外键
    author_id = db.Column(db.Integer,db.ForeignKey('authors.id')) #或者是, Author.id




#添加书籍
@app.route('/add_book', methods=['POST'])
def add_book():
    """
    思路分析:
    1.获取参数
    2.校验参数
    3.通过作者名称,查询作者对象
    4.判断作者,判断书籍,进行添加
    5.重定向展示页
    :return:
    """
    # 1.获取参数
    author_name = request.form.get("author")
    book_name = request.form.get("book")

    # 2.校验参数
    if not all([author_name,book_name]):
        return "作者或者书籍为空"

    # 3.通过作者名称,查询作者对象
    author = Author.query.filter(Author.name == author_name).first()  # 有金庸

    # 4.判断作者,判断书籍,进行添加
    # 判断作者是否存在
    if author:

        # 通过书籍名称,查询书籍对象 数据库,古龙写了 天龙八部
        book = Book.query.filter(Book.name == book_name, Book.author_id == author.id).first()

        # 判断书籍是否存在
        if book:
            flash('该作者有该书籍')
        else:
            # 创建书籍对象,添加到数据库
            book = Book(name=book_name, author_id=author.id)
            db.session.add(book)
            db.session.commit()

    else:
        # 创建作者添加到数据库
        author = Author(name=author_name)
        db.session.add(author)
        db.session.commit()

        # 创建书籍添加到数据库
        book = Book(name=book_name, author_id=author.id)
        db.session.add(book)
        db.session.commit()

    # 5.重定向展示页
    return redirect(url_for('show_page'))


#删除书籍
@app.route('/delete_book/<int:book_id>')
def delete_book(book_id):
    #1.根据编号获取书籍对象
    book = Book.query.get(book_id)

    #2.删除书籍
    db.session.delete(book)
    db.session.commit()

    #3.重定向页面展示
    return redirect(url_for('show_page'))

#删除作者
@app.route('/delete_author/<int:author_id>')
def delete_author(author_id):
    #1.通过编号获取作者对象
    author = Author.query.get(author_id)

    #2.删除作者书籍
    for book in author.books:
        db.session.delete(book)

    #3.删除作者对象
    db.session.delete(author)
    db.session.commit()

    #4.重定向展示页面
    return redirect(url_for('show_page'))


if __name__ == '__main__':

    app.run(debug=True)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129

myCode

from flask import Flask,render_template,flash,request
from flask_sqlalchemy import SQLAlchemy

from flask_wtf import FlaskForm
from wtforms import StringField,SubmitField
from wtforms.validators import DataRequired


app = Flask(__name__)

# 数据库配置：数据库地址、关闭自动跟踪修改
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql://root:root@127.0.0.1/flask_books'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
app.secret_key = 'Zep03'

# 创建数据库对象
db = SQLAlchemy(app)


'''
1. 配置数据库
    a.导入SQLAlchemy扩展
    b.创建db对象，并配置参数
    c.通过mysql终端创建数据库
2. 添加书和作者的模型
    a.模型要继承db.Model
    b.__tablaname__:定义表名
    c.db.Column:定义字段名
    d.db.relationship: 关系引用
3. 添加数据
4. 使用模板显示数据库查询的数据
    a.查询所有的作者信息，将信息传递给模板
    b.模板中按照格式，一次for循环作者和书籍即可（作者获取书籍，用的是关系引用）
5. 使用WTF显示表单
    a.自定义表单类
    b.模板中显示
    c.设置secret_key/解决编码问题/csrf_token
6. 实现相关的增删逻辑
    a.增加数据
    
'''


# 定义书和作者模型

# 作者模型
class Author(db.Model):
    # 表名
    __tablename__ = 'authors'
    # 字段名
    id = db.Column(db.Integer,primary_key=True) #作者id
    name = db.Column(db.String(16),unique=True) #作者名name

    # 关系引用
    # books是给Author自己用的,author是给Book模型用的
    books = db.relationship('Book',backref='author')

    def __refr__(self):
        return 'Author: %s ' % self.name

# 书籍模型
class Book(db.Model):
    # 表名
    __tablename__ = 'books'

    # 字段名
    id = db.Column(db.Integer, primary_key=True)  # 书籍的id
    name = db.Column(db.String(16), unique=True)  # 书籍名name
    author_id = db.Column(db.Integer,db.ForeignKey('authors.id'))

    def __refr__(self):
        return 'Book: %s %s ' % self.name,self.author_id

# 自定义表单类
class AuthorForm(FlaskForm):
    author = StringField('作者',validators=[DataRequired()])
    book = StringField('书籍',validators=[DataRequired()])
    submit = SubmitField('提交')




@app.route('/',methods=['GET','POST'])
def index():
    # 创建自定义的表单类
    author_form = AuthorForm()

    '''
    验证逻辑:
    1. 调用WTF的函数实现验证
    2. 验证通过获取数据
    3. 判断作者是否存在
    4. 如果作者存在，判断书籍是否存在，没有重复书籍就添加书籍信息；如果重复就提示错误
    5. 如果作者不存在，添加作者和书籍
    6. 验证不通过就提示错误
    '''
    # 1. 调用WTF的函数实现验证
    if author_form.validate_on_submit():
        # 2. 验证通过获取数据
        author_name =  author_form.author.data
        book_name = author_form.book.data

        # 3. 判断作者是否存在:到数据库中查询
        author = Author.query.filter_by(name = author_name).first()

        # 4. 如果作者存在，
        if author:
            # 判断书籍是否存在，
            book = Book.query.filter_by(name = book_name).first()
            # 如果重复就提示错误
            if book:
                flash('已存在同名书籍！')
            # 没有重复书籍就添加书籍信息；
            else:
                try:
                    new_book = Book(name = book_name,author_id=author.id)
                    db.session.add(new_book)
                    db.session.commit()
                except Exception as e:
                    print(e)
                    flash('添加书籍失败！')
                    db.session.rollback() # 添加失败要进行回滚操作！


        # 5. 如果作者不存在,添加作者和书籍
        else:
            try:
                new_author = Author(name = author_name)
                db.session.add(new_author)
                db.session.commit()

                new_book = Book(name = book_name,author_id = new_author.id)
                db.session.add(new_book)
                db.session.commit()
            except Exception as e:
                print(e)
                flash('添加作者和书籍失败！')
                db.session.rollback()

    else:

        # 6. 验证不通过就提示错误
        if request.method == 'POST':
            flash('参数不全')


    # {查询所有的作者信息，让信息传递给模板 }
    authors = Author.query.all()

    return render_template('books.html',authors= authors,form = author_form)

if __name__ == '__main__':
    db.drop_all()
    db.create_all()

    # 生成数据
    au1 = Author(name='老王')
    au2 = Author(name='老尹')
    au3 = Author(name='老刘')
    # 把数据提交给用户会话
    db.session.add_all([au1, au2, au3])
    # 提交会话
    db.session.commit()

    bk1 = Book(name='老王回忆录', author_id=au1.id)
    bk2 = Book(name='我读书少，你别骗我', author_id=au1.id)
    bk3 = Book(name='如何才能让自己更骚', author_id=au2.id)
    bk4 = Book(name='怎样征服美丽少女', author_id=au3.id)
    bk5 = Book(name='如何征服英俊少男', author_id=au3.id)
    # 把数据提交给用户会话
    db.session.add_all([bk1, bk2, bk3, bk4, bk5])
    # 提交会话
    db.session.commit()

    app.run(debug=True)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175

在这里插入图片描述

四、创建表,添加测试数据

if __name__ == '__main__':

    #为了演示方便,先删除所有表,再创建
    db.drop_all()
    db.create_all()


    #添加测试数据库
    # 生成数据
    au1 = Author(name='老王')
    au2 = Author(name='老尹')
    au3 = Author(name='老刘')
    # 把数据提交给用户会话
    db.session.add_all([au1, au2, au3])
    # 提交会话
    db.session.commit()


    bk1 = Book(name='老王回忆录', author_id=au1.id)
    bk2 = Book(name='我读书少，你别骗我', author_id=au1.id)
    bk3 = Book(name='如何才能让自己更骚', author_id=au2.id)
    bk4 = Book(name='怎样征服美丽少女', author_id=au3.id)
    bk5 = Book(name='如何征服英俊少男', author_id=au3.id)
    # 把数据提交给用户会话
    db.session.add_all([bk1, bk2, bk3, bk4, bk5])
    # 提交会话
    db.session.commit()

    app.run(debug=True)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

五、数据显示&表单添加

后端代码:

#展示页面
@app.route('/')
def show_page():

    #查询数据库
    authors = Author.query.all()

    # 渲染到页面
    return render_template('library.html',authors=authors)
1
2
3
4
5
6
7
8
9

前端代码
创建文件 library.html ,编写以下代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {#注册表单#}
    <form action="/add_book" method="post">

        {# 设置隐藏的csrf_token #}
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

        <p>
        <label>作者</label><input type="text" name="author"><br>
        </p>

        <p>
        <label>书籍</label><input type="text" name="book"><br>
        </p>

        <p>
        <input type="submit" value="添加">
        </p>

        {% for message in get_flashed_messages() %}
            <span style="color: red">{{ message }}</span>
        {% endfor %}

    </form>
    <hr>

    {# 书籍展示 #}
    <h2>书籍展示</h2>
    <ul>
        {% for author in authors %}
            <li>作者: {{ author.name }} <a href="{{ url_for('delete_author',author_id=author.id) }}">删除</a></li><br>
            <ul>
                {% for book in author.books %}
                    <li>书籍: {{ book.name }} <a href="{{ url_for('delete_book',book_id=book.id) }}">删除</a></li><br>
                {% endfor %}
            </ul>
        {% endfor %}
    </ul>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

六、添加数据

添加书籍

@app.route('/add_book', methods=['POST'])
def add_book():
  """
  思路分析:
  1.获取参数
  2.校验参数
  3.通过作者名称,查询作者对象
  4.判断作者,判断书籍,进行添加
  5.重定向展示页
  :return:
  """
  # 1.获取参数
  author_name = request.form.get("author")
  book_name = request.form.get("book")

  # 2.校验参数
  if not all([author_name,book_name]):
      return "作者或者书籍为空"

  # 3.通过作者名称,查询作者对象
  author = Author.query.filter(Author.name == author_name).first()  # 有金庸

  # 4.判断作者,判断书籍,进行添加
  # 判断作者是否存在
  if author:

      # 通过书籍名称,查询书籍对象 数据库,古龙写了 天龙八部
      book = Book.query.filter(Book.name == book_name, Book.author_id == author.id).first()

      # 判断书籍是否存在
      if book:
          flash('该作者有该书籍')
      else:
          # 创建书籍对象,添加到数据库
          book = Book(name=book_name, author_id=author.id)
          db.session.add(book)
          db.session.commit()

  else:
      # 创建作者添加到数据库
      author = Author(name=author_name)
      db.session.add(author)
      db.session.commit()

      # 创建书籍添加到数据库
      book = Book(name=book_name, author_id=author.id)
      db.session.add(book)
      db.session.commit()

  # 5.重定向展示页
  return redirect(url_for('show_page'))
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

七、删除数据

删除书籍

#删除书籍
@app.route('/delete_book/<int:book_id>')
def delete_book(book_id):
    #1.根据编号获取书籍对象
    book = Book.query.get(book_id)

    #2.删除书籍
    db.session.delete(book)
    db.session.commit()

    #3.重定向页面展示
    return redirect(url_for('show_page'))
1
2
3
4
5
6
7
8
9
10
11
12

删除作者

#删除作者
@app.route('/delete_author/<int:author_id>')
def delete_author(author_id):
    #1.通过编号获取作者对象
    author = Author.query.get(author_id)

    #2.删除作者书籍
    for book in author.books:
        db.session.delete(book)

    #3.删除作者对象
    db.session.delete(author)
    db.session.commit()

    #4.重定向展示页面
    return redirect(url_for('show_page'))
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

八、案例完整代码

在这里插入图片描述

Flask_books_project.py文件

from flask import Flask,render_template,flash,request,redirect,url_for
from flask_sqlalchemy import SQLAlchemy

from flask_wtf import FlaskForm
from wtforms import StringField,SubmitField
from wtforms.validators import DataRequired


app = Flask(__name__)

# 数据库配置：数据库地址、关闭自动跟踪修改
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql://root:root@127.0.0.1/flask_books'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
app.secret_key = 'Zep03'

# 创建数据库对象
db = SQLAlchemy(app)


'''
1. 配置数据库
    a.导入SQLAlchemy扩展
    b.创建db对象，并配置参数
    c.通过mysql终端创建数据库
2. 添加书和作者的模型
    a.模型要继承db.Model
    b.__tablaname__:定义表名
    c.db.Column:定义字段名
    d.db.relationship: 关系引用
3. 添加数据
4. 使用模板显示数据库查询的数据
    a.查询所有的作者信息，将信息传递给模板
    b.模板中按照格式，一次for循环作者和书籍即可（作者获取书籍，用的是关系引用）
5. 使用WTF显示表单
    a.自定义表单类
    b.模板中显示
    c.设置secret_key/解决编码问题/csrf_token
6. 实现相关的增删逻辑
    a.增加数据
    b.删除书籍——》网页中删除——》点击需要发送书籍的ID给删除书籍的路由——》路由需要接收参数
    url_for的使用 / for else的使用 / redirect的使用
    c.删除作者
    
'''


# 定义书和作者模型

# 作者模型
class Author(db.Model):
    # 表名
    __tablename__ = 'authors'
    # 字段名
    id = db.Column(db.Integer,primary_key=True) #作者id
    name = db.Column(db.String(16),unique=True) #作者名name

    # 关系引用
    # books是给Author自己用的,author是给Book模型用的
    books = db.relationship('Book',backref='author')

    def __refr__(self):
        return 'Author: %s ' % self.name

# 书籍模型
class Book(db.Model):
    # 表名
    __tablename__ = 'books'

    # 字段名
    id = db.Column(db.Integer, primary_key=True)  # 书籍的id
    name = db.Column(db.String(16), unique=True)  # 书籍名name
    author_id = db.Column(db.Integer,db.ForeignKey('authors.id'))

    def __refr__(self):
        return 'Book: %s %s ' % self.name,self.author_id

# 自定义表单类
class AuthorForm(FlaskForm):
    author = StringField('作者',validators=[DataRequired()])
    book = StringField('书籍',validators=[DataRequired()])
    submit = SubmitField('提交')

@app.route('/delete_author/<author_id>')
def delete_author(author_id):
    # 查询数据库，是否有该ID的作者，如果有就删除（先删书，再删作者），没有就提示错误
    # 1.查询数据库，
    author = Author.query.get(author_id)
    # 2.如果有就删除（先删书，再删作者）
    if author:
        try:
            # 查询之后直接删除
            Book.query.filter_by(author_id = author_id).delete()
            # 删除作者
            db.session.delete(author)
            db.session.commit()

        except Exception as e:
            print(e)
            flash('删除书籍出错！！！')
            db.session.rollback()
            # 3.没有就提示错误
    else:
        flash('作者找不到~')
    return redirect(url_for('index'))



@app.route('/delete_book/<book_id>')
def delete_book(book_id):
    # 1. 查询数据库，是否有该ID的书，
    book = Book.query.get(book_id)
    # 2.如果有就删除，
    if book:
        try:
            db.session.delete(book)
            db.session.commit()
        except Exception as e:
            print(e)
            flash('删除书籍出错！！！')
            db.session.rollback()
    # 3.没有就提示错误
    else:
        flash('书籍找不到~')



    # 如何返回当前网址——》重定向
    # return redirect('www.baidu.com')
    # redirect():重定向，需要传入网址/路由地址
    # url_for():需要传入视图函数名，返回该视图函数对应的路由地址
    print(url_for('index'))
    return redirect(url_for('index'))





@app.route('/',methods=['GET','POST'])
def index():
    # 创建自定义的表单类
    author_form = AuthorForm()

    '''
    验证逻辑:
    1. 调用WTF的函数实现验证
    2. 验证通过获取数据
    3. 判断作者是否存在
    4. 如果作者存在，判断书籍是否存在，没有重复书籍就添加书籍信息；如果重复就提示错误
    5. 如果作者不存在，添加作者和书籍
    6. 验证不通过就提示错误
    '''
    # 1. 调用WTF的函数实现验证
    if author_form.validate_on_submit():
        # 2. 验证通过获取数据
        author_name =  author_form.author.data
        book_name = author_form.book.data

        # 3. 判断作者是否存在:到数据库中查询
        author = Author.query.filter_by(name = author_name).first()

        # 4. 如果作者存在，
        if author:
            # 判断书籍是否存在，
            book = Book.query.filter_by(name = book_name).first()
            # 如果重复就提示错误
            if book:
                flash('已存在同名书籍！')
            # 没有重复书籍就添加书籍信息；
            else:
                try:
                    new_book = Book(name = book_name,author_id=author.id)
                    db.session.add(new_book)
                    db.session.commit()
                except Exception as e:
                    print(e)
                    flash('添加书籍失败！')
                    db.session.rollback() # 添加失败要进行回滚操作！


        # 5. 如果作者不存在,添加作者和书籍
        else:
            try:
                new_author = Author(name = author_name)
                db.session.add(new_author)
                db.session.commit()

                new_book = Book(name = book_name,author_id = new_author.id)
                db.session.add(new_book)
                db.session.commit()
            except Exception as e:
                print(e)
                flash('添加作者和书籍失败！')
                db.session.rollback()

    else:

        # 6. 验证不通过就提示错误
        if request.method == 'POST':
            flash('参数不全')


    # {查询所有的作者信息，让信息传递给模板 }
    authors = Author.query.all()

    return render_template('books.html',authors= authors,form = author_form)

if __name__ == '__main__':
    db.drop_all()
    db.create_all()

    # 生成数据
    au1 = Author(name='老王')
    au2 = Author(name='老尹')
    au3 = Author(name='老刘')
    # 把数据提交给用户会话
    db.session.add_all([au1, au2, au3])
    # 提交会话
    db.session.commit()

    bk1 = Book(name='老王回忆录', author_id=au1.id)
    bk2 = Book(name='我读书少，你别骗我', author_id=au1.id)
    bk3 = Book(name='如何才能让自己更骚', author_id=au2.id)
    bk4 = Book(name='怎样征服美丽少女', author_id=au3.id)
    bk5 = Book(name='如何征服英俊少男', author_id=au3.id)
    # 把数据提交给用户会话
    db.session.add_all([bk1, bk2, bk3, bk4, bk5])
    # 提交会话
    db.session.commit()

    app.run(debug=True)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230

books.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书管理</title>
</head>
<body>
    <form method="post">
        {{ form.csrf_token() }}
        {{ form.author.label }} {{ form.author }} <br>
        {{ form.book.label }} {{ form.book }} <br>
        {{ form.submit }} <br>
    </form>

<!--    显示消息闪现的内容-->
    {% for message in get_flashed_messages() %}
        {{message}}
    {% endfor %}

    <hr>

<!--    先遍历作者，然后在作者里遍历书籍-->
    <ul>
        {% for author in authors %}
        <li>{{author.name}} <a href="{{url_for('delete_author', author_id = author.id)}}">删除</a></li>

        <ul>
            {% for book in author.books %}
                <li>{{book.name}} <a href="{{url_for('delete_book', book_id = book.id)}}">删除</a></li>
            {% else %}
                <li>无</li>
            {% endfor %}
        </ul>
        {% endfor %}
    </ul>

</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

第一种删除书籍的实现方法(通过post请求来实现)

myCode

from flask import Flask,render_template,request,redirect,url_for,jsonify
from flask_sqlalchemy import SQLAlchemy
from flask_wtf import FlaskForm
from wtforms import StringField,SubmitField
from wtforms.validators import DataRequired
import json
app = Flask(__name__)


class Config(object):
    '''配置参数'''
    # 数据库sqlAlchemy的配置参数,数据库链接地址
    SQLALCHEMY_DATABASE_URI = "mysql://root:root@127.0.0.1:3306/author_book_py04"

    # 动态追踪修改设置，如未设置只会提示警告
    SQLALCHEMY_TRACK_MODIFICATIONS = True

    SECRET_KEY = "JDIOGDKFNKXNCV12345D4FSDFS"


app.config.from_object(Config)

db = SQLAlchemy(app)

# 定义数据库的模型
class Author(db.Model):
    '''作者表'''
    __tablename__ = "tbl_authors"

    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(32),unique=True)

    books = db.relationship("Book",backref = "author")


class Book(db.Model):
    '''作者表'''
    __tablename__ = "tbl_books"

    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(64),unique=True)

    author_id = db.Column(db.Integer,db.ForeignKey('tbl_authors.id'))


# 创建表单模型类
class AuthorBookForm(FlaskForm):
    '''作者书籍表单模型类'''
    author_name = StringField(label="作者：",validators=[DataRequired("作者必填！")])
    book_name = StringField(label="书名：",validators=[DataRequired("书名必填！")])
    submit = SubmitField(label="保存")

@app.route("/index",methods=["GET","POST"])
def index():
    # 创建表单对象
    form = AuthorBookForm()

    # 验证表单成功
    if form.validate_on_submit():
        author_name = form.author_name.data
        book_name = form.book_name.data

        # 保存到数据库
        author = Author(name=author_name)
        db.session.add(author)
        db.session.commit()

        book = Book(name=book_name,author_id=author.id)
        # book = Book(name=book_name,author=author)
        db.session.add(book)
        db.session.commit()

    # 查询数据库
    author_li = Author.query.all()
    return render_template("author_book.html",authors = author_li,form=form)


# 约定前端传过来的数据格式：
# post  /delete_book  json
# {"book_id":xxx}

# 删除书籍
@app.route("/delete_book",methods=["POST"])
def delete_book():
    # 提取参数
    # 如果前端发送的请求体数据是json格式，
    # get_json会解析成字典格式
    # 前提：要求前端传送的数据的
    # Content-Type:application/json
    req_dict = request.get_json()
    # 将json格式字符串转换为python中的字典
    # json.loads(req_data)

    book_id = req_dict.get("book_id")

    # 删除数据
    book = Book.query.get(book_id)
    db.session.delete(book)
    db.session.commit()

    # "Content-Typel":"application/json"
    return jsonify(code=0,message="OK")



if __name__ == '__main__':
    db.drop_all()
    db.create_all()
    # 生成数据
    au_xi = Author(name='我吃西红柿')
    au_qian = Author(name='萧潜')
    au_san = Author(name='唐家三少')
    db.session.add_all([au_xi,au_qian,au_san])
    db.session.commit()


    bk_xi = Book(name='吞噬星空',author_id=au_xi.id)
    bk_xi2 = Book(name='寸芒',author_id=au_qian.id)
    bk_qian = Book(name='飘渺之旅',author_id=au_qian.id)
    bk_san = Book(name='冰火魔厨',author_id=au_san.id)
    db.session.add_all([bk_xi,bk_xi2,bk_qian,bk_san])
    db.session.commit()
    app.run(debug=True)


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <form method="post">
        {{form.csrf_token}}

        {{form.author_name.label}}
        <p>{{form.author_name}}</p>
        {% for msg in form.author_name.errors %}
            <p>{{msg}}</p>
        {% endfor %}

        {{form.book_name.label}}
        <p>{{form.book_name}}</p>
        {% for msg in form.book_name.errors %}
            <p>{{msg}}</p>
        {% endfor %}

        {{form.submit}}



    </form>
    <hr>
    <ul>
        {% for author in authors %}
        <li>作者：{{author.name}}</li>
        <ul>
            {% for book in author.books %}
            <li>书籍：{{book.name}}</li>
            <a href="javascript:;"  book-id="{{book.id}}">删除</a>
            {% endfor %}
        </ul>

        {% endfor %}
    </ul>
    <script src="../static/js/jquery-3.5.0.js"></script>
    <script>

        $("a").click(function () {
            var data = {
                book_id:$(this).attr("book-id")
            };
            // # 将上面data字典格式的数据转换为json字符串格式
            var req_json = JSON.stringify(data)

            // $.post("/delete_book",req_json,function (resp) {
            //     if (resp.code ==0) {
            //         location.href = "/index";
            //     }
            // },"json")
            $.ajax({
                url:"/delete_book", //请求的后端url
                type:"post", //请求方式
                data:req_json, // 向后端发送的请求体数据
                contentType:"application/json", //指明向后端发送的数据格式
                dataType:"json", // 指明后端返回的数据格式为json
                success:function (resp) {
                    if (resp.code == 0) {
                        alert("ok")
                        location.href = "/index";
                    }
                }
            })
        })
    </script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73

在这里插入图片描述
重点解读：

第二种删除书籍的实现方法(通过get请求来实现)

myCode

from flask import Flask,render_template,request,redirect,url_for,jsonify
from flask_sqlalchemy import SQLAlchemy
from flask_wtf import FlaskForm
from wtforms import StringField,SubmitField
from wtforms.validators import DataRequired
import json
app = Flask(__name__)


class Config(object):
    '''配置参数'''
    # 数据库sqlAlchemy的配置参数,数据库链接地址
    SQLALCHEMY_DATABASE_URI = "mysql://root:root@127.0.0.1:3306/author_book_py04"

    # 动态追踪修改设置，如未设置只会提示警告
    SQLALCHEMY_TRACK_MODIFICATIONS = True

    SECRET_KEY = "JDIOGDKFNKXNCV12345D4FSDFS"


app.config.from_object(Config)

db = SQLAlchemy(app)

# 定义数据库的模型
class Author(db.Model):
    '''作者表'''
    __tablename__ = "tbl_authors"

    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(32),unique=True)

    books = db.relationship("Book",backref = "author")


class Book(db.Model):
    '''作者表'''
    __tablename__ = "tbl_books"

    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(64),unique=True)

    author_id = db.Column(db.Integer,db.ForeignKey('tbl_authors.id'))


# 创建表单模型类
class AuthorBookForm(FlaskForm):
    '''作者书籍表单模型类'''
    author_name = StringField(label="作者：",validators=[DataRequired("作者必填！")])
    book_name = StringField(label="书名：",validators=[DataRequired("书名必填！")])
    submit = SubmitField(label="保存")

@app.route("/index",methods=["GET","POST"])
def index():
    # 创建表单对象
    form = AuthorBookForm()

    # 验证表单成功
    if form.validate_on_submit():
        author_name = form.author_name.data
        book_name = form.book_name.data

        # 保存到数据库
        author = Author(name=author_name)
        db.session.add(author)
        db.session.commit()

        book = Book(name=book_name,author_id=author.id)
        # book = Book(name=book_name,author=author)
        db.session.add(book)
        db.session.commit()

    # 查询数据库
    author_li = Author.query.all()
    return render_template("author_book.html",authors = author_li,form=form)


# 约定前端传过来的数据格式：
# post  /delete_book  json
# {"book_id":xxx}

# # 删除书籍
# @app.route("/delete_book",methods=["POST"])
# def delete_book():
#     # 提取参数
#     # 如果前端发送的请求体数据是json格式，
#     # get_json会解析成字典格式
#     # 前提：要求前端传送的数据的
#     # Content-Type:application/json
#     req_dict = request.get_json()
#     # 将json格式字符串转换为python中的字典
#     # json.loads(req_data)
#
#     book_id = req_dict.get("book_id")
#
#     # 删除数据
#     book = Book.query.get(book_id)
#     db.session.delete(book)
#     db.session.commit()
#
#     # "Content-Typel":"application/json"
#     return jsonify(code=0,message="OK")
#



# 删除书籍
@app.route("/delete_book",methods=["GET"])
def delete_book():
    book_id = request.args.get("book_id")

    # 删除数据
    book = Book.query.get(book_id)
    db.session.delete(book)
    db.session.commit()


    return redirect(url_for("index"))



if __name__ == '__main__':
    db.drop_all()
    db.create_all()
    # 生成数据
    au_xi = Author(name='我吃西红柿')
    au_qian = Author(name='萧潜')
    au_san = Author(name='唐家三少')
    db.session.add_all([au_xi,au_qian,au_san])
    db.session.commit()


    bk_xi = Book(name='吞噬星空',author_id=au_xi.id)
    bk_xi2 = Book(name='寸芒',author_id=au_qian.id)
    bk_qian = Book(name='飘渺之旅',author_id=au_qian.id)
    bk_san = Book(name='冰火魔厨',author_id=au_san.id)
    db.session.add_all([bk_xi,bk_xi2,bk_qian,bk_san])
    db.session.commit()
    app.run(debug=True)


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <form method="post">
        {{form.csrf_token}}

        {{form.author_name.label}}
        <p>{{form.author_name}}</p>
        {% for msg in form.author_name.errors %}
            <p>{{msg}}</p>
        {% endfor %}

        {{form.book_name.label}}
        <p>{{form.book_name}}</p>
        {% for msg in form.book_name.errors %}
            <p>{{msg}}</p>
        {% endfor %}

        {{form.submit}}
    </form>
    <hr>
    <ul>
        {% for author in authors %}
        <li>作者：{{author.name}}</li>
        <ul>
            {% for book in author.books %}
            <li>书籍：{{book.name}}</li>
<!--            <a href="javascript:;"  book-id="{{book.id}}">删除</a>-->
            <a href="/delete_book?book_id={{book.id}}" >GET删除</a>
            {% endfor %}
        </ul>

        {% endfor %}
    </ul>
    <script src="../static/js/jquery-3.5.0.js"></script>
    <script>

        // $("a").click(function () {
        //     var data = {
        //         book_id:$(this).attr("book-id")
        //     };
        //     // # 将上面data字典格式的数据转换为json字符串格式
        //     var req_json = JSON.stringify(data)
        //
        //     // $.post("/delete_book",req_json,function (resp) {
        //     //     if (resp.code ==0) {
        //     //         location.href = "/index";
        //     //     }
        //     // },"json")
        //     $.ajax({
        //         url:"/delete_book", //请求的后端url
        //         type:"post", //请求方式
        //         data:req_json, // 向后端发送的请求体数据
        //         contentType:"application/json", //指明向后端发送的数据格式
        //         dataType:"json", // 指明后端返回的数据格式为json
        //         success:function (resp) {
        //             if (resp.code == 0) {
        //                 alert("ok")
        //                 location.href = "/index";
        //             }
        //         }
        //     })
        // })
    </script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

重点解读：
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小惠珠哦/article/detail/788251

Web框架——Flask系列之综合案例——图书管理系统（十）_基于flask 实现图书管理系统 课程设计

一、知识点:

二、实现步骤:

三、创建数据库连接信息,定义模型

四、创建表,添加测试数据

五、数据显示&表单添加

六、添加数据

七、删除数据

八、案例完整代码

第一种 删除书籍的实现方法(通过post请求来实现)

第二种 删除书籍的实现方法(通过get请求来实现)

Web框架——Flask系列之综合案例——图书管理系统（十）_基于flask 实现图书管理系统课程设计

第一种删除书籍的实现方法(通过post请求来实现)

第二种删除书籍的实现方法(通过get请求来实现)