如何从0构建一个flask项目,直接上实操!!!

打印 上一主题 下一主题

主题 997|帖子 997|积分 2991

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
项目结构

首先,创建一个项目目录,结构如下:
  1. [/code] flask_app/
  2. ├── app.py                # Flask 应用代码
  3. ├── static/               # 存放静态文件(如CSS、JS、图片等)
  4. │   └── style.css         # 示例CSS文件
  5. └── templates/            # 存放HTML模板
  6.     └── index.html        # HTML模板文件
  7.  
  8. [size=3]1. 创建 app.py[/size]
  9. 在 flask_app 目录下创建 app.py 文件,内容如下:
  10. [code]from flask import Flask, render_template, request
  11. app = Flask(__name__)
  12. @app.route('/')
  13. def home():
  14.     return render_template('index.html')
  15. @app.route('/submit', methods=['POST'])
  16. def submit():
  17.     name = request.form.get('name')
  18.     return render_template('index.html', name=name)
  19. if __name__ == '__main__':
  20.     app.run(port=3000, debug=True)
复制代码
2. 创建 HTML 模板 index.html

在 templates 目录下创建 index.html 文件,内容如下:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Flask应用</title>
  7.     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
  8. </head>
  9. <body>
  10.     <form action="/submit" method="post">
  11.         <label for="name">请输入你的名字:</label>
  12.         <input type="text" id="name" name="name" required>
  13.         <button type="submit">提交</button>
  14.     </form>
  15.     {% if name %}
  16.         <h2>你好啊, {{ name }}!</h2>
  17.     {% endif %}
  18. </body>
  19. </html>
复制代码
3. 创建 CSS 文件 style.css

在 static 目录下创建 style.css 文件,内容如下:
  1. body {
  2.     font-family: Arial, sans-serif;
  3.     margin: 20px;
  4. }
  5. form {
  6.     margin: 20px 0;
  7. }
  8. input[type="text"] {
  9.     padding: 10px;
  10.     margin-right: 10px;
  11. }
  12. button {
  13.     padding: 10px 15px;
  14. }
复制代码
4. 运行应用

在下令行中,导航到 flask_app 目录并运行以下下令:
python app.py
5. 访问应用

打开浏览器,输入以下地址访问你的 Flask 应用:http://127.0.0.1:3000/

总结

这里展示了一个简单的 Flask 应用,用户可以在表单中输入名字并提交,提交后页面会表现用户的名字。通过这个实例 ,相信你已经对flask有了一点点理解了,继续扩展的知识线吧!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

不到断气不罢休

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表