Hướng dẫn display mongodb data in html table using flask - hiển thị dữ liệu mongodb trong bảng html bằng cách sử dụng flask

Question

Trong bài viết này, bạn sẽ tìm hiểu quy trình đơn giản để hiển thị dữ liệu từ MongoDB trong bảng HTML bằng ngôn ngữ lập trình Python.MongoDB in an HTML table using the Python programming language.

Nội dung chính Show

Quy trình từng bước để tìm nạp dữ liệu từ MongoDB
Cài đặt mô -đun pymongo
Nhập mô -đun và kết nối với máy chủ và cổng
Tạo mẫu HTML
Mô -đun trình duyệt web
Hoàn thành mã
Những bài viết liên quan
Làm thế nào hiển thị dữ liệu từ MongoDB đến HTML?
Làm thế nào tìm nạp dữ liệu từ MongoDB và hiển thị HTML bằng bình?
Bạn có thể sử dụng MongoDB với bình không?
Làm cách nào để hiển thị hồ sơ trong MongoDB?

MongoDB là một hệ thống quản lý cơ sở dữ liệu theo định hướng tài liệu NoQuery, nguồn mở. Điều này phù hợp cho các ứng dụng Internet hiện đại. Nó cung cấp các truy vấn động, khả năng mở rộng, chỉ mục thứ cấp, cập nhật nguyên tử nhanh và chúng tôi có thể dễ dàng sử dụng nhiều hơn một cơ sở dữ liệu trong một dự án. Python cung cấp mô -đun pymongo để dễ dàng kết nối với MongoDB. is a NoSQL, open source, document-oriented database management system. This is suitable for modern internet applications. It provides dynamic queries, scalability, secondary indexes, fast atomic updates, and we can easily use more than one database in a project. Python provides the pymongo module to easily connect with MongoDB.

Quy trình từng bước để tìm nạp dữ liệu từ MongoDB

Cài đặt mô -đun pymongo

Đầu tiên, chúng ta cần cài đặt mô -đun pymongo. Chúng tôi có thể cài đặt điều này bằng công cụ PIP.pymongo module. We can install this using the PIP tool.

(env) c:\python37\Scripts\projects>pip install pymongo

Khi cài đặt thành công, nó trả về một cái gì đó như thế này-

Collecting pymongo
  Downloading pymongo-3.10.1-cp37-cp37m-win_amd64.whl (354 kB)
     |████████████████████████████████| 354 kB 284 kB/s
Installing collected packages: pymongo
Successfully installed pymongo-3.10.1

Nhập mô -đun và kết nối với máy chủ và cổng

Sau khi cài đặt, sử dụng lệnh sau trong cửa sổ thiết bị đầu cuối để bắt đầu Daemon MongoDB.mongodb daemon.

$ mongod

Để kết nối với cơ sở dữ liệu, nhập pymongo vào tệp Python. Sau khi nhập, tạo một thể hiện của Mongoclient và thiết lập kết nối với máy chủ mặc định, tức là, localhost và port 27017.pymongo into the Python file. After importing, create an instance of MongoClient and establish a connection to the default host, i.e., localhost and port 27017.

import pymongo

client = pymongo.MongoClient("mongodb://localhost:27017/")

Giả sử chúng ta có một tên thu thập "Học sinh" có chứa tên, tuổi và phần. Chúng tôi muốn hiển thị toàn bộ thông tin của học sinh trên một trang web trong bảng HTML.students" that contains name, age and section. We want to display the student's whole information on a webpage in an HTML table.

(env) c:\python37\Scripts\projects>readcsv.py
{'_id': ObjectId('5e70b0d97cff592555515229'), 'name': 'Priska Somya', 'age': 12, 'section': '6A'}
{'_id': ObjectId('5e81e85b73c41dca6835b168'), 'name': 'Alaya', 'age': '12', 'section': '6A'}
{'_id': ObjectId('5e81e85b73c41dca6835b169'), 'name': 'Carle', 'age': '14', 'section': '7C'}
{'_id': ObjectId('5e81e85b73c41dca6835b16a'), 'name': 'Amma', 'age': '11', 'section': '5B'}

