Hướng dẫn how do i connect python to flask in html? - làm cách nào để kết nối python với flask trong html?

Tác giả đã chọn quỹ nguồn mở và miễn phí để nhận quyên góp như một phần của chương trình Write for quyên góp.

Giới thiệu

Flask là một khung web Python nhỏ và nhẹ, cung cấp các công cụ và tính năng hữu ích giúp việc tạo các ứng dụng web trong Python dễ dàng hơn. Nó mang lại sự linh hoạt cho các nhà phát triển và là một khung dễ tiếp cận hơn cho các nhà phát triển mới vì bạn có thể xây dựng một ứng dụng web một cách nhanh chóng chỉ bằng một tệp Python duy nhất. Bình cũng có thể mở rộng và không buộc một cấu trúc thư mục cụ thể hoặc yêu cầu mã nồi hơi phức tạp trước khi bắt đầu.

Là một phần của hướng dẫn này, bạn sẽ sử dụng bộ công cụ Bootstrap để tạo kiểu cho ứng dụng của bạn để nó hấp dẫn hơn. Bootstrap sẽ giúp bạn kết hợp các trang web đáp ứng trong ứng dụng web của bạn để nó cũng hoạt động tốt trên các trình duyệt di động mà không cần viết mã HTML, CSS và JavaScript của riêng bạn để đạt được các mục tiêu này. Bộ công cụ sẽ cho phép bạn tập trung vào việc học cách hoạt động của Flask.

Flask sử dụng công cụ mẫu Jinja để xây dựng các trang HTML động bằng cách sử dụng các khái niệm Python quen thuộc như biến, vòng lặp, danh sách, v.v. Bạn sẽ sử dụng các mẫu này như một phần của dự án này.

Trong hướng dẫn này, bạn sẽ xây dựng một blog web nhỏ bằng cách sử dụng Flask và Sqlite trong Python 3. Người dùng của ứng dụng có thể xem tất cả các bài đăng trong cơ sở dữ liệu của bạn và nhấp vào tiêu đề của một bài đăng để xem nội dung của nó với khả năng thêm Bài đăng mới cho cơ sở dữ liệu và chỉnh sửa hoặc xóa một bài đăng hiện có.

Điều kiện tiên quyết

Trước khi bạn bắt đầu làm theo hướng dẫn này, bạn sẽ cần:

• Môi trường lập trình Python 3 cục bộ, hãy làm theo hướng dẫn để phân phối của bạn về cách cài đặt và thiết lập môi trường lập trình cục bộ cho sê -ri Python 3 cho máy cục bộ của bạn. Trong hướng dẫn này, chúng tôi sẽ gọi thư mục dự án của chúng tôi

  export FLASK_APP=hello
  
  

  2.
• Một sự hiểu biết về các khái niệm Python 3, chẳng hạn như các loại dữ liệu, câu lệnh có điều kiện, cho các vòng lặp, chức năng và các khái niệm khác như vậy. Nếu bạn không quen thuộc với Python, hãy xem cách mã hóa của chúng tôi trong Sê -ri Python 3.

Bước 1 - Cài đặt bình

Trong bước này, bạn sẽ kích hoạt môi trường Python của mình và cài đặt bình bằng trình cài đặt gói

export FLASK_APP=hello

