案例1 ：简单应用
Flask 是一个轻量级的 Web 应用框架，非常适合快速开发小型项目。下面是一个简单的 Flask 项目示例，它实现了一个基本的待办事项列表应用。这个应用允许用户添加、删除和查看待办事项.
项目结构
flask-todo-app/
├── app.py
├── templates/
│ ├── layout.html
│ ├── index.html
└── static/
└── style.css
代码说明
app.py
这是 Flask 应用的主文件，负责处理路由和逻辑.
from flask import Flask, render_template, request, redirect, url_for
app = Flask(__name__)
# 存储待办事项的列表
todos = []
@app.route('/')
def index():
return render_template('index.html', todos=todos)
@app.route('/add', methods=['POST'])
def add_todo():
todo = request.form.get('todo')
if todo:
todos.append(todo)
return redirect(url_for('index'))
@app.route('/delete/<int:index>')
def delete_todo(index):
if 0 <= index < len(todos):
del todos[index]
return redirect(url_for('index'))
if __name__ == '__main__':
app.run(debug=True)
templates/layout.html
这是基础模板文件，用于定义页面的基本结构.
<!DOCTYPE html>
<html>
<head>
<title>待办事项列表</title>
<link rel="stylesheet" href="{
{ url_for('static', filename='style.css') }}">
</head>
<body>
<div class="container">
{% block content %}{% endblock %}
</div>
</body>
</html>
templates/index.html
这是主页面模板，用于显示待办事项列表和添加待办事项的表单.
{% extends 'layout.html' %}
{% block content %}
<h1>待办事项列表</h1>
<form action="{
{ url_for('add_todo') }}" method="post">
<input type="text" name="todo" placeholder="添加待办事项" required>
<button type="submit">添加</button>
</form>
<ul>
{% for todo in todos %}
<li>{
{ todo }} <a href="{
{ url_for('delete_todo', index=loop.index0) }}">删除</a></li>
{% endfor %}
</ul>
{% endblock %}
static/style.css
这
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
