Lập trình WordPress Hosting Thủ thuật Tin học Môn học
CÔNG CỤ
Cài đặt Anaconda Reference Counting trong Python Garbage Collection trong Python Dynamic Typing trong Python Mutable and Immutable trong Python Toán tử is trong Python Cài đặt Jupyter Notebook Cài đặt package Python
MODULES
Toán tử and trong Python Toán tử or trong Python Kiểu dữ liệu float trong Python Chuyển đổi float sang int trong Python Hàm round() trong Python Mô-đun decimal của Python Phạm vi biến trong Python Tổng quan về closures trong Python Các phạm vi nonlocal trong Python Bài tập Python: DateTime trong Python Decorator trong Python Decorator với tham số trong Python Chuyển chuỗi Python thành DateTime trong Python Decorator Class trong Python TimeDelta trong Python Monkey Patching trong Python Bài tập Python: JSON trong Python Các sequence trong Python Bài tập Python : Tạo dữ liệu ngẫu nhiên trong Python Tuple và List trong Python Cắt Chuỗi (Slicing) Trong Python Dãy số Fibonacci trong Python Tìm hiểu về Iterator trong Python Iterator vs Iterable trong Python Sử dụng hiệu quả hàm iter() trong Python Tìm hiểu Generators trong Python Biểu thức Generator trong Python Context Managers trong Python Multiprocessing trong Python Xử lý MySQL trong Python Python Google Translator JSON trong Python Random trong Python Đối tượng None trong Python Sử dụng số nguyên trong Python Tìm hiểu Floor Division trong Python Phép toán Modulo trong Python Phép toán Boolean trong Python
THAM KHẢO
Cách chia List thành các phần bằng nhau trong Python Cách xóa một khóa (key) ra khỏi dictionary trong Python Hướng dẫn chuyển đổi file Google Colab sang Markdown trong Python Bài tập Python: Lập trình cơ sở dữ liệu trong Python Kết nối cơ sở dữ liệu MySQL Python Hướng dẫn kết nối Python PostgreSQL bằng Psycopg2 Hướng dẫn kết nối SQLite sử dụng sqlite3 trong Python Bài tập Python : Pandas trong Python Phạm vi số float của Python Cách lên lịch chạy script Python bằng GitHub Actions Cách tạo hằng số trong Python Các nền tảng lưu trữ tốt nhất cho ứng dụng và script Python 6 Tip viết vòng lặp For hiệu quả hơn trong Python Cách đảo ngược Chuỗi String trong Python Cách gỡ lỗi ứng dụng Python trong Docker Container bằng VS Code 10 tip One Liner bạn cần biết trong Python Cách áp dụng ngưỡng hình ảnh trong Python với NumPy Tìm hiểu về các phép toán Groupby trong Pandas Lập trình Socket trong Python Mô-đun base64 trong Python Cách giới hạn float values trong Python Tìm hiểu Mô-đun statistics Trong Python File Organizing trong Python Đổi tên File trong Python Tìm hiểu về Deque trong Python Mô-đun Calendar trong Python Tìm hiểu về Enum trong Python Sử dụng pprint trong Python Làm việc với cấu trúc Dữ liệu Stack trong Python Thư viện functools trong Python Tip sử dụng hàm round() với tham số âm trong Python Hàm print có thể nhận thêm các tham số bổ sung trong Python Tip tìm chuỗi dài nhất bằng hàm max() trong Python Cách lặp qua nhiều list với hàm zip() trong Python Tìm hiểu về MLOps trong Python Docker và Kubernetes với MLOps trong Python Kết hợp DevOps với MLOps trong Python Xử lý độ chính xác các hàm floor, ceil, round, trunc, format trong Python tối ưu quy trình MLOps Với Python Sự khác biệt giữa byte objects và string trong Python Top 4 thư viện phổ biến nhất của NLP trong Python Cách sử dụng ThreadPoolExecutor trong Python Phân tích dữ liệu Blockchain với Python Hướng dẫn triển khai Smart Contracts với Python Blockchain APIs với Python Làm việc với file ZIP trong Python Sự khác biệt giữa toán tử == và is trong Python Chuyển đổi kiểu dữ liệu trong Python Cách làm việc với file tarball/tar trong Python Sự khác biệt giữa iterator và iterable trong Python Sự khác biệt giữa set() và frozenset() trong Python Làm việc với các biến môi trường trong Python Một tác vụ phổ biến khi làm việc với danh sách trong Python Định dạng chuỗi Strings trong Python Sử dụng Poetry để quản lý dependencies trong Python Sự khác biệt giữa sort() và sorted() trong Python Từ khóa yield trong Python Lớp dữ liệu (Data Classes) trong Python với decorator @dataclass Cách truy cập và thiết lập biến môi trường trong Python Hướng dẫn toàn diện về module datetime trong Python Hướng dẫn xây dựng Command-Line Interface (CLI) bằng Quo trong Python Sử dụng Virtual Environment trong Python Từ khóa super() trong Python Số phức trong Python Ý nghĩa của một hoặc hai dấu gạch dưới đứng đầu trong Python Làm việc với Video trong OpenCV bằng Python Chỉnh sửa file trực tiếp bằng module fileinput trong Python Hướng dẫn cách chuyển đổi kiểu dữ liệu trong Python Làm việc với hình ảnh trong OpenCV sử dụng Python Metaclasses trong Python Cách chọn ngẫu nhiên một phần tử từ danh sách trong Python Hướng dẫn cài đặt và sử dụng OpenCV trong Python Phạm vi toàn cục, cục bộ và không cục bộ trong Python Tìm hiểu về từ khóa self trong các lớp Python Hướng dẫn sử dụng Rich, Typer, và SQLite trên terminal bằng Python Giới thiệu về Graph Machine Learning trong Python Cách kiểm tra một đối tượng có thể lặp (iterable) trong Python Quản lý sinh viên Python & MySQL Cách cắt (slicing) chuỗi trong Python Cách loại bỏ phần tử trùng lặp khỏi danh sách (List) trong Python Phân tích dữ liệu Apple Health bằng Python Cách làm phẳng danh sách lồng nhau trong Python Tìm hiểu về *args và **kwargs trong Python Cách xóa file và thư mục trong Python 31 Phương thức xử lý chuỗi (String) quan trọng trong Python Cách sao chép file trong Python 8 Mẹo Refactor Code Python nhanh gọn (Phần 2) Cách yêu cầu người dùng nhập liệu đến khi nhận được phản hồi hợp lệ trong Python Làm chủ Pattern Matching trong Python 3.10 Tạo app ghi chú trong Python với nhận dạng giọng nói và API Notion Các tính năng mới trong Python 3.10 5 lỗi thường gặp trong Python Sự khác biệt giữa append() và extend() trong list Python Các cách nối hai danh sách trong Python Sự khác biệt giữa str và repr trong Python Sự khác biệt giữa @classmethod, @staticmethod và instance methods trong Python Cách thêm số 0 vào đầu chuỗi trong Python Cách tạo thư mục lồng nhau (nested directory) trong Python Cách hợp nhất hai Dictionaries trong Python Cách thực thi lệnh hệ thống hoặc System Command từ Python Cách kiểm tra một chuỗi có chứa chuỗi con trong Python Cách tìm chỉ mục của một phần tử trong danh sách (List) trong Python Cách truy cập index trong vòng lặp for trong Python Cách kiểm tra file hoặc thư mục có tồn tại trong Python Cách xóa phần tử trong danh sách Python Ý nghĩa của if __name__ == "__main__" trong Python 8 mẹo tái cấu trúc Python giúp mã sạch hơn và Pythonic Hỗ trợ Async trong Django 3.1 Hướng dẫn tạo ứng dụng AI hội thoại với NVIDIA Jarvis trong Python Hướng dẫn xây dựng ứng dụng dự đoán giá cổ phiếu bằng Python Cách cài đặt Jupyter Notebook trong môi trường Conda và thêm Kernel Xây dựng ứng dụng Web Style Transfer với PyTorch và Streamlit Cách sử dụng Python Debugger với hàm breakpoint() Cách sử dụng chế độ interactive trong Python Hướng dẫn viết game Rắn Săn Mồi bằng Python 11 mẹo và thủ thuật để viết Code Python hiệu quả hơn Hướng dẫn làm ứng dụng TODO với Flask dành cho người mới bắt đầu trong Python Hướng dẫn tạo Chatbot đơn giản bằng PyTorch Xây dựng Web Machine Learning đẹp mắt với Streamlit và Scikit-learn trong Python Xây dựng web Python tự động hóa Twitter | Flask, Heroku, Twitter API & Google Sheets API Hướng dẫn sử dụng Google Sheets API với Python Cách nạp dữ liệu Machine Learning từ File trong Python Toán tử Walrus Operator- Tính năng mới trong Python 3.8 Cách thêm Progress Bar trong Python với chỉ một dòng Code
CÁC CHỦ ĐỀ
Python Unit Testing
Python Regex
Python Concurrency
Tkinter Tutorial
PyQt Tutorial
Python căn bản
Python nâng cao
Django
Matplotlib
Pandas
Numpy
Python function
BÀI MỚI NHẤT
c language jpg Các kiểu dữ liệu trong C ( int - float - double - char ...) thuat toan va giai thuat gif Thuật toán tìm ước chung lớn nhất trong C/C++ thuat toan va giai thuat gif Thuật toán tính lũy thừa nhanh trong C/C++ hoc c plus plus gif Cấu trúc lệnh switch case trong C++ (có bài tập thực hành) winform jpg ComboBox - ListBox trong lập trình C# winforms python gif Random trong Python: Tạo số random ngẫu nhiên lenh cin va cout trong c 2B 2B gif Lệnh cin và cout trong C++ winform jpg Cách kết nối SQL Server trong C# Winforms
MỚI CẬP NHẬT
codeigniter gif Cách khai báo biến trong PHP, các loại biến thường gặp cai dat vertrigo server gif Download và cài đặt Vertrigo Server hoc html gif Thẻ li trong HTML hoc html gif Thẻ nav trong HTML5 tim hieu doi tuong article trong html5 gif Thẻ article trong HTML5 tao template html5 dau tien gif Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên dung the img trong html de tao hinh anh gif Cách dùng thẻ img trong HTML và các thuộc tính của img dung the a trong html de tao links gif Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng
Home > Python > Python nâng cao > Hướng dẫn làm ứng dụng TODO với Flask dành cho người mới bắt đầu trong Python

