Hướng dẫn how to fetch data from mongodb and display in html - cách tìm nạp dữ liệu từ mongodb và hiển thị trong html

Trong hướng dẫn này, bạn sẽ học cách tìm nạp dữ liệu từ MongoDB bằng Mongoose và Node.js Express với một ví dụ đơn giản. Ví dụ này sẽ cho bạn ý tưởng tốt nhất để tìm nạp dữ liệu số lượng lớn khác từ bảng. Thậm chí bạn sẽ nhận được một kịch bản miễn phí để thực hiện nó. Hướng dẫn này giúp bạn viết tập lệnh trong mẫu MVC Express. Ngay cả tất cả các tập lệnh được viết với một mô hình riêng, tệp xem & bộ điều khiển sẽ rất dễ hiểu. Vì vậy, bạn sẽ dễ dàng học cách tìm nạp dữ liệu từ MongoDB bằng cách sử dụng Mongoose Node.js Express.
This tutorial helps you to write the script in the Express MVC pattern. Even all the script is written with a separate Model, View & controller file that will be very easy to understand. So, You will easily learn How to fetch data from MongoDB Using Mongoose Node.js Express.

Nội dung

• Cách tìm nạp dữ liệu từ MongoDB bằng Mongoose
  • 1. Cài đặt ứng dụng Express
  • 2. Kết nối Node.js với cơ sở dữ liệu MongoDB
  • 3. Tạo một mô hình để tìm nạp dữ liệu
  • 4. Tạo bộ điều khiển để tìm nạp dữ liệu
  • 5. Hiển thị dữ liệu trong bảng HTML
  • 6. Tạo tuyến đường để tìm nạp dữ liệu
  • 7. Bao gồm và sử dụng bộ định tuyến trong app.js
  • 8. Chạy ứng dụng Node.js để tìm nạp dữ liệu
  • Đề xuất của tôi

Mongoose là giải pháp tốt nhất để tìm nạp dữ liệu MongoDB. Vì vậy, bạn nên sử dụng nó để viết truy vấn tìm nạp. Trước khi bắt đầu, bạn sẽ phải định cấu hình những thứ cần thiết để thực thi Node.js Express trên máy tính của bạn.

Trước khi bắt đầu, bạn phải định cấu hình các bước cơ bản sau

• Cài đặt & nbsp; node.js trên thiết bị của bạn
• Cài đặt & NBSP; Máy chủ cộng đồng MongoDB
• Ngoài ra, & nbsp; install & nbsp; MongoDB la bàn & nbsp; và tạo một cơ sở dữ liệu với tên & nbsp; ________ 10 & nbsp; & thu thập với tên & nbsp; ________ 11
• Chèn dữ liệu vào bảng MongoDB

1. Cài đặt ứng dụng Express

2. Kết nối Node.js với cơ sở dữ liệu MongoDB

nodeapp/
  |__controllers/
  |     |__fetch-controller.js
  |__models/
  |     |__fetch-model.js
  |__routes/
  |     |__fetch-route.js
  |__views/
  |     |__user-table.ejs
  |__database.js

2. Kết nối Node.js với cơ sở dữ liệu MongoDB

3. Tạo một mô hình để tìm nạp dữ liệu

4. Tạo bộ điều khiển để tìm nạp dữ liệu

var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost:27017/nodeapp', {useNewUrlParser: true});
var conn = mongoose.connection;
conn.on('connected', function() {
    console.log('database is connected successfully');
});
conn.on('disconnected',function(){
    console.log('database is disconnected successfully');
})
conn.on('error', console.error.bind(console, 'connection error:'));
module.exports = conn;

3. Tạo một mô hình để tìm nạp dữ liệu

4. Tạo bộ điều khiển để tìm nạp dữ liệu

• 5. Hiển thị dữ liệu trong bảng HTML
• 6. Tạo tuyến đường để tìm nạp dữ liệu
• 7. Bao gồm và sử dụng bộ định tuyến trong app.js
• 8. Chạy ứng dụng Node.js để tìm nạp dữ liệu
• Đề xuất của tôi

