Project9：Data collector web (backend)

最新推荐文章于 2023-12-31 18:48:55 发布

豌豆射手GCC

最新推荐文章于 2023-12-31 18:48:55 发布

阅读量241

点赞数

分类专栏：小项目 Python

本文链接：https://blog.csdn.net/BLUEsang/article/details/106797755

版权

该项目创建了一个使用Flask框架的后端应用，与PostgreSQL数据库集成，实现数据收集和存储。用户输入邮箱和高度数据，应用会检查邮箱是否存在，若不存在则保存数据并显示成功页面；若存在，则提示邮箱已注册。应用还包含了自动发送邮件的功能，且已部署到Heroku平台。为了部署，进行了包括设置SMTP、创建Heroku app、配置数据库、安装gunicorn、创建requirement.txt和Procfile等步骤。

摘要由CSDN通过智能技术生成

BackEnd

搭建flask环境_cmd

虚拟环境；

pip install virtualenv

建立virtual文件夹（内含虚拟python）；

py -3 -m venv virtual

方法2：
进入虚拟python的cmd:

virtual/Scripts/activate

搭建Flask框架_python

app.py
注意success，methods=[“POST”]

解释：
__name__得到当前py的名字——— __ main __ ；
Flask（）为flask的构造函数；

from flask import Flask,render_template,request         #得到email by request

app=Flask(__name__)

@app.route("/")
def index():
    return render_template("index.html")

#request可得到该页面的methods
@app.route("/success",methods=["POST"]) #传入methods
def success():
    #加入对邮箱的抓取
    if request.method=='POST':  #若按了按钮进入success
        email=request.form['email_name'] #得到form["email_name"]
        height=request.form["height_name"]
        print(height)
        
        return render_template("success.html")

if __name__ =='__main__':
    app.debug=True
    app.run(port=5001)

index.html
注意action={ {url_for(“success”)}} method=“POST”>

<!DOCTYPE html>
<html lang="en">
    <title>Data Collector App</title>
    <head>
        <link href="../static/main.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <h1>Collecting height</h1>
            <h3>Please fill entires to get population statistics on height</h3>
            <form action={
   {
   url_for("success")}} method="POST">
                <input title="Your email will be safe with us" placeholder="Enter your email address" type="email" name="email_name" required><br>
                <input title="Your data will be safe with us" placeholder="Enter your Height in CM" type="number" min="50",max="300" name="height_name" required><br>
                <button type="submit">Submit</button>
            </form>
        </div>
    </body>
</html>