Mongodb lưu trữ mã html như thế nào?

điều kiện tiên quyết. Để bắt đầu với điều này, bạn nên làm quen với NodeJS, ExpressJS, MongoDB và Mongoose

  • NodeJS. Đây là một môi trường máy chủ nguồn mở miễn phí sử dụng JavaScript trên máy chủ và chạy trên nhiều nền tảng khác nhau (Windows, Linux, Unix, Mac OS X, v.v. ). Nó sử dụng lập trình không đồng bộ
  • ExpressJS. Nó là một khung máy chủ ứng dụng web NodeJS, được thiết kế để xây dựng các ứng dụng web đơn trang, nhiều trang và lai. Nó là khung máy chủ tiêu chuẩn thực tế cho nút
  • MongoDB. MongoDB là một cơ sở dữ liệu NoSQL. MongoDB là một kho dữ liệu tài liệu JSON. Nó cho phép bạn lưu trữ và truy vấn các tài liệu kiểu JSON với một số tính năng thông minh ở trên
  • cầy mangut. Mongoose là thư viện Mô hình hóa dữ liệu đối tượng (ODM) cho MongoDB và Node. js. Nó quản lý các mối quan hệ giữa dữ liệu, cung cấp xác thực lược đồ và được sử dụng để dịch giữa các đối tượng trong mã và biểu diễn của các đối tượng đó trong MongoDB

Để bắt đầu, hãy cài đặt các gói và mô-đun cần thiết

  • ExpressJS cho phép chúng tôi thiết lập phần mềm trung gian để đáp ứng các Yêu cầu HTTP
npm install express --save
  • Mô-đun “body-parser” cho phép đọc (phân tích cú pháp) dữ liệu HTTP-POST
npm install body-parser --save
  • Mongoose là một thư viện máy khách MongoDB cung cấp mô hình đối tượng để sử dụ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
npm install mongoose --save
  • Multer là phần mềm trung gian của nodejs được sử dụng để tải tệp lên
npm install multer --save
  • Dotenv là một mô-đun không phụ thuộc, tải các biến môi trường từ một. tập tin env vào quá trình. env
npm install dotenv --save
  • EJS (Javascript nhúng) là một công cụ tạo khuôn mẫu cho nodejs. Công cụ này giúp tạo các trang HTML thông qua các mẫu với mã tối thiểu
npm install ejs --save
  • gật đầu là một công cụ dành cho nhà phát triển tự động khởi động lại ứng dụng nút khi phát hiện thay đổi tệp trong thư mục mã. Nó cải thiện trải nghiệm của nhà phát triển khi làm việc trên các ứng dụng dựa trên nút. Vì đây là công cụ phát triển và không phải là một phần trong mã ứng dụng của chúng tôi nên chúng tôi sử dụng `–save-dev` khi cài đặt mô-đun này
npm install nodemon --save-dev

Bây giờ hãy bắt đầu viết mã. Để tải lên một hình ảnh và truy xuất hình ảnh bằng MongoDB bằng Mongoose, hãy làm theo từng bước bên dưới từng bước một.
 

  • Bước 0. Tạo tệp `. env` sẽ chứa các cài đặt dành riêng cho môi trường

Javascript




npm install mongoose --save
64____265

npm install mongoose --save
66

  • Bước 1. Tạo tệp máy chủ của chúng tôi `app. js`. Thêm đoạn mã sau vào nó

Javascript




npm install body-parser --save
0

 

npm install body-parser --save
1
npm install body-parser --save
2____13
npm install body-parser --save
4

npm install body-parser --save
1
npm install body-parser --save
6

npm install body-parser --save
1
npm install body-parser --save
8
npm install body-parser --save
9
npm install mongoose --save
0

npm install body-parser --save
1
npm install mongoose --save
2
npm install mongoose --save
3
npm install body-parser --save
4

 

npm install body-parser --save
1
npm install mongoose --save
6
npm install mongoose --save
7
npm install mongoose --save
0

npm install body-parser --save
1
npm install multer --save
0
npm install multer --save
1____20

