首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flask 入门系列教程 01-hello world

背景介绍

Flask是一个Python编写的Web 微框架,使用python编写,基于WerkzeugWSGI工具箱和 Jinja2模板引擎,让我们可以使用Python语言快速实现一个网站或Web服务。

安装

pip install Flask

新建python flask项目

使用pycharm,file-new project,选择flask,然后输入项目的名称flask_test,template language和template folders默认即可。

此时生成的文件结构如下:

目录结构和代码详解

(1)static目录文件,即存储css,js等文件的默认目录。

(2)templates目录,即存储html文件的默认目录,可以通过如下代码来修改默认目录的位置:

app = Flask(__name__, static_folder='', template_folder='')

(3) flask_test.py:自动生成的文件代码和含义如下:

然后选中flask_test.py,右键选择Run flask_test,就启动起来了。默认启动端口是5000,在地址栏输入:http://127.0.0.1:5000/,就调用了hello_world方法:

到这里一个简单的flask应用就运行成功了,是不是特别简单。

下面我们深入一点,使用模板文件,并集成bootstrap样式管理,来生成一个带有背景的hello word页面。

使用模板集成bootstrap

在flask中集成bootstrap,可以引入bootstrap相关的文件,也可以直接使用flask-bootstrap的Flask扩展。这里我们使用flask扩展的方式。首先

(1)安装flask-bootstrap:pip install flask-bootstrap,然后在刚才的flask_test.py中建立bootstrap实例。

from flask_bootstrap import Bootstrap

bootstrap = Bootstrap()

bootstrap.init_app(app)

(2)建立模板文件和css文件,完成后,目录如下:

来看下base.html文件,它是整个系统的页面框架,这里继承bootstrap的base.html文件,并建立好系统的导航条。代码如下:

然后建立hello_world.html

然后修改原来的hello_world实现方法,使它打开一个页面。

@app.route('/')

def hello_world():

return render_template('hello_world.html')

再次运行,打开http://127.0.0.1:5000/,一个带有导航条的html页面就出现了:

是不是已经感受到了flask的方便了,几行代码就能建立一个有交互的页面,点击Home就打开hello_world页面,点击Tab1和Tab2分别打开tab1.html和tab2.html。

这次就到这里了。后续还会继续分享flask入门系列之模板介绍。

Qtest是360旗下的专业测试团队!

是WEB平台部测试技术平台化、效率化的先锋力量!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180727B1MKYK00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券