Python （社区版PyCharm）Flask简单学习

最新推荐文章于 2024-07-17 10:00:23 发布

ou.cs

最新推荐文章于 2024-07-17 10:00:23 发布

阅读量2.6k

点赞数 1

分类专栏： Python 文章标签： python flask

本文链接：https://blog.csdn.net/weixin_44291381/article/details/115523290

版权

Python 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

在这里插入图片描述

首先安装库
File->Setting
->Project:pytonProject
->Pyton Interpreter
搜索Flask 进行安装

安装后创建个templates（名字要一样，因为库是根据名字进行索引）文件夹存放html网页。

工程目录结构如下：

下面一段是测试示例，运行后若打开网页出现下图则环境搭建成功。

from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    return 'hello ouou'

if __name__ == '__main__':
    app.run()

在这里插入图片描述

main.py

from flask import Flask,render_template,request
import datetime

#Flask类接收一个参数__name__
app = Flask(__name__)

#装饰器的左右是将网页映射到视图函数index
#路由解析，通过用户访问的路径，匹配相应的函数
@app.route('/123')
def index():
    return 'o222u'

#返回给用户渲染后的网页文件
@app.route("/")
def index2():
    time = datetime.date.today()
    name = ["l1","l2","l3"]
    task={"task":"clean","time":"3hour","ouu":"ou2"}
    return render_template("index.html",var = time,list = name,task=task)

#表单提交
#          ↓这个是网页的路径
@app.route('/test/rigister')
def register():
    #                       ↓这个是左边目录的文件结构
    return render_template(("test/register.html"))

#接收表单必须有一个methods,需要指定methos为post
@app.route('/result',methods=['POST','GET'])
def result():
    if request.method == 'POST':
        result = request.form
    return render_template("test/result.html",result=result)

#Flask应用程序实例的run方法启动WEB服务器
if __name__ == '__main__':
    app.run(debug=True)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    today is {{var}} hello ouou.
    you:<br/>
    {% for data in list %}
    <li>{{data}}</li>
    {% endfor %}

    task:<br/>
        <table border="1">
            {% for key,value in task.items() %}
                <tr>
                    <td>{{key}}</td>
                    <td>{{value}}</td>
                </tr>
            {% endfor %}
        </table>
</body>
</html>

result.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        <table border="1">
            {% for key,value in result.items() %}
                <tr>
                    <th>{{key}}</th>
                    <td>{{value}}</td>
                </tr>
            {% endfor %}
        </table>
</body>
</html>

register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="{{url_for('result')}}" method="post">
        <p>姓名： <input type="text" name="姓名"></p>
        <p>年龄： <input type="text" name="年龄"></p>
        <p>性别： <input type="text" name="性别"></p>
        <p>地址： <input type="text" name="地址"></p>
        <p><input type="submit" value = "提交"></p>
</form>
</body>
</html>