Flask Bootstrap #1 - 安装Flask

Reference

  • https://dormousehole.readthedocs.io/en/latest/
  • https://medium.com/%E5%B7%A5%E7%A8%8B%E9%9A%A8%E5%AF%AB%E7%AD%86%E8%A8%98/%E4%BD%BF%E7%94%A8-python-flask-%E5%BB%BA%E7%AB%8B%E7%B6%B2%E7%AB%99-353e449a9bc8
  • https://www.youtube.com/watch?v=mqhxxeeTbu0&list=PLzMcBGfZo4-n4vJJybUVV3Un_NFS5EOgX
  • https://www.youtube.com/watch?v=RWviEK1Si68&list=PLDFBYdF-BxV1G4FBpG1EMyFtbsbZuJOvD

1 虚拟环境

建议在开发环境和生产环境下都使用虚拟环境来管理项目的依赖。

为什么要使用虚拟环境?随着你的 Python 项目越来越多,你会发现不同的项目 会需要不同的版本的 Python 库。同一个 Python 库的不同版本可能不兼容。

虚拟环境可以为每一个项目安装独立的 Python 库,这样就可以隔离不同项目之 间的 Python 库,也可以隔离项目与操作系统之间的 Python 库。

Python 内置了用于创建虚拟环境的 venv 模块。

1.1 创建一个虚拟环境

创建一个项目文件夹,然后创建一个虚拟环境。创建完成后项目文件夹中会有一 个 flask_bootstrap_venv 文件夹:

mkdir flask_bootstrap
cd flask_bootstrap
python3 -m venv flask_bootstrap_venv

1.2 激活虚拟环境

在开始工作前,先要激活相应的虚拟环境:

flask_bootstrap_venv\Scripts\activate

2 安装Flask

在已激活的虚拟环境中可以使用如下命令安装 Flask:

pip install Flask

Flask 现在已经安装完毕。

3 最小的应用

一个最小的 Flask 应用如下:

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello_world():
    return "Hello, World!"

if __name__ == "__main__":
    app.run(debug=True, port=8000)

那么,这些代码是什么意思呢?

首先我们导入了 Flask 类。该类的实例将会成为我们的 WSGI 应用。

接着我们创建一个该类的实例。第一个参数是应用模块或者包的名称。 __name__ 是一个适用于大多数情况的快捷方式。有了这个参数, Flask 才能知道在哪里可以找到模板和静态文件等东西。

然后我们使用 route() 装饰器来告诉 Flask 触发函数的 URL 。

函数返回需要在用户浏览器中显示的信息。默认的内容类型是 HTML ,因此字符串中的 HTML 会被浏览器渲染。

把它保存为 main.py 或其他类似名称。请不要使用 flask.py 作为应用名称,这会与 Flask 本身发生冲突。

打开 terminal 终端机,到路径下打上 python main.py 就会看到网页开始运行,到浏览器打上网址 8000 port 就可以看到我们快速建好的网页。

在这里插入图片描述

作为一个捷径,如果文件名为 app.py 或者 wsgi.py ,那么您不 需要使用 --app 。

要在Flask中使用Flask-Bootstrap来集成Bootstrap框架,你需要进行以下步骤: 1. 首先,使用pip来安装Flask-Bootstrap扩展:`pip install flask_bootstrap`。 2. 在你的Flask应用程序中导入Flask-Bootstrap并初始化它,可以使用以下代码: ``` from flask_bootstrap import Bootstrap app = Flask(__name__) bootstrap = Bootstrap(app) ``` 3. 接下来,你可以创建一个包含所有Bootstrap文件的基模板,通过Jinja2的模板继承机制,让你的程序扩展这个基模板,并引入Bootstrap的元素。在你的模板文件中,可以使用以下代码引用Bootstrap的基模板: ``` {% extends "bootstrap/base.html" %} {% block title %}Flask{% endblock %} ``` 4. 如果你想在你的Flask应用程序中使用Flask-Flash来显示消息,你可以在基模板中添加一个代码块来显示flash消息。在基模板的相应位置,可以使用以下代码来显示flash消息: ``` {% for message in get_flashed_messages() %} <div id="alertmessage" class="alert alert-warning"> <button type="button" class="close" onclick="close_flash_message();">x</button> {{ message }} </div> {% endfor %} ``` 通过以上步骤,你可以在Flask应用程序中使用Flask-Bootstrap来集成Bootstrap框架,并且在基模板中添加代码块来显示flash消息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [常用Flask的插件bootstrap wtf](https://blog.csdn.net/qq_41829386/article/details/88360044)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [Flask中,不用bootstrap实现flash消息关闭按钮](https://blog.csdn.net/steventian72/article/details/102960717)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值