python使用 flask+vue 制作前后端分离图书信息管理系统

前言

大家早好、午好、晚好吖 ❤ ~欢迎光临本文章

制作前后端分离图书信息管理系统的思路：

1. 前端部分

   首先，我们可以使用 VueJS 作为前端框架，并通过 Vue CLI 工具进行创建和管理项目。

2. 后端部分

   后端部分我们可以采用 Python Flask 框架,这个框架是一个轻量级的Web框架，十分适合快速开发API接口。

3. 前端和后端交互

   前后端的交互可以采用 Restful API 设计的方式进行，例如创建一个图书列表接口，前端只需要发送一个 GET 请求给后端，后端通过查询数据库，返回 JSON 格式的数据给前端。

4. 数据库

   为了方便管理图书信息，我们可以使用关系型数据库 MySQL 存储和管理相关数据。

5. 部署

   可以使用 Docker 将前后端应用部署在同一个容器内，或者使用 CI/CD 工具将前后端应用分别部署在不同的服务器上。

总的来说，通过使用以上技术栈，我们就可以实现一个前后端分离的图书信息管理系统。

效果展示

---

👇 👇 👇 更多精彩机密、教程，尽在下方，赶紧点击了解吧~

素材、视频教程、完整代码、插件安装教程我都准备好了，直接在文末名片自取就可

---

后端部分

flask: https://flask.palletsprojects.com/en/2.1.x/

flask-sqlalchemy: https://flask-sqlalchemy.palletsprojects.com/en/2.x/

flask-cors: https://flask-cors.readthedocs.io/en/latest/

flask 快速上手

from flask import Flask, request
app = Flask(__name__)
@app.route('/')
def hello_world(): # put application's code here
return 'Welcome Books!'

数据库部分

# -*- coding: utf-8 -*-
from extension import db
class Book(db.Model):
__tablename__ = 'book'
# 完整源码文档：加V:pytho8987免费获取，验证记得备注“777”
id = db.Column(db.Integer, primary_key=True, autoincrement=True)
book_number = db.Column(db.String(255), nullable=False)
book_name = db.Column(db.String(255), nullable=False)
book_type = db.Column(db.String(255), nullable=False)
book_prize = db.Column(db.Float, nullable=False)
author = db.Column(db.String(255))
book_publisher = db.Column(db.String(255))
@staticmethod
def init_db():
rets = [
(1, '001', '活着', '小说', 39.9, '余华', '某某出版社'),
(2, '002', '三体', '科幻', 99.8, '刘慈欣', '重庆出版社')
]
for ret in rets:
book = Book()
book.id = ret[0]
book.book_number = ret[1]
book.book_name = ret[2]
book.book_type = ret[3]
book.book_prize = ret[4]
book.author = ret[5]
book.book_publisher = ret[6]
db.session.add(book)
db.session.commit()

使用之前需要 flask create 初始化一下数据

接口部分

RESTful API 最佳实践(阮一峰) : https://www.ruanyifeng.com/blog/2018/10/restful-api-best-practice
s.html

Method Views for APIs: https://flask.palletsprojects.com/en/2.1.x/views/#method-views-for-apis

from flask import Flask, request
from flask_cors import CORS
from flask.views import MethodView
from extension import<