Flask01

Python Flask

一、安装
pip install flask
二、使用
  • 从Helllo World开始
from flask import Flask,render_template


# 创建Flask app 
app = Flask(__name__)


# 编写路由
@app.route("/")
def index():
    return "Hello World"


# 启动Flask服务

if __name__ == "__main__":
    """
    debug:布尔类型,当前是否处于代码调试模式
    host:限定当前服务器能被哪些ip访问,0.0.0.0
    port:端口,默认flask服务在5000端口上运行
    """
    app.run(debug=True,host="127.0.0.1",port=5000)
三、模板渲染
  • 模板文件的位置:默认是在项目目录下的templates文件夹

image-20200930095108477

  • 渲染模板的路由
from flask import render_template
# 省略部分代码

@app.route("/index")
def main():
    return render_template("index.html")
  • 浏览器访问:http://localhost:5000/index

  • 模板渲染变量

    • 渲染页面时传入需要渲染变量
    @app.route("/var")
    def variable():
        name = ["Python数据分析","Python Web开发","MySQL入门到精通"]
        return render_template("variable.html",name=name)
    
    • 在html通过特殊的语法进行变量的渲染

      <!DOCTYPE html>
      <html>
          <head>
              <meta charset="utf-8"/>
              <title>Python Flask快速上手</title>
              <link rel="shortcut icon" href="{{url_for('static',filename='images/favicon.ico')}}" type="image/x-icon">
              <link rel="stylesheet" href="{{url_for('static',filename='css/index.css')}}">
          </head>
          <body>
              <!-- for循环开始  -->
              {%for item in name%}
                  <h1>Hello {{item}}</h1>
              <!-- for循环结束 -->
              {% endfor %}
          </body>
      </html>
      
四、静态文件
  • 静态文件的存储路径:一般时项目目录下的static目录

image-20200930103813038

  • 引入静态文件的方式

    • 方式一:直接从网站的根目录开始写
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8"/>
            <title>Python Flask快速上手</title>
        </head>
        <body>
            <h1>Hello Python Flask</h1>
            <!--直接从网站的根目录开始写静态文件的路径-->  
            <img width="200" height="450" src="/static/images/joke.jpg"/>
        </body>
    </html>
    
    • 方式二:使用url_for()函数
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8"/>
            <title>Python Flask快速上手</title>
        </head>
        <body>
            <h1>Hello Python Flask</h1>
            <!--直接从网站的根目录开始写静态文件的路径-->  
            <img width="200" height="450" src="{{url_for('static',filename='images/joke.jpg')}}"/>
        </body>
    </html>
    
    • 方式三:通过相对路径(不推荐)
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8"/>
            <title>Python Flask快速上手</title>
        </head>
        <body>
            <h1>Hello Python Flask</h1>
            <!--直接从网站的根目录开始写静态文件的路径-->  
            <img width="200" height="450" src="../static/images/joke.jpg"/>
        </body>
    </html>
    
五、前后端数据交互
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值