当前位置：首页 > news >正文

基于flask+bootstrap+echarts+mysql的鱼村小馆订餐后台管理系统

news 2025/7/30 12:04:42

📋 个人简介

💖 作者简介：大家好，我是阿牛，全栈领域优质创作者。😜
📝 个人主页：馆主阿牛🔥
🎉 支持我：点赞👍+收藏⭐️+留言📝
📣 系列专栏：项目🍁
💬格言：要成为光，因为有怕黑的人！🔥

- 📋 个人简介
🍎前言
- 🍓项目展示
- 🍓关于项目“鱼村小馆订餐后台管理系统”的说明
- 🍓项目目录的说明
- 🍓项目数据库表
- 🍓项目特点介绍
- 🍓项目部分代码
- 🍓项目数据库迁移操作与项目启动操作
- 🍓源码获取
🍎结语

🍎前言

flask专栏已经很久没更新了，对于这个专栏我设置为付费是因为我对flask项目的搭建是有着自己的一套理解的，而且对于后面的这些项目，我都会放在项目专栏中，也就是说对于这些项目的介绍，我都会放在项目专栏中，感兴趣的可以免费看！最近又在做一个flask项目，后面会将用到的知识总结在这个专栏中，可以说的是这个正在做的项目比前面做的几个绝对要好，静静等待吧！在此之前我要在本篇博客中将之前没有总结的项目“鱼村小馆订餐后台管理系统”总结一下！

🍓项目展示

文末获取源码，这里展示效果：
在这里插入图片描述

在这里插入图片描述

🍓关于项目“鱼村小馆订餐后台管理系统”的说明

这个项目是十分初级与简单的一个后台管理系统，主要复杂在他的数据库表比较多，因此数据库表之间的关系比较麻烦，并且当时时间有限，我就没有去做这个项目的前台部分，也就是点餐操作，但是作为一个点餐项目的后台系统绝对是没有问题的，可以在此基础上完善前台，至于前台则可以是小程序，可以是网站等都可以，除了数据库表前台程序需要，可以说整个后台完全是独立的！

🍓项目目录的说明

在这里插入图片描述
后台有仪表盘，账号管理，菜品和菜品分类管理，会员管理，财务管理以及统计管理。

🍓项目数据库表

这个项目的数据库表还是比较多的，其中有些关系也要搞明白，像菜品表和菜品分类表的关系，订单表和订单详情表的关系等等，都是数据库学习当中比较普遍的关系，这里我不在多说！
项目的数据库表如下图所示：

在这里插入图片描述
这里放几个model类：

User(管理员):

class User(db.Model):__tablename__ = 'user'uid = db.Column(db.BigInteger, primary_key=True,comment="用户uid")  # 用户uidnickname = db.Column(db.String(100), nullable=False,comment="用户昵称")  # 用户昵称mobile = db.Column(db.String(20), nullable=False,comment="手机号码")  # 手机号码email = db.Column(db.String(100), nullable=False,comment="邮箱地址")  # 邮箱地址sex = db.Column(db.Integer, nullable=False,server_default="1",default=1,comment="性别")  # 1：男 | 2：女avatar = db.Column(db.String(64), nullable=False,server_default="avatar.png",default="avatar.png",comment="头像")  # 头像login_name = db.Column(db.String(20), nullable=False, unique=True,comment="登录用户名")  # 登录用户名login_pwd = db.Column(db.String(32), nullable=False,comment="登录密码")  # 登录密码login_salt = db.Column(db.String(32), nullable=False,comment="登录密码的随机密钥")  # 登录密码的随机密钥identity = db.Column(db.Integer, nullable=False, server_default="0",default=0,comment="身份") # 1,主管理员 0,管理员status = db.Column(db.Integer, nullable=False, server_default="1",default=1,comment="状态")  # 1：有效 | 0：无效updated_time = db.Column(db.DateTime, nullable=False,comment="最后一次更新时间")  # 最后一次更新时间created_time = db.Column(db.DateTime, nullable=False,comment="插入时间")  # 插入时间#建表结构（初始化实例）有效的要使用参数server_default，即"desc 表结构"可以查到默认值；# 另外 server_default的值必须是字符串；#往表中插入记录默认值有效用参数default。

Member(会员)：

