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模型都在代码中,后面拿到源码可自己去看!
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 = '' + '';//只能上传一张照片if ($(".upload_pic_wrap .pic-each").size() > 0) {wrap_food_edit.deleteFun()$(".upload_pic_wrap").append('' + html + '');} else {$(".upload_pic_wrap").append('' + html + '');}// 当这个图标构建出来后绑定事件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":"删除成功!"})
1.数据库迁移操作
在项目根目录EatProject的终端下依次运行下列指令:
python manage.py db init
python manage.py db migrate
python manage.py db upgrade
依次执行这三条语句后,会在你的数据库中生成项目所需的数据库表。
2.数据库启动操作
在项目根目录EatProject的终端下使用以下指令启动项目:
python manage.py runserver
项目已经上传到gitee,地址在这:
👉https://gitee.com/aniu-666/eat-project
欢迎各位来star!
如果你觉得博主写的还不错的话,可以关注一下当前专栏,博主会更完这个系列的哦!也欢迎订阅博主的其他好的专栏。
🏰系列专栏
👉flask框架快速入门
👉java 小白到高手的蜕变
其他专栏请前往博主主页查看!
上一篇:【OC】Blocks模式
下一篇:初识HTML技术