npm install multer --save
3______34
npm install mongoose --save
0

  • Bước 2. Kết nối với MongoDB bằng URL cho cơ sở dữ liệu của bạn. Ở đây ‘quá trình. env. MONGO_URL’ được sử dụng cho URL cơ sở dữ liệu. Giá trị này được lấy từ `. env` làm biến môi trường của mô-đun `dotenv`. Thêm đoạn mã sau vào `app. js`

Javascript




npm install multer --save
6

 

npm install multer --save
7

npm install multer --save
8
npm install multer --save
9
npm install dotenv --save
0
npm install dotenv --save
1
npm install dotenv --save
0
npm install dotenv --save
3

npm install dotenv --save
4
npm install dotenv --save
5____46
npm install body-parser --save
4

npm install multer --save
8
npm install dotenv --save
9

  • Bước 3. Khi chúng tôi đã thiết lập kết nối với cơ sở dữ liệu của mình và yêu cầu tất cả các gói cần thiết, bây giờ chúng tôi có thể bắt đầu xác định logic phía máy chủ của mình. Vì vậy, để lưu trữ một hình ảnh trong MongoDB, chúng ta cần tạo một lược đồ với cầy mangut. Đối với điều đó, hãy tạo tệp `model. js` và xác định lược đồ. Điểm quan trọng ở đây là kiểu dữ liệu của chúng tôi cho hình ảnh là Bộ đệm cho phép chúng tôi lưu trữ hình ảnh của mình dưới dạng dữ liệu ở dạng mảng

Javascript




npm install ejs --save
0

 

npm install body-parser --save
1
npm install mongoose --save
2
npm install mongoose --save
3
npm install mongoose --save
0

 

npm install body-parser --save
1
npm install ejs --save
6
npm install ejs --save
7
npm install ejs --save
8

npm install multer --save
8
npm install nodemon --save-dev
0

npm install multer --save
8
npm install nodemon --save-dev
2

npm install multer --save
8
npm install nodemon --save-dev
4

npm install multer --save
8
npm install nodemon --save-dev
6

npm install dotenv --save
4
npm install nodemon --save-dev
8

npm install dotenv --save
4
npm install mongoose --save
640

npm install multer --save
8
npm install mongoose --save
642

npm install dotenv --save
9

 

npm install mongoose --save
644

 

npm install mongoose --save
645
npm install ejs --save
7
npm install mongoose --save
647
npm install mongoose --save
648
npm install mongoose --save
649

  • Bước 4. Chúng tôi muốn đặt EJS làm công cụ tạo khuôn mẫu của mình với Express. EJS được thiết kế đặc biệt để xây dựng các ứng dụng web đơn trang, nhiều trang và lai. Nó đã trở thành khung máy chủ tiêu chuẩn cho nodejs. Hành vi mặc định của EJS là nó nhìn vào thư mục `views` để hiển thị các mẫu. Chúng tôi sẽ tạo các mẫu của chúng tôi trong bước sau.
    Thêm đoạn mã sau vào `app. js`.

Javascript




npm install mongoose --save
650

 

npm install mongoose --save
651

 

npm install mongoose --save
652
npm install mongoose --save
653
npm install mongoose --save
654

npm install mongoose --save
655

 

npm install mongoose --save
656

npm install mongoose --save
657
npm install mongoose --save
658
npm install mongoose --save
659
npm install mongoose --save
660
npm install mongoose --save
0

  • Bước 5. Chúng tôi sẽ xác định đường dẫn lưu trữ cho hình ảnh chúng tôi đang tải lên. Ở đây, chúng tôi đang sử dụng phần mềm trung gian Multer để tải ảnh lên máy chủ trong thư mục có tên `uploads` để chúng tôi có thể xử lý ảnh.
    Thêm đoạn mã sau vào `app. js`.

Javascript




npm install mongoose --save
662

 

________ 11 ________ 2664 ________ 2665 ________ 20

 

npm install body-parser --save
1
npm install mongoose --save
668

npm install multer --save
8
npm install body-parser --save
00

npm install dotenv --save
4
npm install body-parser --save
02
npm install body-parser --save
03
npm install mongoose --save
659
npm install body-parser --save
05
npm install body-parser --save
4

npm install multer --save
8
npm install body-parser --save
08