Thông báo: Download 4 khóa học Python từ cơ bản đến nâng cao tại đây.

Hướng dẫn làm ứng dụng TODO với Flask dành cho người mới bắt đầu trong Python

Trong bài viết này, bạn sẽ học cách tạo một ứng dụng quản lý công việc (TODO App) đơn giản bằng Flask trong một khóa học cấp tốc. Flask là một trong những framework web phổ biến nhất được viết bằng Python. Đây là một framework nhẹ, lý tưởng cho người mới bắt đầu, với mục tiêu giúp quá trình khởi đầu trở nên nhanh chóng và dễ dàng, đồng thời có khả năng mở rộng để phát triển các ứng dụng phức tạp hơn.

test php

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Nội dung hướng dẫn:

  • Cài đặt và thiết lập Flask
  • Định nghĩa các routes (đường dẫn)
  • Sử dụng templates
  • Tích hợp cơ sở dữ liệu (sử dụng SQLAlchemy và SQLite)
  • Xây dựng các chức năng quản lý công việc trong TODO App
  • Thêm giao diện đẹp với Semantic UI

Mã nguồn đầy đủ có thể được tìm thấy trên GitHub.

Thiết lập dự án trong Python

Tạo dự án với môi trường ảo

$ mkdir myproject  
$ cd myproject  
$ python3 -m venv venv

