打开pycharm,找到Flask进行配置,点击创建;

自动安装好了相关包:

static下面放一些静态文件图片、css等,templates下面放置模板 编写好的html文件等;

运行app.py

访问运行结果中的 http://127.0.0.1:5000  页面显示如下

 

关于app.route

如下图,当我们在浏览器中数入/hello这个url的时候,flask会找到 /hello 这个route,然后对应找到 hello_world2 这个函数,输出对应的内容;

区分路径的方式,就是app.route这个注解,flask通过这个注解的路径,找到对应的函数进行处理,返回这个函数的内容;

 运行如下程序,

说明flask程序return字符串给前端的时候,可以直接写大字符串,里面是一个html内容,html里面有数据也可以有样式,

但是html直接打段的写到Python 脚本里不好维护,

 故创建一个html模板,将html片段抽离出来,放到单独的html文件里 

调用html文件

 

 函数和html文件之间通过render_template进行数据传递:

 

 

 static下面的资源可以通过url直接访问:

 

将图片加入到html中:

 访问127.0.0.1:5000/hello