当前位置： 首页 > news >正文

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

news 2026/4/1 15:40:11

项目结构

首先，创建一个项目目录，结构如下：

 

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', name=name)if __name__ == '__main__':app.run(port=3000, debug=True)

 

2. 创建 HTML 模板 index.html
 

在 templates 目录下创建 index.html 文件，内容如下：
 

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Flask应用</title><link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body><form action="/submit" method="post"><label for="name">请输入你的名字:</label><input type="text" id="name" name="name" required><button type="submit">提交</button></form>{% if name %}<h2>你好啊, {{ name }}!</h2>{% endif %}
</body>
</html>

 

3. 创建 CSS 文件 style.css
 

在 static 目录下创建 style.css 文件，内容如下：
 

body {font-family: Arial, sans-serif;margin: 20px;
}form {margin: 20px 0;
}input[type="text"] {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有了一点点理解了，继续扩展的知识线吧！














相关文章：
















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




项目结构 
首先&#xff0c;创建一个项目目录&#xff0c;结构如下&#xff1a; flask_app/ │ ├── app.py                # Flask 应用代码 ├── static/               # 存放静态文件&#xff08;如CSS、JS、图片等&#xff09; │   └── style.css         # 示例…...






编程日记
2024/12/17 16:56:30



















Mongoose连接数据库操作实践




文章目录 介绍特点&#xff1a;Mongoose 使用&#xff1a;创建项目并安装&#xff1a;连接到 MongoDB&#xff1a;定义 Schema&#xff1a;创建模型并操作数据库&#xff1a;创建文档&#xff1a;查询文档&#xff1a;更新文档&#xff1a;删除文档&#xff1a;使用钩子&#x…...






编程日记
2024/12/17 16:54:26



















centos 7.9 freeswitch1.10.9环境搭建




亲测版本centos 7.9系统–》 freeswitch1.10.9 
一、下载插件 
yum install -y git alsa-lib-devel autoconf automake bison broadvoice-devel bzip2 curl-devel libdb4-devel e2fsprogs-devel erlang flite-devel g722_1-devel gcc-c++ gdbm-devel gnutls-devel ilbc2...






编程日记
2024/12/17 16:50:21



















Gitlab服务管理和仓库项目权限管理




Gitlab服务管理 
gitlab-ctl start                 # 启动所有 gitlab 组件&#xff1b; 
gitlab-ctl stop                 # 停止所有 gitlab 组件&#xff1b; 
gitlab-ctl restart                 # 重启所有 gitlab 组件&#xff1b; 
gitlab-ctl status               …...






编程日记
2024/12/17 16:46:15



















LLMs之Llama-3：Llama-3.3的简介、安装和使用方法、案例应用之详细攻略




LLMs之Llama-3&#xff1a;Llama-3.3的简介、安装和使用方法、案例应用之详细攻略 目录 
相关文章 
LLMs之LLaMA&#xff1a;LLaMA的简介、安装和使用方法、案例应用之详细攻略 
LLMs之LLaMA-2&#xff1a;LLaMA 2的简介(技术细节)、安装、使用方法(开源-免费用于研究和商业用途…...






编程日记
2024/12/17 16:42:11



















OpenCV函数及其应用




1. 梯度处理的Sobel算子函数 功能 Sobel算子是一种用于边缘检测的离散微分算子&#xff0c;它结合了高斯平滑和微分求导&#xff0c;用于计算图像亮度的空间梯度。 
参数 src&#xff1a;输入图像。 dst&#xff1a;输出图像。 ddepth&#xff1a;输出图像的深度。 dx&#xff…...






编程日记
2024/12/17 16:39:07



















vulnhub靶场【DriftingBlues】之3




前言 
靶机&#xff1a;DriftingBlues-3&#xff0c;IP地址192.168.1.60 
攻击&#xff1a;kali&#xff0c;IP地址192.168.1.16 
都采用虚拟机&#xff0c;网卡为桥接模式 
主机发现 
使用arp-scan -l或netdiscover -r 192.168.1.1/24 信息收集 
使用nmap扫描端口 网站探测 
访…...






编程日记
2024/12/17 16:38:06



















文件上传—阿里云OSS对象存储




目录 
一、OSS简介 
二、OSS基本使用 
1. 注册账号 
2. 基本配置 
(1) 开通OSS 
(2) 创建存储空间 
(3) 修改权限 
(4) 配置完成&#xff0c;上传一张图片&#xff0c;检验是否成功。  
(5) 创建AccessKey 
三、Java项目集成OSS 
1. 导入依赖 
2. Result.java代码&#xff1a; …...






编程日记
2024/12/17 16:37:05



















mybatis-plus超详细讲解




mybatis-plus 
&#xff08;简化代码神器&#xff09; 
地址&#xff1a;https://mp.baomidou.com/ 
目录 
mybatis-plus 
简介 
特性 
支持数据库 
参与贡献 
快速指南 
1、创建数据库 mybatis_plus 
2、导入相关的依赖 
3、创建对应的文件夹 
4、编写配置文件 
5、编写代码 
…...






编程日记
2024/12/17 16:36:03



















【Linux】--- 进程的概念




【Linux】--- 进程的概念 一、进程概念二、PCB1.什么是PCB2.什么是task_struct&#xff08;重点&#xff01;&#xff09;3.task_struct包含内容 三、task_struct内容详解1.查看进程&#xff08;1&#xff09;通过系统目录查看&#xff08;2&#xff09;通过ps命令查看&#xf…...






编程日记
2024/12/17 16:34:00



















Unity NTPComponent应用, 实现一个无后端高效获取网络时间的组件




无后端高效获取网络时间的组件  废话不多说&#xff0c;直接上源码m_NowSerivceTime 一个基于你发行游戏地区的时间偏移&#xff0c; 比如北京时区就是 8, 巴西就是-3&#xff0c;美国就是-5using Newtonsoft.Json; 如果这里报错&#xff0c; 就说明项目没有 NewtonsoftJson插件…...






编程日记
2024/12/17 16:27:52



















go语言使用zlib压缩[]byte




在Go语言中&#xff0c;可以使用compress/flate和compress/zlib包来实现对[]byte数据的Zlib压缩。下面是一个简单的示例&#xff0c;展示如何使用这些包来压缩一个字节切片&#xff1a; go 
package main import ( "bytes" "compress/zlib" "fmt"…...






编程日记
2024/12/17 16:19:42



















Windows 配置 Tomcat环境




Windows配置Tomcat 1. 介绍 
Tomcat是一个开源的、轻量级的Java应用服务器&#xff0c;在Java Web开发领域应用广泛。以下是关于它的详细介绍&#xff1a; 
一、基本概念与背景 
定义&#xff1a;Tomcat是Apache软件基金会&#xff08;Apache Software Foundation&#xff09;下…...






编程日记
2024/12/17 16:16:37



















【python从入门到精通】-- 第六战：列表和元组




&#x1f308; 个人主页&#xff1a;白子寰 &#x1f525; 分类专栏&#xff1a;重生之我在学Linux&#xff0c;C打怪之路&#xff0c;python从入门到精通&#xff0c;数据结构&#xff0c;C语言&#xff0c;C语言题集&#x1f448; 希望得到您的订阅和支持~ &#x1f4a1; 坚持…...






编程日记
2024/12/17 16:14:35



















Python | 数据可视化中常见的4种标注及示例




在Python的数据可视化中&#xff0c;标注&#xff08;Annotation&#xff09;技术是一种非常有用的工具&#xff0c;它可以帮助用户更准确地解释图表中的数据和模式。在本文中&#xff0c;将带您了解使用Python实现数据可视化时应该了解的4种标注。 
常见的标注方式 
文本标注箭…...






编程日记
2024/12/17 16:10:31



















LearnOpenGL学习（高级OpenGL -＞ 高级GLSL，几何着色器，实例化）




完整代码见&#xff1a;zaizai77/Cherno-OpenGL: OpenGL 小白学习之路 
高级GLSL 
内建变量 
顶点着色器 
gl_PointSoze : float 输出变量&#xff0c;用于控制渲染 GL_POINTS 型图元时&#xff0c;点的大小。可用于粒子系统。将其设置为 gl_Position.z 时&#xff0c;可以使点…...






编程日记
2024/12/17 16:09:30



















Scala学习记录




dao --------> 数据访问 
mode ------> 模型 
service ---->业务逻辑 
Main -------> UI:用户直接操作&#xff0c;调用Service 
改造UI层&#xff1a;...






编程日记
2024/12/17 16:08:29



















vue使用pdfh5.js插件，显示pdf文件白屏




pdfh5&#xff0c;展示文件白屏&#xff0c;无报错 实现效果图解决方法(降版本)排查问题过程发现问题查找问题根源1、代码写错了&#xff1f;2、预览文件流的问题&#xff1f;3、pdfh5插件更新了&#xff0c;我的依赖包没更新&#xff1f;4、真相大白 彩蛋 实现效果图 解决方法…...






编程日记
2024/12/17 16:07:27



















docker login 出错 Error response from daemon




在自己的Linux服务器尝试登陆docker出错 输入完用户密码之后错误如下&#xff1a;  解决方案 
1.打开daemo文件&#xff1a; vim/etc/docker/daemon.json 2.常用的国内Docker 镜像源地址 网易云 Docker 镜像&#xff1a;http://hub-mirror.c.163.com 百度云 Docker 镜像&#x…...






编程日记
2024/12/17 16:05:25



















Web 身份认证 --- Session和JWT Token




Web 身份认证 --- Session和JWT Token 方法一: 通过使用Session进行身份认证方法二: 通过JWT token进行身份认证什么是JWTJWT完整流程JWT攻防JWT 如何退出登录JWT的续签 方法一: 通过使用Session进行身份认证 用户第一次请求服务器的时候&#xff0c;服务器根据用户提交的相关信…...






编程日记
2024/12/17 16:03:22





















N_m3u8DL-CLI-SimpleG：让M3U8视频下载变得简单高效的图形化工具




N_m3u8DL-CLI-SimpleG&#xff1a;让M3U8视频下载变得简单高效的图形化工具 【免费下载链接】N_m3u8DL-CLI-SimpleG N_m3u8DL-CLIs simple GUI   项目地址: https://gitcode.com/gh_mirrors/nm3/N_m3u8DL-CLI-SimpleG     
在数字内容日益丰富的今天&#xff0c;我们经常遇到需…...






编程新知
2026/4/1 15:28:08



















微信小游戏安全漏洞深度剖析：从反编译到协议篡改




1. 微信小游戏安全风险全景图
微信小游戏凭借即点即玩的特性迅速占领市场&#xff0c;但很多开发者对安全防护的重视程度远远不够。我见过太多团队把精力全放在玩法创新上&#xff0c;结果上线三天就被破解的案例。常见的安全威胁主要来自三个方向&#xff1a;客户端篡改、协议…...






编程新知
2026/4/1 15:13:40



















Stillcolor：彻底解决macOS时间抖动，为Apple Silicon用户带来无闪烁视觉体验




Stillcolor&#xff1a;彻底解决macOS时间抖动&#xff0c;为Apple Silicon用户带来无闪烁视觉体验 【免费下载链接】Stillcolor Disable temporal dithering on your Mac with this lightweight menu bar app. Designed for Apple silicon Macs.   项目地址: https://gitcode.…...






编程新知
2026/4/1 14:45:09



















Phi-3-mini-4k-instruct-gguf应用落地：律师助理合同风险点识别与提示生成




Phi-3-mini-4k-instruct-gguf应用落地&#xff1a;律师助理合同风险点识别与提示生成 
1. 项目背景与价值 
在法律服务领域&#xff0c;合同审查是律师日常工作中最耗时且重复性高的任务之一。传统人工审查方式存在效率低下、容易遗漏细节等问题。Phi-3-mini-4k-instruct-gguf作…...






编程新知
2026/4/1 13:31:00



















Wan2.2-I2V-A14B开源大模型部署：PyTorch 2.4+CUDA 12.4兼容性验证




Wan2.2-I2V-A14B开源大模型部署&#xff1a;PyTorch 2.4CUDA 12.4兼容性验证 
1. 镜像概述与核心价值 
Wan2.2-I2V-A14B是一款专注于文本到视频生成的开源大模型&#xff0c;其私有部署镜像经过深度优化&#xff0c;能够充分发挥RTX 4090D显卡的性能优势。这个镜像最大的特点在…...






编程新知
2026/4/1 11:53:49



















新手入门指南：在快马平台用AI生成代码理解云桌面基础概念




今天想和大家分享一个特别适合新手理解云桌面基础概念的实践方法。作为一个刚接触云计算的小白&#xff0c;我最初对"一台主机创建多个云桌面"这个概念也是一头雾水&#xff0c;直到在InsCode(快马)平台上尝试用AI生成代码来模拟这个过程&#xff0c;才真正搞明白其中…...






编程新知
2026/4/1 10:24:50



















RobotStudio机器人轨迹规划：从工件坐标到流畅路径的实战指南




1. 工件坐标系的创建与校准
在RobotStudio中规划机器人轨迹的第一步&#xff0c;就是建立准确的工件坐标系。这就像盖房子前要先打好地基&#xff0c;坐标系就是机器人运动的"地基"。我见过不少新手直接开始示教点位&#xff0c;结果发现机器人总是跑偏&#xff0c;就…...






编程新知
2026/4/1 10:00:28



















SpeedyBee F405 V4 55A飞塔到手后，这5个关键步骤和3个常见坑点你必须知道




SpeedyBee F405 V4 55A飞塔实战指南&#xff1a;从开箱到首飞的深度解析
穿越机玩家拿到新飞塔的兴奋感&#xff0c;就像赛车手拿到新引擎——但这份喜悦往往伴随着"如何正确启动"的焦虑。SpeedyBee F405 V4 55A飞塔作为当前中高端穿越机的热门选择&#xff0c;其性能…...






编程新知
2026/4/1 9:32:02



















QKeyMapper：Windows终极按键映射工具，无需重启立即生效




QKeyMapper&#xff1a;Windows终极按键映射工具&#xff0c;无需重启立即生效 【免费下载链接】QKeyMapper [按键映射工具] QKeyMapper&#xff0c;Qt开发Win10&Win11可用&#xff0c;不修改注册表、不需重新启动系统&#xff0c;可立即生效和停止&#xff0c;新增虚拟游戏…...






编程新知
2026/4/1 8:49:07



















Python中缓存入门实战之核心概念与用法详解




缓存是提升程序性能的关键技术——将频繁访问的「计算结果/数据」临时存储在高速介质&#xff08;如内存&#xff09;中&#xff0c;避免重复计算/重复查询&#xff08;如数据库、API&#xff09;&#xff0c;从而大幅降低响应时间。以下是 Python 缓存的入门指南&#xff0c;涵…...






编程新知
2026/4/1 8:42:56