Flask-cms项目搭建与配置(一)_flask cms

项目简介

本次项目是基于python的Flask框架实现一个内容管理系统（cms）。基础模块架构如图所示：

|-cms
    ├── app                   # app应用程序 Flask对象
    │   ├── __init__.py       # app模块初始化文件，主要对db和app创建的方法
    │   ├── admin             # 后台模块
    │   │   ├── __init__.py   # admin模块初始化文件，创建admin蓝图对象
    │   │   └── views.py      # 视图文件
    │   ├── home               # 前台模块
    │   │   ├── __init__.py   # home模块初始文件，创建home蓝图对象
    │   │   └── views.py      # 视图文件
    │   ├── models.py          # 数据库模型文件
    │   ├── static             # 存css、js等的静态文件夹
    │   └── templates          # 前后台页面html文件，模板
    │       ├── admin
    │       └── home
    └── manage.py              # 启动文件
    |——venv                    # 虚拟环境
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

项目搭建

1、初始化项目cms，引入flask框架启动代码，浏览器能正常输出即可。

mkdir cms  # 在开发目录中新建cms文件夹

cd cms

touch manage.py
1
2
3
4
5

把项目拖拽到 pycharm 中打开，你会发现编辑器右下角有配置提示，如图：

点击进去配置虚拟环境，按照下图步骤配置即可

创建完成后，你会发现，项目根目录下多了一个 venv 文件夹。

在 manage.py 文件中，引入 flask 框架所需的基础代码

from flask import Flask
app = Flask(__name__)

@app.route('/')
def index():
    return 'Hello Clwy!'

if __name__ == '__main__':
    app.run()
1
2
3
4
5
6
7
8
9

右键运行 manage.py，你会发现终端报错了，如图所示：

出现这个问题，是因为我们并没有安装 flask 框架，终端进入虚拟环境，安装框架。

. venv/bin/activate

pip install Flask
1
2
3

再次启动项目，访问浏览器可看到 Hello Clwy! 输出即可。

2、代码上GitHub远程仓库

访问 GitHub 官网，注册账号，登录进入，添加仓库，如图：

创建好后，会给出上传命令，自行保存即可。接下来，把现有的项目代码上传到仓库。

git init

git add .    # 提交所有

git commit -m "描述信息"

# 由于是第一次提交，所以依次执行如下命令
git branch -M main

git remote add origin https://github.com/xxx/flask-cms.git

git push -u origin main
1
2
3
4
5
6
7
8
9
10
11
12

当然也可以选择客户端提交，这里不做讲述。提交完成后，刷新 GitHub 页面即可看到代码

3、进入虚拟环境，安装 flask_script 包，使用管理器启动项目。

pip install flask_script 
1

修改 manage.py 代码如下：

from flask import Flask
from flask_script import Manager  # 导入扩展，可以使用管理器启动项目

app = Flask(__name__)
manage = Manager(app)  # 实例化管理器


@app.route('/')
def index():
    return 'Hello Clwy!'


if __name__ == '__main__':
    manage.run()    # 使用管理器启动

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

终端执行 python manage.py 再次启动项目，你会看到

出现这个问题，是因为你使用了管理器启动项目，所以启动命令需改成

python manage.py runserver
1

最后，刷新浏览器依然可看到 Hello Clwy! 输出即可。

基础配置

1、主要配置 DEBUG、开发模式与生产模式。在根目录创建 config.py，里面添加代码：

class Config:
    DEBUG = None


# 定义开发模式的配置
class developmentConfig(Config):
    DEBUG = True


# 定义生产模式的配置
class productionConfig(Config):
    DEBUG = False


# 定义字典，方便取值
config = {
   
    'development': developmentConfig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17