Ở đây, chúng tôi đã truy cập dữ liệu bộ sưu tập 'sinh viên'. MongoDB cung cấp phương thức Find () để trả về tài liệu hoặc tài liệu dựa trên các tiêu chí được chỉ định.students' collection data. MongoDB provides the find() method to return the document or documents based on the specified criteria.

import pymongo

client = pymongo.MongoClient("mongodb://localhost:27017/")
mydb = client["school"]
mycol = mydb["students"]

stud = []

tbl="<tr><td>Name</td><td>Age</td><td>Section</td></tr>"
stud.append(tbl)

for y in mycol.find():
    a = "<tr><td>%s</td>"%y['name']
    stud.append(a)
    b = "<td>%s</td>"%y['age']
    stud.append(b)
    c = "<td>%s</td></tr>"%y['section']
    stud.append(c)

Tạo mẫu HTML

Tiếp theo, chúng tôi đã tạo một mẫu HTML và lưu trữ nó trong biến 'nội dung'. Trong mẫu này, chúng tôi đã vượt qua biến danh sách trên trong phần tử bảng HTML.contents' variable. In this template, we have passed the above list variable stud within the HTML table element.

contents = '''<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Python Webbrowser</title>
</head>
<body>
<table>
%s
</table>
</body>
</html>
'''%(stud)

Mô -đun trình duyệt web

Mô -đun Webbrowser theo mặc định có sẵn với gói Python. Mô -đun này bao gồm một tính năng cho phép bạn mở một trang web trong trình duyệt của mình. Trong mã đã cho, chúng tôi đã tạo một tệp HTML và đặt nội dung HTML được tạo ở trên trong đó, hiển thị nó trong trình duyệt web.webbrowser module is by default available with the Python package. This module includes a feature that allows you to open a webpage in your browser. In the given code, we have created an HTML file and placed the above generated HTML content in it, rendering it in a web browser.

filename = 'webbrowser.html'

def main(contents, filename):
    output = open(filename,"w")
    output.write(contents)
    output.close()

main(contents, filename)    
webbrowser.open(filename)

Hoàn thành mã

Khi bắt đầu bài viết này, chúng tôi đã chia mã hoàn chỉnh thành các phần để giải thích quá trình từng bước hiển thị dữ liệu hiển thị từ bảng MongoDB sang HTML. Ở đây, chúng tôi hợp nhất tất cả lại với nhau để có được mã hoàn chỉnh.

import pymongo
import webbrowser

client = pymongo.MongoClient("mongodb://localhost:27017/")
mydb = client["school"]
mycol = mydb["students"]

stud = []

tbl = "<tr><td>Name</td><td>Age</td><td>Section</td></tr>"
stud.append(tbl)

for y in mycol.find():
    a = "<tr><td>%s</td>"%y['name']
    stud.append(a)
    b = "<td>%s</td>"%y['age']
    stud.append(b)
    c = "<td>%s</td></tr>"%y['section']
    stud.append(c)

contents = '''<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Python Webbrowser</title>
</head>
<body>
<table>
%s
</table>
</body>
</html>
'''%(stud)

filename = 'webbrowser.html'

def main(contents, filename):
    output = open(filename,"w")
    output.write(contents)
    output.close()

main(contents, filename)    
webbrowser.open(filename)

Mã trên trả về đầu ra sau cho trình duyệt -

Những bài viết liên quan

