Flask 基础理解
yuyutoo 2024-12-03 05:44 3 浏览 0 评论
web项目简述
最简单的web项目可通过一个 本地的html 文件来渲染页面，并由浏览器来显示 html内容。 比如 test.html ， 内容如下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
</html>
<body>
<div id="main" style="width: 600px; height: 400px;">
<h1>This is a web page</h1>
</div>
</body>
通过浏览器打开后， 会显示以下内容
最常用的 web 项目包含前端和后端， 前端负责渲染页面 ， 后端提供数据。前后端各司其责产生了很多的前后端技术框架， 其中 Flask 为 Python web 框架， 依托Python技术为支撑， 包括了整个的前后端技术总体。
Flask 中关键技术
- Template
中文名为模板, Template 是一个 html 文件， 其中包含了一些静态数据， 以及用于显示动态数据的占位符。 当前端请求到来时，可通过 render_template() 函数将该模板渲染为 html 码流， 并返回浏览器继而在用户的浏览器中进行显示。
- Static Files
中文名为静态文件, 包含一些样式表配置 .css 文件，以及图片资源， 或引用的本地的 js 前端技术框架。
- Blueprints
中文名为蓝图, 其作用可以很好的组织代码结构, 按模块对代码进行分组管. 每个蓝图分布在一个独立的模块里.
工程布局图
且文档中对该布局图的说明如下。
- flaskr/, a Python package containing your application code and files.
- tests/, a directory containing test modules.
- .venv/, a Python virtual environment where Flask and other dependencies are installed.
- Any other project files you might add in the future.
上面提供的说明，工程名叫 flask-tutorial, 它包含如下内容：
- 主应用目录 flaskr，是一个 python package，包括所有的应用代码和文件；
- 测试案例目录 tests, 对设有涉及到的函数接口进行单元测试；
- 虚拟环境 .venv；
- 工程所需的其他附加文件。
模块说明
tutorial 案例中要求得本工程具备以下模块：
- db 数据库模块， 用于访问 sqlite3 数据库；
- auth 鉴权模块， 用于对用户信息进行鉴权；
- blog 博客模块， 用于展示博客信息；
- static 和 template 在创建主应用包时， 会自动生成的。
由于还要对存在的各模块数据进行测试， 从而产生了 tests 单元测试代码集， 是独立与 flaskr 工程存在的。
通过些描述， 就不难理解整个目录结构就此明确出来了， 相应的目录（包）， 可通过在 exploer 中添加， 或 pycharm 中添加。
工程中包的组织
Flask 主应用只能有一个主包， 其他的按工程项目要求， 可按如下来分。对于小型的项目， 一个主包就够用了， 其他的按照模块， 分布在相应的 模块名.py 中即可；对于大型项目， 可将每个模块分成包， 里面又有各自的 templates 和 static ， 以及相应的 .py 业务逻辑接口。
整个业务的连通过程
结合，这个业务流程， 再对 flask tutorial 的代码进行查看， 发现不会再凌乱。 也制导作者想表达的工程化意图。
建立 Hello 工程
学习任何一门新的框架时， 最好的方式是自行编写最简单的 Hello 工程， 以了解开发环境，部署环境， 以及最终运行测试后， 是否达到预期要求。
以我的开发环境为例如下所示。
Python: python3.8
PythonModules: Flask， 可通过 pip install Flask 命令进行安装
IDE: PyCharm 2020.3.5
- 启动 PyCharm 应用， 弹出如下界面， 如下图所示.
- 点击 New Project 弹出界面， 选择 左边 Flask 工程， 并指定 Location 生成的位置 ,如下图所示.
- 点击 Create 后， 生成 flask_helloworld 工程如下所示.
- 点击运行按钮, 启动应用并在控制台中能看到应用已经的日志, 并告知了访问地址. 如下图所示.
- 通过提供的服务地址进行访问, 看能否有输出，结合 app.py 中的代码可以看到是否输出一致
建立 flask-tutorial BluePrint 工程
BluePrint 即蓝图， 它的作用是为了更清晰的模块化分工， 举个例子： 用户注册、用户登进、用户登出 这些操作都是和用户鉴权相关； 创建博客文档、更新博客文档，以及删除博客文档等这些，是和博客文档相关。 那么我们按照模块化分工， 可将其分为 用户鉴权蓝图（模块）、博客蓝图（模块）两大类。 另外， 我们需要提供数据存储功能的数据库模块。
通过上述描述可知， flaskr 系统至少存在三大模块， 用图例说明如下。
- 启动 PyCharm 应用， 弹出如下界面， 如下图所示.
- 点击 New Project 弹出界面， 选择 左边 Flask 工程， 并指定 Location 生成的位置 ,如下图所示.
- 点击 Create 后， 生成 flask_tutorial 工程如下所示.
- flask_tutorial 工程目录上，右键执行 New ----> Python Package 创建包，输入包名 flaskr, 创建成功后的截图如下所示。
通过以上步骤，生成了flaskr 主包名， 其主应用为 __init__.py。
- flaskr 目录上，右键执行 New------> Python File 分别创建 auth.py、blog.py、db.py , 创建成功后如下所示。
通过以上步骤，生成了auth 蓝图、blog 蓝图 ， 以及数据库模块。 但并没有内容，下一步考虑如何将这些衔接起来。
- 实现上述涉及到的模块代码
__init__.py 中的代码如下所示。
import os
from flask import Flask
from . import db
from . import auth
from . import blog
def create_app(test_config=None):
# create and configure the app
app = Flask(__name__, instance_relative_config=True)
if test_config is None:
# load the instance config, if it exists, when not testing
app.config.from_pyfile('config.py', silent=True)
else:
# load the test config if passed in
app.config.from_mapping(test_config)
# ensure the instance folder exists
try:
os.makedirs(app.instance_path)
except OSError:
pass
# 对蓝图进行注册
app.register_blueprint(auth.auth_bp)
app.register_blueprint(blog.blog_bp)
app.add_url_rule('/', endpoint='index')
# a simple page that says hello
@app.route('/hello')
def hello():
return 'Hello, World!'
return appauth.py 中的代码如下所示。
from flask import Blueprint, render_template
auth_bp = Blueprint('auth', __name__, url_prefix='/auth')
@auth_bp.route('/register', methods=('GET', 'POST'))
def register():
return render_template('auth/register.html')blog.py 中的代码如下所示。
from flask import Blueprint, render_template
blog_bp = Blueprint('blog', __name__)
@blog_bp.route('/create', methods=('GET', 'POST'))
def create():
return render_template('blog/create.html')- 配置运行目标, 如下截图所示
- 运行目标， 并在浏览器中输入 127.0.0.1:5000/auth/register 显示截图如下所示。
说明蓝图已可以成功访问。
相关事项说明
本文不提供 flask-tutorial 的全部工程下载链接， 请到 flask 官网自行下载， 仅借官网全部工程， 自我简化出主要代码骨架，帮助大家理解整个工程是怎么搭建起来的。 由于在写的过程中， 由于不小心疏忽，可能会存在一些问题， 欢迎大家批评指正。
- 上一篇：新手必备!超详细Flask入门基础教程
- 下一篇：第三课:安装 Flask
相关推荐
- 双十二不用愁了，酷炫的PPT数字滚动动画来了，业绩展示更亮眼
-
试想一下，当在职场路演融资、业绩展示、公开演讲现场使用下面动画特效是不是非常有视觉冲击力呢？但是不是学习了该技巧就能做出震撼感十足的动画特效呢？答案显然是否定的，小编深知PPT的核心能力不在掌握技巧的...
- 终于等到你，Android 首个滚动截图工具:咔咔截屏录屏大师
-
寻觅寻觅，总算在Android平台上找到一款支持滚动截图的应用。从此，分享有趣的QQ、微信聊天记录或网页截图时，再也不用一屏屏截图并手动拼接了。和iOS平台盛名的长图不同，咔咔截屏录屏大师并...
- PPT怎样设置图片无限循环滚动，设置方法很简单，新手一学就会
-
如果我们制作的PPT中的图片是动态图片，会自我进行滚动，是不是会让我们的幻灯片播放的效果变得更加出众呢？这里就向大家介绍设置这一效果的方法。一、插入图片1、依次单击“插入”--“图片”--“来自文件...
- 微信可以发送滚动字幕了，超简单，看一遍就会了
-
大家好，最近在和朋友聊天的时候，发现他给我发的消息能在屏幕上滚动，废话不多说，来看下效果吧。如果聊天的时候，消息都变成这样，是不是更有趣了呢！想要实现这样的效果，方法非常简单，需要用到一款小程序，根据...
- 世界首创!我国开创“车轮”卫星运行模式，隔着云层也能测量地面
-
在航天发射和卫星监测领域，我国又创造了个世界首次——卫星编组以“车轮式编队”运行。今年3月30日18时50分，我国长征二号丁运载火箭在太原卫星发射中心发射升空，成功将宏图一号01组卫星送入预定轨道，...
- 利用滚动条来制作动态图表，不会的看过来
-
现在一份数据，要求根据数据来制作任意3天销量的动态图表。制作过程如下：1、插入----滚动条-----出现“十字”时按住鼠标左键向右拖动绘制滚动条----选中滚动条----右键----设置对象格式--...
- 微信红包数字跳动表情包 微信红包金额随机跳动动图
-
最近微信里面很流行随机红包，当我们打开红包的时候可以看到数字在跳动。其实这是一个套路啦。微信红包数字跳动怎么弄呢？下文中详细教教大家。微信红包数字金额随机跳动图片表情包随机红包怎么发1.首先我们选择一...
- 四屏交错滚动教程，更简单快捷的方法教给你
-
简单的方法制作四屏交错滚动。·先打开醒图软件，进入醒图，选择拼图，需要几张一组就选几张，我选择三张一组，选择三张图片，选择完成。·选择长图拼接，选择纵向拼接，这样三张图片就拼接成一个长图了。·点右上角...
- 创意最美早上好动态图片带字 免打字夏日早安问候语动态鲜花图片
-
1、一万个美丽的未来，抵不上一个温暖的现在；每一个真实的现在，都是我们曾经幻想的未来，愿你爱上现在，梦见未来。早安！2、早安，我永恒的爱人，虽然我尚未起床，但思想已经飞到你的身边来了，忽而高兴，忽而忧...
- #安全提示每日一图#滚动摩擦。
-
#安全提示每日一图#滚动摩擦。????
- 最后一图逼死强迫症，当你上下滚动屏幕时它还会动
-
今天学校食堂加餐，我的炒菜里居然还有肉尼玛这不一样的吗为了游戏，命都可以不要这少年才是人生赢家叔叔你在干什么当女孩子问男朋友“我今天哪里不一样”时貌似两个礼物都不错啊我也不知道为什么，今天沙发君自己就...
- 这个动态甘特图，居然是条件格式制作的，老板看了都夸你厉害
-
Hello，大家好，今天跟大家分享下我们如何在利用Excel制作一个项目进度表，它的本质其实就是一个甘特图，它最大的特点就是表头是动态的，我们可以通过点击【滚动条】让数据动起来，非常适合用于时间跨度比...
- 如何使用OLED实现滚动效果
-
前言这篇文章不过多描述OLED工作原理及驱动过程，仅从实用性出发，如何使用OLED实现滚动效果。这里我们以正点原子战舰板OLED实验例程为基础。（本文配套工程文件，在底部下方供大家学习下载。）对于OL...
- 12月29日问候大家早上好图片动态表情，问候早晨好表情动态祝福语
-
用清晨的阳光沐浴，给你舒展；用清新的空气洗漱，给你舒心；伴清莹的雨露散步，给你舒情；向美好的一天欢呼，给你舒怀，用快乐的词汇凝聚，给你祝福，祝你在绚丽的晨光中走好每一天。朋友，早安！新的一天开始了，带...
- 一款不可或缺的截图软件-ShareX
-
电脑上截图，相信不少小伙伴都是用的微信或QQ内置的功能，其实Windows系统也有自带的截图工具，快捷键Window+Shift+S。...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)