npm install multer --save
8
npm install body-parser --save
10

npm install dotenv --save
4
npm install body-parser --save
02
npm install body-parser --save
03
npm install body-parser --save
14
npm install body-parser --save
15
npm install body-parser --save
16

npm install multer --save
8
npm install mongoose --save
642

npm install dotenv --save
9

 

npm install body-parser --save
1
npm install body-parser --save
21

  • Bước 6. Bây giờ, hãy tải mô hình Hình ảnh bằng cách thêm đoạn mã sau vào `app. js`

Javascript




npm install body-parser --save
22

 

npm install body-parser --save
1
npm install body-parser --save
24
npm install body-parser --save
25
npm install mongoose --save
0

  • Bước 7. Thiết lập trình xử lý cho yêu cầu GET tới máy chủ của chúng tôi. Phản hồi hiển thị một trang HTML hiển thị tất cả các hình ảnh được lưu trữ trong cơ sở dữ liệu và cung cấp giao diện người dùng để tải lên các hình ảnh mới.
    Thêm đoạn mã sau vào `app. js`.

Javascript




npm install body-parser --save
27

 

npm install body-parser --save
28
npm install body-parser --save
29____130

npm install multer --save
8
npm install body-parser --save
32

npm install dotenv --save
4
npm install body-parser --save
34
npm install body-parser --save
35

npm install body-parser --save
36
npm install body-parser --save
37

npm install body-parser --save
36
npm install body-parser --save
39____140
npm install body-parser --save
41

npm install dotenv --save
4____2642

npm install dotenv --save
4
npm install body-parser --save
45
npm install nodemon --save-dev
6

npm install body-parser --save
36
npm install body-parser --save
48
npm install body-parser --save
49
npm install body-parser --save
50

npm install dotenv --save
4____2642

npm install multer --save
8
npm install dotenv --save
9

npm install dotenv --save
9

  • Bước 8. Xử lý yêu cầu POST xử lý dữ liệu biểu mẫu do người dùng gửi từ giao diện người dùng HTML của chúng tôi. Yêu cầu này sẽ có những hình ảnh mới được tải lên.
    Thêm đoạn mã sau vào `app. js`.

Javascript




npm install body-parser --save
56

 

npm install body-parser --save
57
npm install body-parser --save
29____159
npm install body-parser --save
60
npm install body-parser --save
61

 

npm install multer --save
8
npm install body-parser --save
1
npm install body-parser --save
64

npm install dotenv --save
4
npm install body-parser --save
66

npm install dotenv --save
4
npm install body-parser --save
68

npm install dotenv --save
4
npm install body-parser --save
70

npm install body-parser --save
36
npm install body-parser --save
72____173
npm install body-parser --save
74

_______136____176____177

npm install dotenv --save
4____2642

npm install multer --save
8
npm install mongoose --save
642

npm install multer --save
8
npm install body-parser --save
83

npm install dotenv --save
4
npm install body-parser --save
34
npm install body-parser --save
35

npm install body-parser --save
36
npm install body-parser --save
37

npm install dotenv --save
4____2642

npm install dotenv --save
4
npm install body-parser --save
45
npm install nodemon --save-dev
6

npm install body-parser --save
36
npm install body-parser --save
95

npm install body-parser --save
36
npm install body-parser --save
97____129
npm install mongoose --save
0

npm install dotenv --save
4____2642

npm install multer --save
8
npm install dotenv --save
9

npm install dotenv --save
9

  • Bước 9. Định cấu hình máy chủ thành cổng mặc định với mặc định là 3000. Quá trình biến môi trường. env. PORT được sử dụng nếu được đặt trong ` của bạn. env`.
    Thêm đoạn mã sau vào `app. js`.

Javascript




npm install mongoose --save
05

 

________ 11 ________ 207 ________ 208

npm install mongoose --save
09

npm install multer --save
8
npm install mongoose --save
11

npm install dotenv --save
4
npm install mongoose --save
13

npm install multer --save
8
npm install mongoose --save
15
npm install mongoose --save
16

npm install mongoose --save
17

  • Bước 10. Đây là mẫu HTML cho “trang tải lên”. Lưu ý rằng tham số src cho
    Thêm đoạn mã sau vào `views/imagesPage. ejs`.

