python todo-list网页实现_todolist网页版-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_42954615/article/details/108925637

本文介绍了一个使用Python Flask框架构建的简单待办事项应用。应用包括添加、删除和显示待办事项的功能，并通过AJAX实现页面实时更新。用户可以输入新的待办事项，点击按钮将其添加到列表中，同时可以清除已完成的任务。源代码包含两个文件：main.py（Flask应用）和templates/todolist.html（HTML模板），提供了完整的前后端交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

python todo-list网页实现

开始

开始

先献上代码

todolist.py

from flask import Flask,render_template
todolist = []
app = Flask(__name__)
@app.route('/')
def home():
	return render_template('todolist.html')
@app.route('/api/todolist/checkItems',methods=['POST'])
def checkTodo():
	return str(todolist),200
@app.route('/api/todolist/delItem/<int:item>',methods=['POST'])
def delTodo(item):
	todolist.pop(item)
	return ''
@app.route('/api/todolist/addItem/<content>',methods=['POST'])
def addTodo(content):
	todolist.append(content)
	return ''
app.run()

template/todolist.html

<!DOCTYPE html>
<html>
<head>
<title>todolist日程表</title>
</head>
<body>
<h1>todolist日程表</h1>
创建新的日程new todo:<input type="text" id="newTodo" name="newTodo" /><input type="button" id="submit" value="submit确认" name="submit" />
<br />
<input type="button" id="clear" name="clear" value="删除已完成的delete the finished items">
<br />
<div id="div">
</div>
</body>
<script>