templates 和 static 文件夹
直接返回字符串的方式过于简陋，我们需要使用HTML页面展示更复杂的内容。在Flask中默认存放HTML页面的位置是根目录下的 templates文件夹，对应的存放静态文件（例如图片、css、js文件）的目录是static。我们需要创建这两个文件夹。
展示个人信息的HTML页面需要放置在 templates 下，我将其命名为 me.html
如此，整个加强版的hello_world项目框架就搭建完成了，这个项目目录树如下：
hello_world # 项目根目录
├── app.py # 代码文件
├── static/ # 静态文件夹
├── templates/ # 模板文件夹、存放HTML
│ └── me.html # 个人主页
└── venv/ # 虚拟环境
安装bootstrap-flask插件
首先，我们需要在虚拟环境中安装bootstrap-flask插件，在虚拟环境激活状态先执行：
(venv)~/hello_world$ pip install bootstrap-flask
配置bootstrap-flask插件
在app.py中配置bootstrap-flask插件只需要两步：
- 从bootstrap-flask导入Bootstrap类，如下:
from flask_bootstrap import Bootstrap5
bootstrap-flask插件中有多个Bootstrap类，如Bootstrap、Bootstrap4和Bootstrap5，其中Bootstrap对应版本3，Bootstrap4对应版本4，Bootstrap5对应版本5。
之所以选择Bootstrap5，自然是因为我觉得一个拥有个人主页的我能驾驭~
- 创建Bootstrap实例
在app = Flask(__name__)语句后插入：
bootstrap = Bootstrap5(app)
到这里就完成了bootstrap-flask插件的配置，你的app.py文件应该如下：
save this as app.py
from ensurepip import bootstrap
from flask import Flask, escape, request
from flask_bootstrap import Bootstrap5
app = Flask(name)
bootstrap = Bootstrap5(app)
@app.route(‘/’)
def hello():
name = request.args.get(“name”, “World”)
return f’Hello, {escape(name)}!’
HTML引入 bootstrap-flask
Flask的HTML页面使用了Jinja2模板引擎，由于本文只是演示Flask的简单用法，这里就不详细介绍引擎的使用方法了，如果有学习的兴趣，可以追更本系列，后继文章会围绕Flask介绍全栈的知识点。
在me.html引入bootstrap之前，我们需要先写一个HTML文件的框架，如下：
<!doctype html>
引入bootstrap-flask需要引入css和js文件，步骤如下：
- 引入
css文件，在<head>标签中插入以下代码：
{{ bootstrap.load_css() }}
- 引入
js文件，在</body>标签前插入如下代码：
{{ bootstrap.load_js() }}
配置完成后，me.html的内容应该和下面相同：
<!doctype html>
{{ bootstrap.load_css() }}
{{ bootstrap.load_js() }}
修改路由和视图
正常情况下一个网站的 ‘/’ URL用于展示网站的主页，当前，我们还没有其他页面，可以先让/指向个人主页。于此同时，新增路由/me。
改动步骤如下：
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Python开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注Python）
如果你也是看准了Python，想自学Python，在这里为大家准备了丰厚的免费学习大礼包，带大家一起学习，给大家剖析Python兼职、就业行情前景的这些事儿。
一、Python所有方向的学习路线
Python所有方向路线就是把Python常用的技术点做整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。
二、学习软件
工欲善其必先利其器。学习Python常用的开发软件都在这里了，给大家节省了很多时间。
三、全套PDF电子书
书籍的好处就在于权威和体系健全，刚开始学习的时候你可以只看视频或者听某个人讲课，但等你学完之后，你觉得你掌握了，这时候建议还是得去看一下书籍，看权威技术书籍也是每个程序员必经之路。
四、入门学习视频
我们在看视频学习的时候，不能光动眼动脑不动手，比较科学的学习方法是在理解之后运用它们，这时候练手项目就很适合了。
四、实战案例
光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。
五、面试资料
我们学习Python必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。
成为一个Python程序员专家或许需要花费数年时间，但是打下坚实的基础只要几周就可以，如果你按照我提供的学习路线以及资料有意识地去实践，你就有很大可能成功！
最后祝你好运！！！
一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！
AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算
习路线以及资料有意识地去实践，你就有很大可能成功！
最后祝你好运！！！
一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！
AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算
2911
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
