网站备案信息加到哪里,seo和sem的区别,在线商城网站备案,二维码生成器网站项目结构
首先#xff0c;创建一个项目目录#xff0c;结构如下#xff1a; flask_app/ │ ├── app.py # Flask 应用代码 ├── static/ # 存放静态文件#xff08;如CSS、JS、图片等#xff09; │ └── style.css # 示例…项目结构
首先创建一个项目目录结构如下 flask_app/ │ ├── app.py # Flask 应用代码 ├── static/ # 存放静态文件如CSS、JS、图片等 │ └── style.css # 示例CSS文件 └── templates/ # 存放HTML模板 └── index.html # HTML模板文件
1. 创建 app.py
在 flask_app 目录下创建 app.py 文件内容如下
from flask import Flask, render_template, requestapp Flask(__name__)app.route(/)
def home():return render_template(index.html)app.route(/submit, methods[POST])
def submit():name request.form.get(name)return render_template(index.html, namename)if __name__ __main__:app.run(port3000, debugTrue)2. 创建 HTML 模板 index.html
在 templates 目录下创建 index.html 文件内容如下
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleFlask应用/titlelink relstylesheet href{{ url_for(static, filenamestyle.css) }}
/head
bodyform action/submit methodpostlabel forname请输入你的名字:/labelinput typetext idname namename requiredbutton typesubmit提交/button/form{% if name %}h2你好啊, {{ name }}!/h2{% endif %}
/body
/html3. 创建 CSS 文件 style.css
在 static 目录下创建 style.css 文件内容如下
body {font-family: Arial, sans-serif;margin: 20px;
}form {margin: 20px 0;
}input[typetext] {padding: 10px;margin-right: 10px;
}button {padding: 10px 15px;
}4. 运行应用
在命令行中导航到 flask_app 目录并运行以下命令
python app.py
5. 访问应用
打开浏览器输入以下地址访问你的 Flask 应用http://127.0.0.1:3000/
总结
这里展示了一个简单的 Flask 应用用户可以在表单中输入名字并提交提交后页面会显示用户的名字。通过这个实例 相信你已经对flask有了一点点理解了继续扩展的知识线吧