Kích hoạt môi trường:

Bài viết này được đăng tại [free tuts .net]

Trên macOS/Linux:

$ . venv/bin/activate

Trên Windows:

venv\Scripts\activate

Cài đặt Flask và Flask-SQLAlchemy

$ pip install Flask  
$ pip install Flask-SQLAlchemy

Tạo ứng dụng "Hello World" trong Python

Tạo file app.py và thêm đoạn mã sau:

from flask import Flask  
app = Flask(__name__)  

@app.route('/')  
def hello_world():  
    return 'Hello, World!'  

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

Lưu ý:

  • Dùng decorator @app.route('đường dẫn') để khai báo mỗi route.
  • Trong ví dụ trên, dấu / là trang chính (home page).
  • Cài đặt debug=True giúp tự động tải lại server khi bạn thay đổi mã.

Chạy ứng dụng:

$ python app.py

Mở trình duyệt và truy cập: http://127.0.0.1:5000/ để thấy dòng chữ "Hello, World!".

Tích hợp cơ sở dữ liệu trong Python

Chỉnh sửa file app.py như sau:

from flask import Flask  
from flask_sqlalchemy import SQLAlchemy  

app = Flask(__name__)  

# Thiết lập SQLite (cơ sở dữ liệu)  
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)  

@app.route('/')  
def hello_world():  
    return 'Hello, World!'  