Chuyển đổi tài liệu MongoDB sang JSON bằng cách sử dụng Python Chèn dữ liệu XML sang MongoDB bằng cách sử dụng Python Chèn dữ liệu JSON vào MongoDB bằng cách sử dụng các hoạt động python crud trong Python Địa chỉ IP Python Webbrowser Python Tkinter Tổng quan và ví dụ Python Rùa Đồ họa Tổng quan về Python Python Snake Game Mã trò chơi với pygame python json hướng dẫn Trong Python chèn dữ liệu XML vào bảng MySQL bằng cách sử dụng các hoạt động python crud trong python bằng cách sử dụng python mysql chuyển đổi tệp CSV sang hình ảnh tải lên Django MySQL sang dữ liệu Django Model Django sang CSV
Insert XML data to MongoDB using Python
Insert JSON data into MongoDB using Python
CRUD operations in Python using MongoDB connector
Write Python Pandas Dataframe to CSV
Quick Introduction to Python Pandas
Python Pandas DataFrame
Python3 Tkinter Messagebox
Python get visitor information by IP address
Python Webbrowser
Python Tkinter Overview and Examples
Python Turtle Graphics Overview
Factorial Program in Python
Python snake game code with Pygame
Python JSON Tutorial- Create, Read, Parse JSON file
Python convert xml to dict
Python convert dict to xml
Convert MySQL query result to JSON in Python
Insert XML Data to MySQL Table using Python
CRUD operations in Python using MYSQL
Python Converting a CSV File to a MySQL
Django upload image to database
Django Export Model Data to CSV

Làm thế nào hiển thị dữ liệu từ MongoDB đến HTML?

Bạn phải làm theo các bước dưới đây để hiển thị dữ liệu MongoDB trên trang HTML:..

Tạo ứng dụng Node Express JS ..

Cài đặt Express Flash EJS Body-Parser Mongoose phụ thuộc ..

Kết nối ứng dụng với MongoDB ..

Tạo mô hình ..

Tạo các tuyến đường ..

Tạo bảng HTML và danh sách hiển thị ..

Nhập các mô -đun trong ứng dụng. JS ..

Bắt đầu máy chủ ứng dụng ..

Làm thế nào tìm nạp dữ liệu từ MongoDB và hiển thị HTML bằng bình?

Đầu tiên, chúng tôi sẽ nhập các thư viện cần thiết vào ứng dụng của chúng tôi ...

Từ bình Nhập bình, Render_Template, Yêu cầu, Chuyển hướng, URL_FOR ..

từ BSON nhập objectid ..

từ nhập khẩu pymongo Mongoclient ..

Nhập hệ điều hành ..

Bạn có thể sử dụng MongoDB với bình không?

Bạn sẽ sử dụng nó với Flask để thực hiện các tác vụ cơ bản, chẳng hạn như kết nối với máy chủ cơ sở dữ liệu, tạo các bộ sưu tập lưu trữ một nhóm tài liệu trong MongoDB, chèn dữ liệu vào bộ sưu tập và truy xuất và xóa dữ liệu khỏi bộ sưu tập.

Làm cách nào để hiển thị hồ sơ trong MongoDB?

Nếu bạn muốn kiểm tra danh sách cơ sở dữ liệu của mình, hãy sử dụng lệnh hiển thị DBS.Cơ sở dữ liệu được tạo của bạn (MYDB) không có trong danh sách.Để hiển thị cơ sở dữ liệu, bạn cần chèn ít nhất một tài liệu vào đó.Trong cơ sở dữ liệu mặc định MongoDB là thử nghiệm.insert at least one document into it. In MongoDB default database is test.

programming html Flask MongoDB Flask-PyMongo Flask MongoDB CRUD MongoDB Atlas Flask

Hướng dẫn display mongodb data in html table using flask - hiển thị dữ liệu mongodb trong bảng html bằng cách sử dụng flask

Quy trình từng bước để tìm nạp dữ liệu từ MongoDB

Cài đặt mô -đun pymongo

Nhập mô -đun và kết nối với máy chủ và cổng

Tạo mẫu HTML

Mô -đun trình duyệt web

Hoàn thành mã

Những bài viết liên quan

Làm thế nào hiển thị dữ liệu từ MongoDB đến HTML?

Làm thế nào tìm nạp dữ liệu từ MongoDB và hiển thị HTML bằng bình?

Bạn có thể sử dụng MongoDB với bình không?

Làm cách nào để hiển thị hồ sơ trong MongoDB?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội