Truy xuất/tìm nạp dữ liệu từ cơ sở dữ liệu mongoDB + cầy mangut trong ứng dụng nút js express và hiển thị html;
Hướng dẫn này sẽ tạo một bảng bằng thư viện bootstrap 4. Sau đó tạo tuyến đường và nhập vào ứng dụng. js để lấy dữ liệu từ mongodb trong nút js express và hiển thị trong html ejs
Cách lấy dữ liệu từ mongodb trong Node js và hiển thị trong HTML [ejs]
- Bước 1 – Tạo ứng dụng Node Express js
- Bước 2 – Cài đặt phụ thuộc cầy mangut flash ejs body-parser
- Bước 3 – Kết nối ứng dụng với MongoDB
- Bước 4 – Tạo mô hình
- Bước 5 – Tạo các tuyến đường
- Bước 6 – Tạo Bảng HTML và Danh sách Hiển thị
- Bước 7 – Nhập mô-đun trong ứng dụng. js
- Bước 8 – Khởi động máy chủ ứng dụng
Bước 1 – Tạo ứng dụng Node Express js
Thực hiện lệnh sau trên thiết bị đầu cuối để tạo ứng dụng nút js
mkdir my-app cd my-app npm init -y
Khuyến khích. -Chèn dữ liệu vào MongoDB bằng nút. js
Bước 2 – Cài đặt mô-đun cầy mangut flash ejs body-parser
Thực hiện lệnh sau trên thiết bị đầu cuối để thể hiện các phụ thuộc mysql của trình phân tích cú pháp cơ thể flash ejs
npm install -g express-generator npx express --view=ejs npm install npm install express-flash --save npm install express-session --save npm install body-parser --save npm install mongoose
trình phân tích nội dung – Nút. phần mềm trung gian phân tích nội dung yêu cầu js sẽ phân tích nội dung yêu cầu đến trước trình xử lý của bạn và cung cấp nội dung đó theo req. thuộc tính cơ thể. Nói cách khác, nó đơn giản hóa yêu cầu đến
Express-Flash – Tin nhắn Flash cho Ứng dụng Express của bạn. Flash là phần mở rộng của connect-flash với khả năng xác định và hiển thị thông báo flash mà không cần chuyển hướng yêu cầu
Express-Session– Express-session – khung phía máy chủ HTTP được sử dụng để tạo và quản lý phần mềm trung gian phiên
Express-EJS– EJS là ngôn ngữ tạo khuôn mẫu đơn giản được sử dụng để tạo đánh dấu HTML bằng JavaScript đơn giản. Nó cũng giúp nhúng JavaScript vào các trang HTML
Mongoose – Mongoose là công cụ tạo mô hình đối tượng MongoDB được thiết kế để hoạt động trong môi trường không đồng bộ. Mongoose hỗ trợ cả lời hứa và cuộc gọi lại
Khuyến khích. -Node js Express MySQL User Authentication Rest API Ví dụ
Bước 3 – Kết nối ứng dụng với MongoDB
Tạo nên cơ sở dữ liệu. js vào thư mục gốc ứng dụng của bạn và thêm đoạn mã sau vào đó để kết nối ứng dụng của bạn với cơ sở dữ liệu mongodb
var mongoose = require['mongoose']; mongoose.connect['mongodb://localhost:27017/test', {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;
Khuyến khích. -Chèn dữ liệu vào MongoDB bằng nút. js
Bước 4 – Tạo mô hình
Tạo thư mục Models và bên trong thư mục này tạo userModel. tập tin js;
const mongoose = require["../database"]; // create an schema var userSchema = new mongoose.Schema[{ name: String, email:String }]; var userModel=mongoose.model['users',userSchema]; module.exports = mongoose.model["Users", userModel];
Bước 5 – Tạo các tuyến đường
Tạo tuyến đường; . tập tin định tuyến js;
var express = require['express']; var router = express.Router[]; var mongoose = require['mongoose']; var userModel = require['../models/userModel']; /* GET home page. */ router.get['/', function[req, res, next] { userModel.find[[err, docs] => { if [!err] { res.render["list", { data: docs }]; } else { console.log['Failed to retrieve the Course List: ' + err]; } }]; }]; module.exports = router;
Bước 6 – Tạo Bảng HTML và Danh sách Hiển thị
Tạo biểu mẫu html cho danh sách hiển thị từ cơ sở dữ liệu mongodb; . tập tin ejs bên trong nó. Sau đó thêm đoạn mã sau vào nó
fetch data from mongodb using node js and display in htmlFetch data from mongodb using node js and display in html
No user |
Khuyến khích. -Góc 12 CRUD + Nút. js + Express + Hướng dẫn MySQL
Bước 5 – Nhập mô-đun trong ứng dụng. js
Nhập các phụ thuộc cầy mangut phân tích cú pháp cơ thể phiên flash nhanh trong ứng dụng. js;
var createError = require['http-errors']; var express = require['express']; var path = require['path']; var cookieParser = require['cookie-parser']; var logger = require['morgan']; var bodyParser = require['body-parser']; var flash = require['express-flash']; var session = require['express-session']; var usersRouter = require['./routes/users']; var app = express[]; // view engine setup app.set['views', path.join[__dirname, 'views']]; app.set['view engine', 'ejs']; app.use[logger['dev']]; app.use[express.json[]]; app.use[express.urlencoded[{ extended: false }]]; app.use[cookieParser[]]; app.use[express.static[path.join[__dirname, 'public']]]; app.use[session[{ secret: '123456catr', resave: false, saveUninitialized: true, cookie: { maxAge: 60000 } }]] app.use[flash[]]; app.use['/list', usersRouter]; // catch 404 and forward to error handler app.use[function[req, res, next] { next[createError[404]]; }]; // error handler app.use[function[err, req, res, next] { // set locals, only providing error in development res.locals.message = err.message; res.locals.error = req.app.get['env'] === 'development' ? err : {}; // render the error page res.status[err.status || 500]; res.render['error']; }]; // port must be set to 3000 because incoming http requests are routed from port 80 to port 8080 app.listen[3000, function [] { console.log['Node app is running on port 3000']; }]; module.exports = app;
Khuyến khích. -Tạo API nghỉ ngơi bằng nút. js, Express và MySQL
Bước 7 – Khởi động máy chủ ứng dụng
Bạn có thể sử dụng lệnh sau để khởi động máy chủ ứng dụng nút js
//run the below command npm start after run this command open your browser and hit //127.0.0.1:3000/list
Phần kết luận
Tìm nạp dữ liệu từ mongodb trong nút js express bằng ứng dụng mongoose express;