if __name__ == "__main__":  
    db.create_all()  # Khởi tạo database  
    app.run(debug=True)

Hiển thị danh sách Todo trong Python

Thay thế hàm hello_world() để trả về template:

from flask import Flask, render_template  

...  

@app.route("/")  
def home():  
    todo_list = Todo.query.all()  
    return render_template("base.html", todo_list=todo_list)

Tạo thư mục template và file HTML

  • Tạo thư mục templates ở thư mục gốc dự án.
  • Tạo file base.html trong thư mục này:
<!DOCTYPE html>  
<html lang="en">  

<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>Todo App</title>  
</head>  

<body>  

    <h1>To Do App</h1>  

    {% for todo in todo_list %}  

    <p>{{ todo.id }} | {{ todo.title }}</p>  

    {% if not todo.complete %}  
    <span>Not Complete</span>  
    {% else %}  
    <span>Completed</span>  
    {% endif %}  

    {% endfor %}  

</body>  

</html>

Thêm, xóa, cập nhật công việc trong Python

Cập nhật file app.py:

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

...  

@app.route("/add", methods=["POST"])  
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.route("/update/<int:todo_id>")  
def update(todo_id):  
    todo = Todo.query.get(todo_id)  
    todo.complete = not todo.complete  
    db.session.commit()  
    return redirect(url_for("home"))  

@app.route("/delete/<int:todo_id>")  
def delete(todo_id):  
    todo = Todo.query.get(todo_id)  
    db.session.delete(todo)  
    db.session.commit()  
    return redirect(url_for("home"))
Thêm form vào base.html
<form action="/add" method="post">  
    <label>Todo Title</label>  
    <input type="text" name="title" placeholder="Enter Todo..."><br>  
    <button type="submit">Add</button>  
</form>  

{% for todo in todo_list %}  

<p>{{ todo.id }} | {{ todo.title }}</p>  
<a href="/update/{{ todo.id }}">Update</a>  
<a href="/delete/{{ todo.id }}">Delete</a>  

{% endfor %}

Thêm giao diện với Semantic UI trong Python

Tích hợp CDN:
Thêm vào phần <head> trong base.html:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">  
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>

Cập nhật lại base.html để có giao diện đẹp hơn:

<div class="ui container">  
    <h1 class="ui center aligned header">To Do 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..."><br>  
        </div>  
        <button class="ui blue button" type="submit">Add</button>  
    </form>  

    <hr>  

    {% for todo in todo_list %}  
    <div class="ui segment">  
        <p>{{ todo.id }} | {{ todo.title }}</p>  

        {% if not todo.complete %}  
        <span class="ui grey label">Not Complete</span>  
        {% else %}  
        <span class="ui green label">Completed</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>

