1分でシンプルなPythonフラスコtodoアプリを開発する
フラスコアプリ
Completed App
Official Website
Quick Start
プロジェクトのディレクトリを作成して移動します
mkdir flask-app && cd flask-app
Python仮想環境を作成し、それをアクティブにする
python3 -m venv venv
ls
source venv/bin/activate
インストールフラスコとSQLAlchemy
pip install Flask Flask-SQLAlchemy
app.pyファイルtemplatesとbase.htmlディレクトリを作成しますアプリ。パイ
from turtle import title
from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///db.sqlite'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
db = SQLAlchemy(app)
class Todo(db.Model):
id = db.Column(db.Integer, primary_key=True)
title = db.Column(db.String(100))
complete = db.Column(db.Boolean)
db.create_all()
@app.get("/")
def home():
todo_list = db.session.query(Todo).all()
return render_template("base.html", todo_list=todo_list)
@app.post("/add")
def add():
title = request.form.get("title")
new_todo = Todo(title=title, complete=False)
db.session.add(new_todo)
db.session.commit()
return redirect(url_for("home"))
@app.get("/update/<int:todo_id>")
def update(todo_id):
todo = db.session.query(Todo).filter(Todo.id == todo_id).first()
todo.complete = not todo.complete
db.session.commit()
return redirect(url_for("home"))
@app.get("/delete/<int:todo_id>")
def delete(todo_id):
todo = db.session.query(Todo).filter(Todo.id == todo_id).first()
db.session.delete(todo)
db.session.commit()
return redirect(url_for("home"))
テンプレート/ベース。HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Todo App - Flask</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script>
</head>
<body>
<div style="margin-top: 50px;" class="ui container">
<h1 class="ui center aligned header">Flask ToDo App</h1>
<form class="ui form" action="/add" method="post">
<div class="field">
<label>Todo Title</label>
<input type="text" name="title" placeholder="Enter ToDo task...">
<br>
</div>
<button class="ui blue button" type="submit">Add</button>
</form>
<hr>
{% for todo in todo_list %}
<div class="ui segment">
<p class="ui big header">{{ todo.id }} | {{ todo.title }}</p>
{% if todo.complete == False %}
<span class="ui gray label">Not Complete</span>
{% else %}
<span class="ui green label">Complete</span>
{% endif %}
<a class="ui blue button" href="/update/{{ todo.id }}">Update</a>
<a class="ui red button" href="/delete/{{ todo.id }}">Delete</a>
</div>
{% endfor %}
</div>
</body>
</html>
アプリを実行するには、変数のエクスポート変数
export FLASK_APP=app.py
export FLASK_ENV=development
flask run
Reference
この問題について(1分でシンプルなPythonフラスコtodoアプリを開発する), 我々は、より多くの情報をここで見つけました https://dev.to/nditah/develop-a-simple-python-flask-todo-app-in-1-minute-2mjmテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol