💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。

【Python系列】flask入门_html

  • 推荐:kwan 的首页,持续学习,不断总结,共同进步,活到老学到老
  • 导航
  • 檀越剑指大厂系列:全面总结 java 核心技术点,如集合,jvm,并发编程 redis,kafka,Spring,微服务,Netty 等
  • 常用开发工具系列:罗列常用的开发工具,如 IDEA,Mac,Alfred,electerm,Git,typora,apifox 等
  • 数据库系列:详细总结了常用数据库 mysql 技术点,以及工作中遇到的 mysql 问题等
  • 懒人运维系列:总结好用的命令,解放双手不香吗?能用一个命令完成绝不用两个操作
  • 数据结构与算法系列:总结数据结构和算法,不同类型针对性训练,提升编程思维,剑指大厂

非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨


博客目录

  • 一.基本介绍
  • 1.什么是 flask?
  • 2.flask 关键特点?
  • 二.flask 使用
  • 1.安装依赖
  • 2.app.py 文件
  • 3.HTML 文件
  • 4.效果图


一.基本介绍

1.什么是 flask?

Flask 是一个轻量级的 Python Web 框架。

【Python系列】flask入门_flask_02

2.flask 关键特点?

以下是 Flask 的一些关键特点:

  1. 微框架(Micro-framework)
  • Flask 被设计为一个小型且易于上手的框架。它没有包含数据库抽象层、表单验证器或其他众多功能,而是保持了框架的轻量级和灵活性。
  1. 灵活性高
  • Flask 没有强制使用特定的工具或库,开发者可以自由选择所需的工具,如 ORM、模板引擎等。这种灵活性使 Flask 适用于各种不同规模和复杂度的 Web 应用程序。
  1. 易于上手
  • 与其他重量级的 Python Web 框架相比,Flask 的学习曲线较缓。其核心代码量较小,入门门槛较低,适合初学者快速上手。
  1. 内置开发服务器和调试器
  • Flask 自带开发服务器和调试器,开发者无需额外配置即可启动应用程序并进行调试。这大大提高了开发效率。
  1. 丰富的扩展
  • 尽管 Flask 是一个微框架,但它拥有丰富的第三方扩展生态系统,可以满足各种 Web 开发需求,如数据库处理、认证授权、缓存等。
  1. 可测试性强
  • Flask 应用程序的结构使得它们容易编写单元测试和集成测试,这有助于确保应用程序的稳定性和可靠性。

Flask 凭借其简单、灵活、易用的特点,成为 Python Web 开发中广受欢迎的选择,尤其适合开发中小型 Web 应用程序。其微框架的设计理念也让 Flask 成为学习 Python Web 开发的良好起点。

二.flask 使用

1.安装依赖

首先，你需要安装 Flask。如果你还没有安装 Flask，可以通过以下命令安装：

pip install flask

【Python系列】flask入门_flask_03

2.app.py 文件

然后，创建一个名为app.py的文件，并添加以下代码：

from flask import Flask, render_template, request

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html', name='')

@app.route('/love', methods=['POST'])
def love():
    name = request.form.get('name')
    return render_template('index.html', name=name)

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

3.HTML 文件

接下来，创建一个名为templates的文件夹，并在其中创建一个名为index.html的 HTML 文件。这个 HTML 文件将包含页面的结构和样式：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>情人节表白页面</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
        background-color: #f0e0d6;
      }
      .heart {
        position: absolute;
        animation: beat 1s infinite;
      }
      @keyframes beat {
        0%,
        100% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.1);
        }
      }
      .message {
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <div class="heart">❤️</div>
    <div>
      <h1>情人节快乐！</h1>
      <form action="/love" method="post">
        <input type="text" name="name" placeholder="输入你的名字" required />
        <button type="submit">表白</button>
      </form>
      {% if name %}
      <div class="message">
        <p>亲爱的{{ name }}，</p>
        <p>在这个特别的日子里，我想对你说：</p>
        <p>我爱你，就像星星爱着夜空，永不熄灭。</p>
      </div>
      {% endif %}
    </div>
  </body>
</html>

这个示例使用了 Flask 来创建一个 Web 服务器，并提供了一个简单的表单，用户可以在其中输入他们的名字。提交表单后，服务器会返回一个包含个性化表白信息的页面。

4.效果图

【Python系列】flask入门_flask_04

【Python系列】flask入门_Web_05

觉得有用的话点个赞 👍🏻 呗。
❤️❤️❤️本人水平有限，如有纰漏，欢迎各位大佬评论批评指正！😄😄😄

💘💘💘如果觉得这篇文对你有帮助的话，也请给个点赞、收藏下吧，非常感谢!👍 👍 👍

🔥🔥🔥Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧！🌙🌙🌙

【Python系列】flask入门_python_06