Hướng dẫn how do i get node js data from html? - làm cách nào để lấy dữ liệu nút js từ html?
Xin chào Thế giới, Chào mừng bạn đến với blog. Trong blog này, chúng tôi sẽ thảo luận về cách tạo ứng dụng máy chủ bằng Node.js sẽ đọc dữ liệu từ biểu mẫu HTML và sẽ thực hiện các hoạt động cơ bản như chèn, đọc, cập nhật và xóa trên cơ sở dữ liệu SQLite3 bằng cách sử dụng yêu cầu GET và POST. Chúng tôi cũng sẽ thêm các tính năng bảo mật bằng cách sử dụng các mô-đun như mũ bảo hiểm và tốc độ thể hiện.Helmet and Express-rate-limit. Show Bạn cũng có thể tìm thấy toàn bộ dự án trong kho GitHub của tôi - Đề cương cơ bản của dự án của chúng tôi và biểu mẫu HTML được hiển thị bên dưới - Dự án phác thảo hình thức HTMLĐiều kiện tiên quyết -
Vì vậy, bây giờ chúng tôi đã sẵn sàng để bắt đầu dự án của chúng tôi. Hãy để lặn trong. Bước 1: Trước hết, hãy mở thiết bị đầu cuối và tạo một thư mục sẽ được dành riêng cho dự án của chúng tôi. Điều hướng vào thư mục đó và chạy
0 Để cài đặt mô -đun ‘Mũ bảo hiểm. 1 để cài đặt mô-đun express tốc độ giới hạn.Mũ bảo hiểm lưu ý là mô-đun Node.js giúp đảm bảo các ứng dụng express Express bằng cách đặt các tiêu đề HTTP khác nhau. Nó giúp giảm thiểu các cuộc tấn công kịch bản trang web chéo, chứng chỉ SSL nhầm lẫn, v.v.- helmet is a Node.js module that helps in securing ‘express’ applications by setting various HTTP headers. It helps in mitigating cross-site scripting attacks, misissued SSL certificates etc. Mô-đun giới hạn tốc độ tốc hành là phần mềm trung gian cho Express được sử dụng để giới hạn các yêu cầu lặp lại đối với API công khai và/hoặc điểm cuối như đặt lại mật khẩu. Bằng cách giới hạn số lượng yêu cầu đối với máy chủ, chúng tôi có thể ngăn chặn cuộc tấn công từ chối dịch vụ (DOS). Đây là loại tấn công trong đó máy chủ bị ngập trong các yêu cầu lặp đi lặp lại làm cho nó không có sẵn cho người dùng dự định của nó và cuối cùng tắt nó xuống.Denial-of-Service (DoS) attack. It is the type of attack in which the server is flooded with repeated requests making it unavailable to its intended users and ultimately shutting it down. Bước 2: Bây giờ, hãy để bắt đầu viết mã HTML và CSS. Chúng tôi sẽ giữ các tệp HTML và CSS của chúng tôi trong một thư mục có tên ‘công khai, bản thân nó có trong thư mục dự án của chúng tôi. Trong tệp HTML, chúng tôi sẽ xác định phần đầu trước. Now let’s start writing HTML and CSS code. We will keep our HTML and CSS files in a directory named ‘public’, which is itself present in our project directory. In the HTML file, we’ll define the head section first.
Sau đó, chúng tôi sẽ viết phần cơ thể. Mã sau đây sẽ cho phép người dùng thêm một nhân viên mới vào cơ sở dữ liệu.
Mã bên dưới sẽ cho phép người dùng xem bất kỳ nhân viên nào dựa trên số ID của họ. Hai đoạn mã sau đây là để cập nhật và xóa nhân viên khỏi cơ sở dữ liệu. Cuối cùng, chúng tôi sẽ bao gồm một chân trang sẽ cho người dùng biết cách đóng kết nối cơ sở dữ liệu. Bước 3: Bây giờ chúng tôi sẽ viết mã CSS để tạo kiểu cho trang web của chúng tôi. Now we’ll write the CSS codes for styling our webpage. Bước 4: Kể từ đó, chúng tôi đã thiết kế mặt trước của mình, bây giờ chúng tôi sẽ xây dựng ứng dụng máy chủ back-end của chúng tôi trong node.js. Chúng tôi sẽ tạo một tệp có tên ‘App.js, trong thư mục dự án chính của chúng tôi và nhập tất cả các mô -đun cần thiết.Since, we have designed our front end, now we’ll build our back-end server application in Node.js. We’ll create a file called ‘app.js’ in our main project directory and import all the necessary modules. Lưu ý rằng chế độ thực thi được đặt thành verbose để tạo ra dấu vết ngăn xếp dài. Trong mã trên, chúng tôi đã tạo một thể hiện của Express, có tên ‘Ứng dụng và chúng tôi cũng đã tạo một cơ sở dữ liệu có tên‘ Nhân viên trong thư mục ‘Cơ sở dữ liệu có mặt trong thư mục hiện tại của chúng tôi. WindowMS là khung thời gian mà các yêu cầu được kiểm tra/ghi nhớ. is the timeframe for which requests are checked/remembered. Max là số lượng kết nối tối đa trong các mili giây của WindowMS trước khi gửi phản hồi 429. is the maximum number of connections during windowMs milliseconds before sending a 429 response. bodyparser.urlencoded () trả về phần mềm trung gian chỉ phân tích các cơ thể 2 bodies and only looks at requests where the 3 header matches the 4 option.express.static () được sử dụng để phục vụ các tệp tĩnh trong express Express. is used to serve static files in ‘express’. Sau đó, chúng tôi sẽ tạo một bảng có tên ‘EMP, trong cơ sở dữ liệu có hai cột-‘ ID, và ‘Tên bằng cách sử dụng mã sau - Mã trên sẽ đảm bảo rằng bảng EMP EMP đã được tạo ra nhiều lần bất cứ khi nào chúng tôi chạy ứng dụng. Bước 3: Bây giờ, đã đến lúc viết mã để nghe các yêu cầu GET và POST do trình duyệt thực hiện. Now, it is the time to write the codes for listening to the GET and POST requests made by the browser. Khi người dùng nhập 5 trong thanh địa chỉ của trình duyệt, mã sau sẽ quan tâm đến yêu cầu GET này và sẽ gửi biểu mẫu HTML dưới dạng phản hồi.CHÈN Để chèn một nhân viên mới vào bảng ‘EMP, người dùng được yêu cầu điền vào phần này của biểu mẫu. Và mã sau sẽ quan tâm đến yêu cầu bài đăng này - Trong mã trên, phương thức serialize () đặt chế độ thực thi vào chế độ tuần tự hóa. Nó có nghĩa là chỉ có một câu có thể thực thi tại một thời điểm. Các tuyên bố khác sẽ đợi trong một hàng đợi cho đến khi tất cả các tuyên bố trước đó được thực thi. ĐỌC Để xem một nhân viên từ bảng ‘EMP, người dùng được yêu cầu nhập ID nhân viên trong phần này của biểu mẫu. Mã sau đây sẽ quan tâm đến yêu cầu bài đăng này. Trong mã trên, phương thức mỗi () thực thi truy vấn SQL với các tham số được chỉ định và gọi một cuộc gọi lại cho mỗi hàng trong tập kết quả. CẬP NHẬT Để cập nhật một nhân viên hiện có, người dùng được yêu cầu nhập ID nhân viên hiện có và tên mới. Yêu cầu bài đăng này sẽ được xử lý bằng mã sau - XÓA BỎ Để xóa một nhân viên hiện có khỏi bảng ‘emp, người dùng được yêu cầu nhập ID nhân viên và yêu cầu bài đăng này sẽ được xử lý bằng mã sau- Bước 4: Bây giờ, chúng tôi sẽ viết mã để đóng kết nối cơ sở dữ liệu.Now, we’ll write code for closing the database connection. Mã trên sẽ hoạt động khi người dùng nhập 6 trong thanh địa chỉ của trình duyệt.Bước 5: Bây giờ, chúng tôi cần làm cho ứng dụng máy chủ của mình lắng nghe tất cả các yêu cầu do trình duyệt thực hiện, sẽ đạt được bởi lệnh sau- Now, we need to make our server application listen to all the requests made by the browser, which will be achieved by the following command- Bước 6: Bây giờ chúng tôi đã viết tất cả các mã cho ứng dụng máy chủ của mình, chúng tôi sẽ lưu nó và quay lại Terminal để chạy điều này bằng lệnh 7. The following message will be displayed in the console -Server listening on port: 3000 Vì vậy, bây giờ máy chủ của chúng tôi đang hoạt động. Chúng tôi sẽ mở trình duyệt và nhập 5 để bắt đầu thực hiện các hoạt động CRUD.Bước 7: Sau đó, hãy mở tab mạng bằng cách nhấp vào phần tử kiểm tra. Nhấp vào Localhost và bạn sẽ nhận thấy một số bộ tiêu đề bổ sung trong phản hồi, được đặt bởi mô -đun mũ bảo hiểm. Then, open the Network tab by clicking on Inspect Element. Click on localhost and you will notice some additional set of headers in the response, which are set by the helmet module. Bản tóm tắt Nếu bạn đã hoàn thành các bước trên, thì bạn đã tạo một ứng dụng máy chủ được bảo mật, có thể đọc dữ liệu từ biểu mẫu HTML và thực hiện chèn, xem, cập nhật và xóa các hoạt động. References:
Làm cách nào để hiển thị dữ liệu nút JS trong HTML?Node JS tìm nạp và hiển thị dữ liệu từ cơ sở dữ liệu MySQL trong danh sách HTML.. Bước 1 - Tạo ứng dụng Node Express JS .. Bước 2 - Tạo bảng trong cơ sở dữ liệu MySQL và kết nối ứng dụng với DB .. Bước 3-Cài đặt mô-đun MySQL cơ thể FLASH EJS EJS .. Bước 4 - Tạo biểu mẫu đánh dấu HTML .. Bước 5 - Nhập các mô -đun trong App.js và tạo các tuyến đường .. Làm cách nào để nhận dữ liệu nút JS?Thiết lập dự án:. Bước 1: Cài đặt nút. .... Bước 2: Tạo thư mục cho dự án của bạn và tạo hai tệp có tên ứng dụng. .... Bước 3: Bây giờ, khởi tạo một nút mới. .... Bước 4: Bây giờ cài đặt Express bên trong dự án của bạn bằng lệnh sau trên dòng lệnh .. Làm thế nào để bạn liên kết nút JS với HTML?Đối với trang HTML, chúng tôi phải sử dụng URL, vì vậy, trong mô -đun Node JS, URL URL đã được sử dụng để chúng tôi phải thêm mô -đun này vào tệp chương trình của chúng tôi.Và sau đó chúng ta có thể nhận được đường dẫn của URL yêu cầu như hình dưới đây.var url = yêu cầu ("url"); var path = url.var url=require("url"); var path=url.
Tôi có thể sử dụng HTML với Node JS không?Trong nút.Các ứng dụng JS và Express, Res.SendFile () có thể được sử dụng để cung cấp các tệp.Việc cung cấp các tệp HTML bằng cách sử dụng Express có thể hữu ích khi bạn cần một giải pháp để phục vụ các trang tĩnh.res. sendFile() can be used to deliver files. Delivering HTML files using Express can be useful when you need a solution for serving static pages. |