ToDoList 开源项目使用教程

ToDoList 开源项目使用教程

ToDoListA dynamic and aesthetic To-Do List Website built with HTML, CSS, Vanilla JavaScript.项目地址:https://gitcode.com/gh_mirrors/todoli/ToDoList

1. 项目的目录结构及介绍

ToDoList/
├── README.md
├── app.py
├── config.py
├── requirements.txt
├── static/
│   ├── css/
│   │   └── style.css
│   └── js/
│       └── script.js
├── templates/
│   └── index.html
└── todo_data/
    └── tasks.json

• README.md: 项目说明文件。
• app.py: 项目的启动文件。
• config.py: 项目的配置文件。
• requirements.txt: 项目依赖文件。
• static/: 静态文件目录，包含CSS和JavaScript文件。
• templates/: HTML模板文件目录。
• todo_data/: 存储任务数据的目录。

2. 项目的启动文件介绍

app.py 是项目的启动文件，负责初始化Flask应用并定义路由和视图函数。以下是 app.py 的主要内容：

from flask import Flask, render_template, request, redirect, url_for
import json

app = Flask(__name__)

# 路由和视图函数定义
@app.route('/')
def index():
    # 读取任务数据
    with open('todo_data/tasks.json', 'r') as f:
        tasks = json.load(f)
    return render_template('index.html', tasks=tasks)

@app.route('/add', methods=['POST'])
def add_task():
    # 添加新任务
    task = request.form['task']
    with open('todo_data/tasks.json', 'r') as f:
        tasks = json.load(f)
    tasks.append(task)
    with open('todo_data/tasks.json', 'w') as f:
        json.dump(tasks, f)
    return redirect(url_for('index'))

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

3. 项目的配置文件介绍

config.py 是项目的配置文件，包含应用的配置信息。以下是 config.py 的主要内容：

# 配置信息
DEBUG = True
SECRET_KEY = 'your_secret_key'

这些配置信息可以在 app.py 中导入和使用：

from config import DEBUG, SECRET_KEY

app = Flask(__name__)
app.config['DEBUG'] = DEBUG
app.config['SECRET_KEY'] = SECRET_KEY

通过这些配置，可以控制应用的调试模式和安全密钥。

ToDoListA dynamic and aesthetic To-Do List Website built with HTML, CSS, Vanilla JavaScript.项目地址:https://gitcode.com/gh_mirrors/todoli/ToDoList