HTML




npm install mongoose --save
18

npm install mongoose --save
19
npm install mongoose --save
20
npm install mongoose --save
21
npm install mongoose --save
22
npm install mongoose --save
23
npm install mongoose --save
24

 

npm install mongoose --save
19
npm install mongoose --save
26____224

npm install multer --save
8
npm install mongoose --save
19
npm install mongoose --save
30
npm install mongoose --save
31
npm install mongoose --save
22
npm install mongoose --save
33
npm install mongoose --save
24

npm install multer --save
8
npm install mongoose --save
19
npm install mongoose --save
30
npm install mongoose --save
38
npm install mongoose --save
22
npm install mongoose --save
40
npm install mongoose --save
41
npm install mongoose --save
22
npm install mongoose --save
43
npm install mongoose --save
24

npm install multer --save
8
npm install mongoose --save
19
npm install mongoose --save
47
npm install mongoose --save
48
npm install mongoose --save
47
npm install mongoose --save
24

_______251____226____224

 

npm install mongoose --save
19
npm install mongoose --save
55
npm install mongoose --save
24

npm install multer --save
8
npm install mongoose --save
19
npm install mongoose --save
59____260
npm install mongoose --save
59
npm install mongoose --save
24

npm install multer --save
8
npm install mongoose --save
19
npm install mongoose --save
65
npm install mongoose --save
24

npm install multer --save
8
npm install mongoose --save
19
npm install mongoose --save
69
npm install mongoose --save
24

npm install dotenv --save
4
npm install mongoose --save
19
npm install mongoose --save
73
npm install mongoose --save
74
npm install mongoose --save
22
npm install mongoose --save
76
npm install mongoose --save
77
npm install mongoose --save
22
npm install mongoose --save
79
npm install mongoose --save
80
npm install mongoose --save
22
npm install mongoose --save
82
npm install mongoose --save
24

npm install body-parser --save
36
npm install mongoose --save
19____269
npm install mongoose --save
24

npm install mongoose --save
88
npm install mongoose --save
19
npm install mongoose --save
99
npm install multer --save
00
npm install mongoose --save
22
npm install multer --save
80
npm install multer --save
03
npm install mongoose --save
22
npm install multer --save
71

Chúng tôi có thể lưu trữ HTML trong MongoDB không?

Không, đó là cách làm rất cũ . Trong thực tế, bạn nên sử dụng các mẫu và một khung như góc, phản ứng hoặc chế độ xem để hiển thị các giá trị của biến mẫu. đối với hình ảnh, hãy lưu trữ chúng trong CDN và sau đó lưu trữ url của hình ảnh trong mongo và tham khảo.

Làm cách nào để lưu trữ dữ liệu biểu mẫu HTML trong MongoDB?

🌕 BƯỚC 3/3 .
Tạo một thư mục mới dạng xem
Trong thư mục lượt xem, tạo một chỉ mục. tập tin ejs
Tạo một biểu mẫu html đơn giản trong chỉ mục. ejs với thuộc tính phương thức được đặt thành POST và thuộc tính hành động được đặt thành/api/user

Làm cách nào để chèn mã HTML vào MongoDB?

Vì vậy, sau đây là các bước loại bỏ sự nhầm lẫn này. .
Bước 1. Lưu trữ html trong mongodb. Mongo lưu trữ mọi thứ ở dạng đối tượng. Về cơ bản chuyển đổi html của bạn thành chuỗi tuân thủ utf-8 hoặc ASCII và sau đó lưu trữ nó vào mongo
Bước 2. Hiển thị html cho trình duyệt. Đây là bước gây nhầm lẫn cho một số người

MongoDB lưu trữ tệp như thế nào?

MongoDB lưu trữ các đối tượng ở định dạng nhị phân có tên là BSON . BinData là kiểu dữ liệu BSON cho mảng byte nhị phân. Tuy nhiên, các đối tượng MongoDB thường bị giới hạn ở kích thước 16MB. Để giải quyết vấn đề này, các tệp được "chia nhỏ" thành nhiều đối tượng nhỏ hơn 255 KiB mỗi đối tượng.