class Member(db.Model):__tablename__ = 'member'id = db.Column(db.Integer, primary_key=True)nickname = db.Column(db.String(100), nullable=False,comment="用户昵称")  # 用户昵称mobile = db.Column(db.String(20), nullable=False,comment="手机号码")  # 手机号码sex = db.Column(db.Integer, nullable=False,server_default="1",default=1,comment="性别")  # 1：男 | 2：女avatar = db.Column(db.String(64), nullable=False,server_default="avatar.png",default="avatar.png",comment="头像")  # 头像pwd = db.Column(db.String(32), nullable=False,comment="登录密码")  # 登录密码salt = db.Column(db.String(32), nullable=False,comment="登录密码的随机密钥")  # 登录密码的随机密钥status = db.Column(db.Integer, nullable=False, server_default="1",default=1,comment="状态")  # 1：有效 | 0：无效updated_time = db.Column(db.DateTime, nullable=False, comment="最后一次更新时间")  # 最后一次更新时间created_time = db.Column(db.DateTime, nullable=False, comment="插入时间")  # 插入时间# 与StatDailyMember中的member_id有关statMember = db.relationship("StatDailyMember", backref="member")

由于数据库表比较多，这里不再写，model模型都在代码中，后面拿到源码可自己去看！

🍓项目特点介绍

使用了echarts，更好的展示统计数据
后台管理员有管理员与主管理员之分，主管理员可以有控制管理员账户的权限，而管理员无控制主管理员的权限
对于菜品图片的上传采用无刷新上传的方式
对于分页展示，采用的是自己写的分页操作代码
项目使用layer.js弹窗组件，效果较好，且对信息修改的校验较完善
项目使用bootstrap框架，采用自适应的方式，一套代码兼容手机与pc端
…

🍓项目部分代码

1.以我的经验，app.py文件中要加入以下几行代码：

# 将application目录添加到项目路径，解决views里的文件导入models里的模型类时找不到models模块路径的问题
import sys,os
sys.path.append(os.getcwd() + "/application")
# print(sys.path)

相关说明请看：【flask进阶】手把手带你搭建可扩展的flask项目脚手架

2.项目中分页操作请看：【flask进阶】Flask实现自定义分页（python web通用）

3.项目中用到的无刷新上传图片操作
采用ajax进行图片的无刷新上传，有些参数需要注意：

前端ajax上传图片代码：

$(".wrap_food_edit .upload_pic_wrap input[name=pic]").change(function(){var data=new FormData;data.append("pic",document.getElementById("upload-pic").files[0]);$.ajax({url:"/food/upload-pic",type:"POST",dataType:"JSON",data:data,contentType: false,processData: false,success:function(res){if(res.code == -1){common_ops.alert(res.msg)}if(res.code == 200){var html = '<img src="' + res.src + '"/>' + '<span class="fa fa-times-circle del del_image"></span>';//只能上传一张照片if ($(".upload_pic_wrap .pic-each").size() > 0) {wrap_food_edit.deleteFun()$(".upload_pic_wrap").append('<span class="pic-each">' + html + '</span>');} else {$(".upload_pic_wrap").append('<span class="pic-each">' + html + '</span>');}// 当这个图标构建出来后绑定事件wrap_food_edit.deletePic();}}})})

后端上传图片与删除图片的视图操作代码：

@route_food.route("/upload-pic",methods=["POST"])
def uploadPic():img_file = request.files.get("pic",None)if img_file is None:return jsonify({"code":-1,"msg":"上传失败！","src":""})# 将图片名按照. 进行切分， 找到最后一个元素，也就是  文件的后缀名end_name = img_file.filename.rsplit('.')[-1]# 通过文件的后缀名判断 身份为 合法的  图片if end_name not in ['jpg', 'png', 'gif', 'jpeg']:return jsonify({"code":-1,"msg":"请上传正确的图片文件！","src":""})filename = str(uuid1()) + '.' + end_name  # 为了生成一个不重复的文件名img_path = app.root_path + "/static/images/food/" + filename   # 将路径和文件名拼接在一起，方便保存文件img_file.save(img_path)  # 将图片对象保存到本地return jsonify({"code": 200, "msg": "上传成功！", "src": "/static/images/food/" + filename})@route_food.route("/delete-pic", methods=["POST"])
def deletePic():img_path = request.form.get("img_path", None)if img_path is None:return jsonify({"code": -1, "msg": "删除失败！"})root_img_path = app.root_path + img_pathtry:os.remove(root_img_path)except:return jsonify({"code": -1, "msg": "删除失败！"})return jsonify({"code": 200, "msg":"删除成功！"})