Mongoose là giải pháp tốt nhất để tìm nạp dữ liệu MongoDB. Vì vậy, bạn nên sử dụng nó để viết truy vấn tìm nạp. Trước khi bắt đầu, bạn sẽ phải định cấu hình những thứ cần thiết để thực thi Node.js Express trên máy tính của bạn.

var mongoose=require('mongoose');
var db = require('../database');
// create an schema
var userSchema = new mongoose.Schema({
            full_name: String,
            email_address:String,
            city:String,
            country:String
        });
userTable=mongoose.model('users',userSchema);
        
module.exports={
     
     fetchData:function(callback){
        var userData=userTable.find({});
        userData.exec(function(err, data){
            if(err) throw err;
            return callback(data);
        })
        
     }
}

4. Tạo bộ điều khiển để tìm nạp dữ liệu

5. Hiển thị dữ liệu trong bảng HTML

• 6. Tạo tuyến đường để tìm nạp dữ liệu
• 7. Bao gồm và sử dụng bộ định tuyến trong app.js
• 8. Chạy ứng dụng Node.js để tìm nạp dữ liệu

Đề xuất của tôi

var fetchModel= require('../models/fetch-model');
module.exports={
 
    fetchData:function(req, res){
      
      fetchModel.fetchData(function(data){
          res.render('user-table',{userData:data});
      })
    }
}

5. Hiển thị dữ liệu trong bảng HTML

6. Tạo tuyến đường để tìm nạp dữ liệu

7. Bao gồm và sử dụng bộ định tuyến trong app.js

  
  
  
 



    

    
        
        <%
        if(userData.length!=0){
        var i=1;
        userData.forEach(function(data){
        %>
        
        <%  i++; }) %>
        <% } else{ %>
            
        <% } %>
    

        

            
S.N
            
Full Name
            
Email Address
            
City
            
Country
            
Edit
            
Delete
        

            
<%=i; %>
            
<%=data.full_name %>
            
<%=data.email_adress %>
            
<%=data.city %>
            
<%=data.country %>
            
Edit
            
Delete
        

                
No Data Found
            
    

6. Tạo tuyến đường để tìm nạp dữ liệu

7. Bao gồm và sử dụng bộ định tuyến trong app.js

• 8. Chạy ứng dụng Node.js để tìm nạp dữ liệu
• Đề xuất của tôi

Mongoose là giải pháp tốt nhất để tìm nạp dữ liệu MongoDB. Vì vậy, bạn nên sử dụng nó để viết truy vấn tìm nạp. Trước khi bắt đầu, bạn sẽ phải định cấu hình những thứ cần thiết để thực thi Node.js Express trên máy tính của bạn.

var express = require('express');
var router = express.Router();
var fetchController= require('../controllers/fetch-controller');

router.get('/fetch-data',fetchController.fetchData);

module.exports = router;

7. Bao gồm và sử dụng bộ định tuyến trong app.js

8. Chạy ứng dụng Node.js để tìm nạp dữ liệu

Đề xuất của tôi

var fetchRouter = require('./routes/fetch-route');
app.use('/', fetchRouter);

8. Chạy ứng dụng Node.js để tìm nạp dữ liệu

Đề xuất của tôi

http://localhost:3000/fetch-data

Đề xuất của tôi

Các nhà phát triển thân mến, tôi hy vọng bạn đã hiểu tập lệnh trên, bây giờ bạn có thể tìm nạp dữ liệu từ MongoDB bằng Mongoose và Node.js ExpressFetch data from MongoDB using Mongoose and Node.js express

Tôi sẽ chia sẻ nhiều hướng dẫn hơn trên Node.js/Express ASAP. Vì vậy, tiếp tục truy cập trang web này.

Nếu bạn có bất kỳ nghi ngờ hoặc câu hỏi. Bạn có thể trực tiếp hỏi tôi thông qua hộp bình luận dưới đây.