Nếu bạn đã kích hoạt môi trường lập trình của mình, hãy đảm bảo rằng bạn có trong thư mục dự án của mình (

export FLASK_APP=hello

source env/bin/activate

Khi môi trường lập trình của bạn được kích hoạt, lời nhắc của bạn sẽ có tiền tố

export FLASK_APP=hello

Tiền tố này là một dấu hiệu cho thấy môi trường

export FLASK_APP=hello

Lưu ý: Bạn có thể sử dụng Git, một hệ thống kiểm soát phiên bản, để quản lý và theo dõi hiệu quả quá trình phát triển cho dự án của bạn. Để tìm hiểu cách sử dụng Git, bạn có thể muốn xem phần giới thiệu của chúng tôi về việc sử dụng cài đặt Git và bài viết chi nhánh. You can use Git, a version control system, to effectively manage and track the development process for your project. To learn how to use Git, you might want to check out our Introduction to Git Installation Usage and Branches article.

Nếu bạn đang sử dụng Git, bạn nên bỏ qua thư mục

export FLASK_APP=hello

export FLASK_APP=hello

Bây giờ bạn sẽ cài đặt các gói Python và cách ly mã dự án của bạn khỏi cài đặt hệ thống Python chính. Bạn sẽ làm điều này bằng cách sử dụng

export FLASK_APP=hello

export FLASK_ENV=development

Để cài đặt bình, chạy lệnh sau:

pip install flask

Sau khi cài đặt hoàn tất, hãy chạy lệnh sau để xác nhận cài đặt:

python -c "import flask; print(flask.__version__)"

Bạn sử dụng giao diện dòng lệnh

export FLASK_ENV=development

export FLASK_ENV=development

export FLASK_ENV=development

export FLASK_ENV=development

export FLASK_ENV=development

Đầu ra sẽ là một số phiên bản tương tự như sau:

Output
1.1.2

Bạn đã tạo ra thư mục dự án, môi trường ảo và bình cài đặt. Bây giờ bạn đã sẵn sàng để chuyển sang thiết lập ứng dụng cơ sở của bạn.

Bước 2 - Tạo một ứng dụng cơ sở

Bây giờ bạn đã thiết lập môi trường lập trình của mình, bạn sẽ bắt đầu sử dụng bình. Trong bước này, bạn sẽ tạo một ứng dụng web nhỏ bên trong tệp Python và chạy nó để khởi động máy chủ, điều này sẽ hiển thị một số thông tin trên trình duyệt.

Trong thư mục

export FLASK_APP=hello

export FLASK_ENV=development

export FLASK_ENV=development

nano hello.py

Tệp

export FLASK_ENV=development

flask run

export FLASK_ENV=development

flask_blog/hello.py

from flask import Flask

app = Flask(__name__)


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

Trong khối mã trước, trước tiên bạn nhập đối tượng

flask run

export FLASK_ENV=development

flask run

flask run

Khi bạn tạo phiên bản

flask run

flask run

flask run

flask run

Hàm xem

Lưu và đóng tập tin.

Để chạy ứng dụng web của bạn, trước tiên bạn sẽ nói cho Flask nơi tìm ứng dụng (tệp

export FLASK_ENV=development

export FLASK_APP=hello

Sau đó chạy nó trong chế độ phát triển với biến môi trường

export FLASK_ENV=development

Cuối cùng, chạy ứng dụng bằng lệnh

flask run

Khi ứng dụng đang chạy, đầu ra sẽ như thế này:

Đầu ra trước có một số thông tin, chẳng hạn như:

• Tên của ứng dụng bạn đang chạy.
• Môi trường mà ứng dụng đang được chạy.

• 07 biểu thị rằng trình gỡ lỗi nắp đang chạy. Điều này rất hữu ích khi phát triển vì nó cung cấp cho chúng tôi các thông báo lỗi chi tiết khi mọi thứ đi sai, điều này giúp khắc phục sự cố dễ dàng hơn.
• Ứng dụng đang chạy cục bộ trên URL
  08,
  09 là IP đại diện cho máy của bạn
  10 và
  11 là số cổng.

Mở trình duyệt và nhập vào URL

Flask Flask sử dụng một máy chủ web đơn giản để phục vụ ứng dụng của chúng tôi trong môi trường phát triển, điều đó cũng có nghĩa là trình gỡ lỗi Flask đang chạy để làm cho lỗi bắt dễ dàng hơn. Máy chủ phát triển này không nên được sử dụng trong triển khai sản xuất. Xem trang Tùy chọn triển khai trên tài liệu Flask để biết thêm thông tin, bạn cũng có thể xem hướng dẫn triển khai Flask này. Flask uses a simple web server to serve our application in a development environment, which also means that the Flask debugger is running to make catching errors easier. This development server should not be used in a production deployment. See the Deployment Options page on the Flask documentation for more information, you can also check out this Flask deployment tutorial.

Bây giờ bạn có thể để máy chủ phát triển chạy trong thiết bị đầu cuối và mở một cửa sổ thiết bị đầu cuối khác. Di chuyển vào thư mục dự án nơi tọa lạc

export FLASK_ENV=development

Lưu ý: Khi mở một thiết bị đầu cuối mới, điều quan trọng cần nhớ là kích hoạt môi trường ảo và thiết lập các biến môi trường

Mặc dù máy chủ phát triển của ứng dụng Flask đã chạy, nhưng không thể chạy một ứng dụng bình khác với cùng một lệnh

Để giải quyết vấn đề này, hãy dừng máy chủ hiện đang chạy qua

Bây giờ bạn có một ứng dụng web nhỏ. Bạn đã chạy ứng dụng của mình và hiển thị thông tin trên trình duyệt web. Tiếp theo, bạn sẽ sử dụng các tệp HTML trong ứng dụng của mình.

Bước 3 - Sử dụng các mẫu HTML

Hiện tại ứng dụng của bạn chỉ hiển thị một thông báo đơn giản mà không có HTML. Các ứng dụng web chủ yếu sử dụng HTML để hiển thị thông tin cho khách truy cập, do đó, hiện tại bạn sẽ làm việc để kết hợp các tệp HTML trong ứng dụng của mình, có thể được hiển thị trên trình duyệt web.

Flask cung cấp chức năng trợ giúp

Trong bước này, bạn sẽ tạo ứng dụng bình chính của mình trong một tệp mới.

Đầu tiên, trong thư mục

export FLASK_APP=hello

export FLASK_ENV=development

Trong tệp mới này, bạn sẽ nhập đối tượng

flask run

flask_blog/app.py

Hàm xem

Lưu và thoát khỏi tập tin.

Dừng máy chủ phát triển trong thiết bị đầu cuối khác của bạn chạy ứng dụng

Trước khi bạn chạy ứng dụng, hãy đảm bảo bạn chỉ định chính xác giá trị cho biến môi trường

Mở URL

Nếu bạn nhấp vào dòng này, trình gỡ lỗi sẽ tiết lộ nhiều mã hơn để bạn có nhiều bối cảnh hơn để giúp bạn giải quyết vấn đề.

Để khắc phục lỗi này, hãy tạo một thư mục gọi là

export FLASK_APP=hello

Tiếp theo, thêm mã HTML sau đây

flask_blog/templates/index.html

Lưu tệp và sử dụng trình duyệt của bạn để điều hướng đến

Ngoài thư mục

Bạn có thể tạo tệp bảng kiểu

export FLASK_APP=hello

Sau đó, tạo một thư mục khác được gọi là

Sau đó mở một tệp

pip install flask

Thêm quy tắc CSS sau vào tệp

flask_blog/static/css/style.css

pip install flask

Mã CSS sẽ thêm một đường viền, thay đổi màu thành nâu, giữa văn bản và thêm một chút đệm vào thẻ

Lưu và đóng tập tin.

Tiếp theo, hãy mở tệp mẫu

pip install flask

Bạn sẽ thêm một liên kết vào tệp

flask_blog/templates/index.html

pip install flask

Tại đây bạn sử dụng chức năng trợ giúp

Lưu và đóng tập tin.

Tiếp theo, hãy mở tệp mẫu

Bạn sẽ thêm một liên kết vào tệp

Tại đây bạn sử dụng chức năng trợ giúp

Khi làm mới trang chỉ mục của ứng dụng của bạn, bạn sẽ nhận thấy rằng văn bản

pip install flask

Bạn có thể sử dụng ngôn ngữ CSS để tạo kiểu cho ứng dụng và làm cho nó hấp dẫn hơn khi sử dụng thiết kế của riêng bạn. Tuy nhiên, nếu bạn không phải là nhà thiết kế web hoặc nếu bạn không quen thuộc với CSS, thì bạn có thể sử dụng bộ công cụ Bootstrap, cung cấp các thành phần dễ sử dụng để tạo kiểu cho ứng dụng của bạn. Trong dự án này, chúng tôi sẽ sử dụng bootstrap.

flask_blog/templates/base.html

pip install flask

Bạn có thể đoán rằng việc tạo một mẫu HTML khác có nghĩa là lặp lại hầu hết mã HTML mà bạn đã viết trong mẫu

Để tạo một mẫu cơ sở, trước tiên hãy tạo một tệp có tên

Tuy nhiên, các phần được tô sáng sau đây là dành riêng cho công cụ mẫu Jinja:

• 84: Một khối đóng vai trò là người giữ chỗ cho một tiêu đề, sau đó bạn sẽ sử dụng nó trong các mẫu khác để cung cấp một tiêu đề tùy chỉnh cho mỗi trang trong ứng dụng của bạn mà không viết lại toàn bộ phần
  73 mỗi lần.

• 86: Một cuộc gọi chức năng sẽ trả về URL cho hàm xem
  35. Điều này khác với
  75 trước đây, bạn đã sử dụng để liên kết một tệp CSS tĩnh, bởi vì nó chỉ lấy một đối số, đó là tên Chế độ xem tên và liên kết đến tuyến đường liên quan đến hàm thay vì tệp tĩnh.

• 89: Một khối khác sẽ được thay thế bằng nội dung tùy thuộc vào mẫu con (các mẫu kế thừa từ
  78) sẽ ghi đè lên nó.

Bây giờ bạn có một mẫu cơ sở, bạn có thể tận dụng nó bằng cách sử dụng kế thừa. Mở tệp

pip install flask

Sau đó thay thế nội dung của nó bằng cách sau:

flask_blog/mplates/index.html

pip install flask

Trong phiên bản mới này của mẫu

Khối

pip install flask

pip install flask

Kế thừa mẫu cũng cung cấp cho bạn khả năng sử dụng lại mã HTML mà bạn có trong các mẫu khác (

Lưu và đóng tệp và làm mới trang chỉ mục trên trình duyệt của bạn. Bạn sẽ thấy trang của bạn với một thanh điều hướng và tiêu đề kiểu dáng.

Bạn đã sử dụng các mẫu HTML và các tệp tĩnh trong bình. Bạn cũng đã sử dụng Bootstrap để bắt đầu tinh chỉnh giao diện của trang của bạn và một mẫu cơ sở để tránh sự lặp lại mã. Trong bước tiếp theo, bạn sẽ thiết lập một cơ sở dữ liệu sẽ lưu trữ dữ liệu ứng dụng của bạn.

Bước 4 - Thiết lập cơ sở dữ liệu

Trong bước này, bạn sẽ thiết lập một cơ sở dữ liệu để lưu trữ dữ liệu, nghĩa là các bài đăng trên blog cho ứng dụng của bạn. Bạn cũng sẽ điền vào cơ sở dữ liệu với một vài mục ví dụ.

Bạn sẽ sử dụng tệp cơ sở dữ liệu SQLite để lưu trữ dữ liệu của mình vì mô -đun

pip install flask

Đầu tiên, vì dữ liệu trong SQLite được lưu trữ trong các bảng và cột và vì dữ liệu của bạn chủ yếu bao gồm các bài đăng trên blog, trước tiên bạn cần tạo một bảng có tên

pip install flask

pip install flask

pip install flask

Mở một tệp có tên

pip install flask

export FLASK_APP=hello

pip install flask

Nhập các lệnh SQL sau đây bên trong tệp này:

flask_blog/schema.sql

pip install flask

Lưu và đóng tập tin.

Lệnh SQL đầu tiên là

pip install flask

pip install flask

pip install flask

pip install flask

• pip install flask
  
  

  15: Một số nguyên đại diện cho khóa chính, điều này sẽ được gán một giá trị duy nhất bởi cơ sở dữ liệu cho mỗi mục (đó là một bài đăng trên blog).

• pip install flask
  
  

  16: Thời gian bài đăng trên blog được tạo tại.

  pip install flask
  
  

  17 biểu thị rằng cột này không nên trống và giá trị

  pip install flask
  
  

  18 là giá trị

  pip install flask
  
  

  19, đó là thời gian mà bài đăng được thêm vào cơ sở dữ liệu. Giống như

  pip install flask
  
  

  15, bạn không cần chỉ định giá trị cho cột này, vì nó sẽ được điền tự động.

• pip install flask
  
  

  00: Tiêu đề bài viết.

• 95: Nội dung bài viết.

Bây giờ bạn có lược đồ SQL trong tệp

pip install flask

pip install flask

pip install flask

export FLASK_APP=hello

python -c "import flask; print(flask.__version__)"

Và sau đó thêm mã sau.

flask_blog/init_db.py

python -c "import flask; print(flask.__version__)"

Trước tiên, bạn nhập mô -đun

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

Lưu và đóng tệp và sau đó chạy nó trong thiết bị đầu cuối bằng lệnh

export FLASK_ENV=development

python -c "import flask; print(flask.__version__)"

Khi tệp hoàn thành thực thi, một tệp mới có tên

pip install flask

export FLASK_APP=hello

Trong bước tiếp theo, bạn sẽ truy xuất các bài đăng bạn đã chèn vào cơ sở dữ liệu của mình và hiển thị chúng trong trang chủ ứng dụng của bạn.

Bước 5 - Hiển thị tất cả các bài viết

Bây giờ bạn đã thiết lập cơ sở dữ liệu của mình, giờ đây bạn có thể sửa đổi chức năng xem

Mở tệp

Để sửa đổi đầu tiên, bạn sẽ nhập mô -đun

pip install flask

flask_blog/app.py

python -c "import flask; print(flask.__version__)"

Tiếp theo, bạn sẽ tạo một chức năng tạo kết nối cơ sở dữ liệu và trả về nó. Thêm nó trực tiếp sau khi nhập khẩu:

flask_blog/app.py

python -c "import flask; print(flask.__version__)"

Hàm

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

Sau khi xác định hàm

pip install flask

flask_blog/app.py

python -c "import flask; print(flask.__version__)"

Trong phiên bản mới này của hàm

pip install flask

pip install flask

pip install flask

Bạn đóng kết nối cơ sở dữ liệu bằng phương thức

pip install flask

pip install flask

Với các sửa đổi này, lưu và đóng tệp

Bây giờ, bạn đã chuyển các bài đăng mà bạn đã tìm nạp từ cơ sở dữ liệu sang mẫu

pip install flask

Mở tệp

pip install flask

Sau đó, sửa đổi nó để xem như sau:

flask_blog/templates/index.html

python -c "import flask; print(flask.__version__)"

Ở đây, cú pháp

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

Bạn hiển thị tiêu đề bằng cách phân cách biến theo nghĩa đen (

pip install flask

pip install flask

pip install flask

Khi bạn đã hoàn thành chỉnh sửa tệp, lưu và đóng nó. Sau đó điều hướng đến trang chỉ mục trong trình duyệt của bạn. Bạn sẽ thấy hai bài đăng bạn đã thêm vào cơ sở dữ liệu trên trang của mình.

Bây giờ, bạn đã sửa đổi chức năng xem

Bước 6 - Hiển thị một bài đăng

Trong bước này, bạn sẽ tạo một tuyến bình mới với chức năng xem và mẫu HTML mới để hiển thị một bài đăng trên blog riêng lẻ bằng ID của nó.

Vào cuối bước này, URL

pip install flask

pip install flask

pip install flask

pip install flask

Mở

Vì bạn sẽ cần nhận được một bài đăng trên blog bằng ID của nó từ cơ sở dữ liệu ở nhiều vị trí sau trong dự án này, bạn sẽ tạo ra một chức năng độc lập có tên là

pip install flask

pip install flask

Để trả lời với trang

pip install flask

pip install flask

pip install flask

flask_blog/app.py

Output
1.1.2

Sau đó, thêm hàm

pip install flask

pip install flask

flask_blog/app.py

Output
1.1.2

Chức năng mới này có một đối số

pip install flask

Bên trong chức năng, bạn sử dụng hàm

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

pip install flask

Tiếp theo, thêm chức năng chế độ xem sau ở cuối tệp

flask_blog/app.py

Output
1.1.2

Trong hàm chế độ xem mới này, bạn thêm một quy tắc biến

pip install flask

python -c "import flask; print(flask.__version__)"

pip install flask

python -c "import flask; print(flask.__version__)"

pip install flask

pip install flask

python -c "import flask; print(flask.__version__)"

Lưu tệp

python -c "import flask; print(flask.__version__)"

Output
1.1.2

Nhập mã sau trong tệp

python -c "import flask; print(flask.__version__)"

flask_blog/templates/post.html

Output
1.1.2

Bạn thêm khối

pip install flask

Lưu và đóng tập tin.

Bây giờ bạn có thể điều hướng đến các URL sau để xem hai bài đăng bạn có trong cơ sở dữ liệu của mình, cùng với một trang cho người dùng biết rằng bài đăng trên blog được yêu cầu không được tìm thấy (vì không có bài đăng nào có số ID là

python -c "import flask; print(flask.__version__)"

Output
1.1.2

Quay trở lại trang Index, bạn sẽ tạo mỗi liên kết tiêu đề bài đăng đến trang tương ứng của nó. Bạn sẽ làm điều này bằng cách sử dụng chức năng

pip install flask

Sau đó thay đổi giá trị của thuộc tính

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

pip install flask

flask_blog/templates/index.html

Output
1.1.2

Tại đây, bạn chuyển

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

pip install flask

python -c "import flask; print(flask.__version__)"

Lưu và đóng tập tin.

Bây giờ bạn có thể điều hướng đến các URL sau để xem hai bài đăng bạn có trong cơ sở dữ liệu của mình, cùng với một trang cho người dùng biết rằng bài đăng trên blog được yêu cầu không được tìm thấy (vì không có bài đăng nào có số ID là

python -c "import flask; print(flask.__version__)"

Quay trở lại trang Index, bạn sẽ tạo mỗi liên kết tiêu đề bài đăng đến trang tương ứng của nó. Bạn sẽ làm điều này bằng cách sử dụng chức năng 75. Đầu tiên, hãy mở mẫu 37 để chỉnh sửa:

Sau đó thay đổi giá trị của thuộc tính

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

pip install flask

Tại đây, bạn chuyển python -c "import flask; print(flask.__version__)" 20 cho hàm 75 như một đối số đầu tiên. Đây là tên của hàm xem python -c "import flask; print(flask.__version__)" 02 và vì nó chấp nhận đối số pip install flask 87, bạn cho nó giá trị python -c "import flask; print(flask.__version__)" 24. Hàm 75 sẽ trả về URL thích hợp cho mỗi bài đăng dựa trên ID của nó.

Các liên kết trên trang chỉ mục bây giờ sẽ hoạt động như mong đợi. Với điều này, bây giờ bạn đã hoàn thành việc xây dựng một phần của ứng dụng chịu trách nhiệm hiển thị các bài đăng trên blog trong cơ sở dữ liệu của bạn. Tiếp theo, bạn sẽ thêm khả năng tạo, chỉnh sửa và xóa các bài đăng trên blog vào ứng dụng của bạn.

Bước 7 - Sửa đổi bài viết

Bây giờ bạn đã hoàn thành việc hiển thị các bài đăng trên blog có trong cơ sở dữ liệu trên ứng dụng web, bạn cần cho phép người dùng ứng dụng của mình viết các bài đăng trên blog mới và thêm chúng vào cơ sở dữ liệu, chỉnh sửa các bài đăng hiện có và xóa không cần thiết bài đăng trên blog.

• Đối tượng toàn cầu ____327 để truy cập dữ liệu yêu cầu đến sẽ được gửi qua biểu mẫu HTML.
• Hàm
  75 để tạo URL.
• Hàm

  python -c "import flask; print(flask.__version__)"
  
  

  29 để flash một thông báo khi yêu cầu được xử lý.
• Hàm

  python -c "import flask; print(flask.__version__)"
  
  

  30 để chuyển hướng máy khách đến một vị trí khác.

Thêm nhập vào tệp của bạn như sau:

flask_blog/app.py

Output
1.1.2

Các lưu trữ chức năng

python -c "import flask; print(flask.__version__)"

Để đặt khóa bí mật, bạn sẽ thêm cấu hình

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

flask run

flask_blog/app.py

nano hello.py

Hãy nhớ rằng khóa bí mật phải là một chuỗi ngẫu nhiên dài.

Sau khi đặt khóa bí mật, bạn sẽ tạo chức năng xem sẽ hiển thị một mẫu hiển thị biểu mẫu bạn có thể điền vào để tạo một bài đăng trên blog mới. Thêm chức năng mới này ở dưới cùng của tệp:

flask_blog/app.py

nano hello.py

Điều này tạo ra một tuyến đường

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

flask run

Lưu và đóng tập tin.

Để tạo mẫu, hãy mở một tệp có tên

python -c "import flask; print(flask.__version__)"

nano hello.py

Thêm mã sau bên trong tệp mới này:

flask_blog/templates/create.html

nano hello.py

Hầu hết các mã này là HTML tiêu chuẩn. Nó sẽ hiển thị một hộp đầu vào cho tiêu đề bài đăng, một vùng văn bản cho nội dung bài đăng và một nút để gửi biểu mẫu.

Giá trị của đầu vào tiêu đề bài đăng là

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

Bây giờ, với máy chủ phát triển đang chạy, hãy sử dụng trình duyệt của bạn để điều hướng đến tuyến

python -c "import flask; print(flask.__version__)"

nano hello.py

Bạn sẽ thấy một trang tạo một bài đăng mới với một hộp cho một tiêu đề và nội dung.Create a New Post page with a box for a title and content.

Biểu mẫu này gửi một yêu cầu bài đăng cho chức năng xem

python -c "import flask; print(flask.__version__)"

Bạn sẽ xử lý yêu cầu bài đăng đến khi một biểu mẫu được gửi. Bạn sẽ làm điều này bên trong chức năng xem

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

Mở tệp

Sửa đổi chức năng xem

python -c "import flask; print(flask.__version__)"

flask_blog/app.py

nano hello.py

Trong câu lệnh

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

Sau đó, bạn trích xuất tiêu đề và nội dung đã gửi từ đối tượng

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

pip install flask

pip install flask

Sau đó, bạn cam kết các thay đổi cho cơ sở dữ liệu và đóng kết nối. Sau khi thêm bài đăng trên blog vào cơ sở dữ liệu, bạn chuyển hướng máy khách đến trang chỉ mục bằng hàm

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

Lưu và đóng tập tin.

Để tạo mẫu, hãy mở một tệp có tên

python -c "import flask; print(flask.__version__)"

nano hello.py

nano hello.py

Cuối cùng, bạn sẽ hiển thị các tin nhắn đã nhấp nháy và thêm một liên kết vào thanh điều hướng trong mẫu

pip install flask

Chỉnh sửa tệp bằng cách thêm thẻ

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

pip install flask

python -c "import flask; print(flask.__version__)"

flask_blog/mẫu/base.html

nano hello.py

Lưu và đóng tập tin. Thanh điều hướng hiện sẽ có một mục

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

Chỉnh sửa một bài

Để một blog được cập nhật, bạn sẽ cần có khả năng chỉnh sửa các bài đăng hiện có của mình. Phần này sẽ hướng dẫn bạn thông qua việc tạo một trang mới trong ứng dụng của bạn để đơn giản hóa quá trình chỉnh sửa một bài đăng.

Đầu tiên, bạn sẽ thêm một tuyến đường mới vào tệp

python -c "import flask; print(flask.__version__)"

pip install flask

Tiếp theo, thêm chức năng xem

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

flask_blog/app.py

from flask import Flask

app = Flask(__name__)


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

Bài đăng bạn chỉnh sửa được xác định bởi URL và bình sẽ chuyển số ID cho hàm

python -c "import flask; print(flask.__version__)"

pip install flask

pip install flask

python -c "import flask; print(flask.__version__)"

Giống như khi bạn tạo một bài đăng mới, trước tiên bạn trích xuất dữ liệu từ đối tượng

python -c "import flask; print(flask.__version__)"

pip install flask

Trong trường hợp yêu cầu GET, bạn hiển thị mẫu

python -c "import flask; print(flask.__version__)"

pip install flask

pip install flask

Lưu và đóng tệp, sau đó tạo mẫu

python -c "import flask; print(flask.__version__)"

from flask import Flask

app = Flask(__name__)


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

Viết mã sau bên trong tệp mới này:

flask_blog/templates/edit.html

from flask import Flask

app = Flask(__name__)


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

Lưu và đóng tập tin.

Mã này tuân theo cùng một mẫu ngoại trừ cú pháp

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

pip install flask

Bây giờ, điều hướng đến URL sau để chỉnh sửa bài viết đầu tiên:

from flask import Flask

app = Flask(__name__)


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

Bạn sẽ thấy một trang Chỉnh sửa bài đăng đầu tiên.Edit “First Post” page.

Chỉnh sửa bài đăng và gửi biểu mẫu, sau đó đảm bảo bài đăng đã được cập nhật.

Bây giờ bạn cần thêm một liên kết chỉ vào trang Chỉnh sửa cho mỗi bài đăng trên trang Index. Mở tệp mẫu

pip install flask

Chỉnh sửa tệp để trông giống hệt như sau:

flask_blog/templates/index.html

from flask import Flask

app = Flask(__name__)


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

Lưu và đóng tập tin.

Mã này tuân theo cùng một mẫu ngoại trừ cú pháp

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

pip install flask

Bây giờ, điều hướng đến URL sau để chỉnh sửa bài viết đầu tiên:

Bạn sẽ thấy một trang Chỉnh sửa bài đăng đầu tiên.

Chỉnh sửa bài đăng và gửi biểu mẫu, sau đó đảm bảo bài đăng đã được cập nhật.

Bây giờ bạn cần thêm một liên kết chỉ vào trang Chỉnh sửa cho mỗi bài đăng trên trang Index. Mở tệp mẫu

flask_blog/app.py

from flask import Flask

app = Flask(__name__)


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

Chỉnh sửa tệp để trông giống hệt như sau:

Tại đây bạn thêm thẻ

pip install flask

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

python -c "import flask; print(flask.__version__)"

Xóa một bài

Lưu ý rằng bạn không hiển thị một tệp mẫu, điều này là do bạn sẽ chỉ thêm nút

Output
1.1.2

Mở tệp mẫu

python -c "import flask; print(flask.__version__)"

from flask import Flask

app = Flask(__name__)


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

Sau đó thêm thẻ

Output
1.1.2

Output
1.1.2

Output
1.1.2

flask_blog/templates/edit.html

export FLASK_APP=hello

Bạn sử dụng phương thức

Output
1.1.2

Bây giờ điều hướng một lần nữa đến trang chỉnh sửa của một bài đăng trên blog và thử xóa nó:

from flask import Flask

app = Flask(__name__)


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

Vào cuối bước này, mã nguồn của dự án của bạn sẽ trông giống như mã trên trang này.

Với điều này, người dùng ứng dụng của bạn hiện có thể viết các bài đăng trên blog mới và thêm chúng vào cơ sở dữ liệu, chỉnh sửa và xóa các bài đăng hiện có.

Sự kết luận

Hướng dẫn này đã giới thiệu các khái niệm thiết yếu của khung Python Flask. Bạn đã học cách tạo một ứng dụng web nhỏ, chạy nó trong một máy chủ phát triển và cho phép người dùng cung cấp dữ liệu tùy chỉnh thông qua các tham số URL và biểu mẫu web. Bạn cũng đã sử dụng công cụ mẫu Jinja để sử dụng lại các tệp HTML và sử dụng logic trong chúng. Khi kết thúc hướng dẫn này, giờ đây bạn có một blog web hoạt động đầy đủ tương tác với cơ sở dữ liệu SQLite để tạo, hiển thị, chỉnh sửa và xóa các bài đăng trên blog bằng cách sử dụng các truy vấn Python Language và SQL. Nếu bạn muốn tìm hiểu thêm về việc làm việc với Flask và SQLite, hãy xem hướng dẫn này về cách sử dụng mối quan hệ cơ sở dữ liệu một-nhiều với Flask và SQLite.

Bạn có thể phát triển thêm ứng dụng này bằng cách thêm xác thực người dùng để chỉ người dùng đã đăng ký mới có thể tạo và sửa đổi bài đăng trên blog, bạn cũng có thể thêm nhận xét và thẻ cho mỗi bài đăng trên blog và thêm tải lên tệp để cung cấp cho người dùng khả năng đưa hình ảnh vào bài đăng. Xem tài liệu bình để biết thêm thông tin.

Bình có nhiều phần mở rộng bình sản xuất cộng đồng. Sau đây là danh sách các tiện ích mở rộng mà bạn có thể cân nhắc sử dụng để làm cho quá trình phát triển của mình dễ dàng hơn:

• Flask-Login: Quản lý phiên người dùng và xử lý việc đăng nhập và đăng xuất và ghi nhớ người dùng đã đăng nhập.
• Flask-Sqlalchemy: Đơn giản hóa bằng cách sử dụng Flask với SQLalchemy, bộ công cụ SQL Python và Bản đồ quan hệ đối tượng để tương tác với cơ sở dữ liệu SQL.
• Flask-Mail: Giúp nhiệm vụ gửi tin nhắn email trong ứng dụng bình của bạn.

Làm cách nào để kết nối bình python và html?

Làm cách nào để gửi dữ liệu từ Python đến bình HTML?

Làm cách nào để kết nối mã Python với HTML?

Làm cách nào để lấy dữ liệu từ bình sang HTML?