Flask全栈开发案例(二)——Flask+Angular+Mongodb管理系统,创建一个热门游戏参数网站

项目背景

该项目爬取PS4游戏论坛中对于的各个游戏参数的数据,进行web门户展示,设置用户登陆,可针对感兴趣的游戏内容进行增删改查操作。支持登陆用户进行评论互动。
技术栈基于Flask + Angular + Mongodb
在这里插入图片描述

数据初始化

数据基于已经爬取的csv数据,项目启动前检查当前配置文件是否初始化csv数据到mongodb中。

from flask import Flask, render_template
from flask_cors import CORS
import config
import json
from user import user
from game import game_route
from comment import comment
app = Flask(__name__)

CORS(app, supports_credentials=True)
app.config.from_object(config)
app.config['JSON_AS_ASCII'] = False
app.register_blueprint(user, url_prefix="/")
app.register_blueprint(game_route, url_prefix="/")
app.register_blueprint(comment, url_prefix="/")
app.config["SECRET_KEY"] = 'TPmi4aLWRbyVq8zu9v82dWYW1'
app.run(debug=True)


def initial_data():
    """初始化数据"""
    with open("config.json", "r") as f:
        check_status = json.loads(f.read())
    if check_status["has_db"]:
        return
    else:
        from getData import save_to_db
        save_to_db()
        with open("config.json", "w") as f:
            f.write(json.dumps({
    
    "has_db": True}))


if __name__ == '__main__':
    initial_data()
    app.run(host='127.0.0.1', port=5000, debug=True)

主页展示

首页分页展示所有的游戏信息,可针对喜欢的游戏进行收藏,点击可调整详情
在这里插入图片描述

游戏收藏

收藏界面点击 可以查看游戏详情
在这里插入图片描述

详情展示

点击detail可展示游戏的具体参数信息,详情界面登陆用户能够进行评论。支持评论的添加和删除。
在这里插入图片描述

新增与编辑

新增与编辑已有游戏。
在这里插入图片描述

源码获取

搜索wechat公众号"一颗程序树",回复关键字“0120”获取源码与数据文件。

猜你喜欢

转载自blog.csdn.net/Demonslzh/article/details/129211292