Kết bài

Bằng cách hoàn thành hướng dẫn này, bạn đã xây dựng được một ứng dụng TODO cơ bản với Flask và tích hợp giao diện đẹp mắt bằng Semantic UI. Đây là bước khởi đầu lý tưởng để làm quen với phát triển web bằng Python và Flask. Chúc bạn tiếp tục thành công!

Bài trước Bài tiếp

Cùng chuyên mục:

Cách thêm Progress Bar trong Python với chỉ một dòng Code

Cách thêm Progress Bar trong Python với chỉ một dòng Code

Toán tử Walrus Operator- Tính năng mới trong Python 3.8

Toán tử Walrus Operator- Tính năng mới trong Python 3.8

Cách nạp dữ liệu Machine Learning từ File trong Python

Cách nạp dữ liệu Machine Learning từ File trong Python

Hướng dẫn sử dụng Google Sheets API với Python

Hướng dẫn sử dụng Google Sheets API với Python

Xây dựng web Python tự động hóa Twitter | Flask, Heroku, Twitter API & Google Sheets API

Xây dựng web Python tự động hóa Twitter | Flask, Heroku, Twitter API & Google Sheets API

Xây dựng Web Machine Learning đẹp mắt với Streamlit và Scikit-learn trong Python

Xây dựng Web Machine Learning đẹp mắt với Streamlit và Scikit-learn trong Python

Hướng dẫn tạo Chatbot đơn giản bằng PyTorch

Hướng dẫn tạo Chatbot đơn giản bằng PyTorch

11 mẹo và thủ thuật để viết Code Python hiệu quả hơn

11 mẹo và thủ thuật để viết Code Python hiệu quả hơn

Hướng dẫn viết Snake Game bằng Python

Hướng dẫn viết Snake Game bằng Python

Cách sử dụng chế độ interactive trong Python

Cách sử dụng chế độ interactive trong Python

Cách sử dụng Python Debugger với hàm breakpoint()

Cách sử dụng Python Debugger với hàm breakpoint()

Xây dựng ứng dụng Web Style Transfer với PyTorch và Streamlit

Xây dựng ứng dụng Web Style Transfer với PyTorch và Streamlit

Cách cài đặt Jupyter Notebook trong môi trường Conda và thêm Kernel

Cách cài đặt Jupyter Notebook trong môi trường Conda và thêm Kernel

Hướng dẫn xây dựng ứng dụng dự đoán giá cổ phiếu bằng Python

Hướng dẫn xây dựng ứng dụng dự đoán giá cổ phiếu bằng Python

Hướng dẫn tạo ứng dụng AI hội thoại với NVIDIA Jarvis trong Python

Hướng dẫn tạo ứng dụng AI hội thoại với NVIDIA Jarvis trong Python

Hỗ trợ Async trong Django 3.1

Hỗ trợ Async trong Django 3.1

8 mẹo tái cấu trúc Python giúp mã sạch hơn và Pythonic

8 mẹo tái cấu trúc Python giúp mã sạch hơn và Pythonic

Ý nghĩa của if __name__ ==

Ý nghĩa của if __name__ == "__main__" trong Python

Cách xóa phần tử trong danh sách Python

Cách xóa phần tử trong danh sách Python

Cách kiểm tra file hoặc thư mục có tồn tại trong Python

Cách kiểm tra file hoặc thư mục có tồn tại trong Python

Giới thiệu

Giới thiệu Liên hệ Chính sách Điều khoản

Thủ thuật

Máy tính Game Điện thoại Ứng dụng

Link hay

Học PHP Học Javascript Học Python Học Java

Liên kết

Tiếng Anh Văn học Toán
Copyright © 2021. Phát triển bởi Freetuts Team.
Top