Xây dựng website bán đồ đi phượt

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN TÊN HỌC PHẦN NGÔN NGỮ KỊCH BẢN Đ TI: WEB BÁN ĐỒ ĐI PHƯỢT Sinh viên thực : NGUYỄN CÔNG TUỆ ĐẶNG VĂN HIẾU Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CƠNG NGHỆ PHẦN MM Lớp : CNPM3 Khóa : D13 Hà Nội, tháng năm 2022 PHIẾU CHẤM ĐIỂM Họ tên giảng viên Chữ ký Ghi Giảng viên chấm 1: Giảng viên chấm 2: MỞ ĐẦU Node.js tảng JavaScript mạnh mẽ sử dụng để phát triển ác ứng dụng chat online, trang phát video trực tiếp, ứng dụng trang, nhiều ứng dụng web khác Được xây dựng JavaScript V8 Engine Google Chrome, sử dụng rộng rãi công ty lớn startup mơi (Netflix, Paypal, NASA, Walmart) Node.js có mã nguồn mở, hồn tồn miễn phí hàng ngàn lập trình viên giới sử dụng Nó mang lại nhiều lợi ích so với tảng phía máy chủ khác Java PHP Thông qua báo cáo này, xin giới thiệu kiến thức Node.js, cấu trúc nodejs, lại dùng, Sự phổ biến NodeJs tài liệu tham khảo, cuối project nhỏ để làm ví dụ CHƯƠNG I: NODEJS Node.js gì? Nodejs tảng (Platform) phát triển độc lập xây dựng V8 JavaScript Engine – trình thơng dịch thực thi mã JavaScript giúp xây dựng ứng dụng web trang video clip, forum đặc biệt trang mạng xã hội phạm vi hẹp cách nhanh chóng dễ dàng mở rộng NodeJS chạy nhiều tảng hệ điều hành khác từ Window Linux, OS X nên lợi NodeJS cung cấp thư viện phong phú dạng Javascript Module khác giúp đơn giản hóa việc lập trình giảm thời gian mức thấp Node.js xây dựng phát triển từ năm 2009, bảo trợ công ty Joyent, trụ sở California, Hoa Kỳ Node.js hoạt động nào? Ý tưởng Node js sử dụng non-blocking, hướng vào liệu thông qua tác vụ thời gian thực cách nhanh chóng Bởi vì, Node js có khả mở rộng nhanh chóng, khả xử lý số lượng lớn kết nối đồng thời thông lượng cao Nếu ứng dụng web truyền thống, request tạo luồng xử lý yêu cầu chiếm RAM hệ thống việc tài nguyên hệ thống sử dụng khơng hiệu Chính lẽ giải pháp mà Node js đưa sử dụng luồng đơn (Single-Threaded), kết hợp với non-blocking I/O để thực thi request, cho phép hỗ trợ hàng chục ngàn kết nối đồng thời Cấu trúc Node.js Mô-đun Module giống thư viện JavaScript sử dụng ứng dụng Node.js application bao gồm chức Để đưa module vào ứng dụng Node.js phải sử dụng hàm require() function with the với dấu ngoặc đơn chứa tên module Node.js có nhiều module cung cấp chức cần thiết cho ứng dụng web Ví dụ module bảng sau: Console Bảng điều khiển cung cấp phương thức gỡ lỗi tương tự bảng điều khiển JavaScript trình duyệt internet Nó in thơng báo stdout stderr Cluster Node.js xây dựng dựa ý tưởng lập trình đơn luồng Cluster module cho phép đa luồng cách tạo quy trình có chung cổng máy chủ chạy đồng thời Global Biến toàn cục Node.js tồn tất module Những biến bao gồm hàm, module, string, v…v… Một số biến toàn cục Node.js kể đến bảng sau: Error Handling Các ứng dụng Node.js gặp loại lỗi sau Lỗi Node.js sử lý qua exception Chẳng hạn, phải xử lý lỗi xảy chia cho Lỗi làm crash ứng dụng Node.js, phải xử lý lỗi để ứng dụng hoạt động bình thường Streaming Stream đối tượng cho phép bạn đọc viết liệu cách liên tục Có loại stream sau:     Readable: Là loại stream mà từ liệu đọc Writable: Là loại stream mà liệu viết lên Duplex: Là loại stream đọc viết Transform: Là loại stream thao tác liệu đọc viết Buffer Bộ đệm module cho phép xử lý stream chứa liệu dạng nhị phân Một đệm trống với độ dài '10' tạo phương thức sau: Domain Domain module chặn lỗi chưa xử lý Hai phương thức dùng để chặn lỗi là: Internal Binding: Error emitter thực thi code phương thức run External Binding: Error emitter thêm thẳng vào domain qua phương thức add DNS DNS module sử dụng để kết nối đến máy chủ DNS thực phân giải tên miền sử dụng phương thức sau: DNS module sử dụng để thực phân giải tên miền mà không cần kết nối mạng phương thức sau: Debugger Node.js có chức gỡ lỗi sử dụng với client gỡ lỗi tích hợp sẵn Trình gỡ lỗi Node.js khơng có q nhiều tính hỗ trợ chức kiểm tra code Trình gỡ lỗi sử dụng bảng lệnh cách sử dụng từ khố 'inspect' phía trước tên file JavaScript Ví dụ, để kiểm tra file myscript.js, bạn làm theo phương thức sau: Hai NodeJS framework sử dụng phổ biến Express Khi nói đến framework Node.js phổ biến nhất, Express lựa chọn nhà phát triển 73% nhà phát triển yêu thích sử dụng Express Node.Js Framework động cung cấp linh hoạt hoàn toàn tự cho nhà phát triển việc tùy chỉnh giao diện ứng dụng Vì nhẹ, đó, nhanh giúp định hướng máy chủ định tuyến Ngoài ra, khung lý tưởng cho ứng dụng web trang, trang web API HTTP cơng khai Lợi ích Express  Cung cấp hỗ trợ cho plugin tiện ích mở rộng khác để tăng cường chức  Tích hợp liệu liền mạch  Một đường cong học tập dễ dàng cho nhà phát triển quen thuộc với Node.Js  Cơ chế định tuyến dựa URL sử dụng HTTP  Mạnh mẽ, mở rộng hồn tồn tùy chỉnh  Đi kèm với MVC giúp tạo ứng dụng tập trung Hỗ trợ 14 công cụ mẫu mang lại hiệu suất tuyệt vờiExpress phù hợp cho tất loại phát triển web ứng dụng di động từ cấp nhỏ đến cấp doanh nghiệp Vì khung cơng tác Node.Js có sẵn để tạo API, đó, bạn phát triển ứng dụng web nhanh với Express Ngồi ra, khung cơng tác kèm với tính định tuyến mạnh mẽ, tính bảo mật điều khoản xử lý lỗi, nhà phát triển dễ dàng sử dụng để chế tạo cấp doanh nghiệp ứng dụng dựa trình duyệt SocketIO Socket.io full-stack framework sử dụng nhiều ngơn ngữ lập trình Nó cung cấp API đơn giản dễ hiểu, dễ dàng hoạt động hài hòa với hầu hết dịch vụ Với tốc độ phát triển vượt trội độ tin cậy nó, nhà phát triển thực ấn tượng với framework Lợi ích việc sử dụng Socket.io  Cung cấp phân tích thời gian thực  Phát trực tuyến nhị phân quản lý ổ cắm dễ dàng  Khả điều chỉnh định tuyến URL cho ổ cắm web  Tự động phát sửa lỗiSocket.io sử dụng để phát triển ứng dụng thời gian thực API bảng điều khiển, Phiếu điểm, Chatbots, ứng dụng hội nghị truyền hình nữa, máy chủ yêu cầu để đẩy liệu mà không cần yêu cầu từ phía máy khách NPM: The Node Package Manager Trình quản lý gói Node.js (NPM) trình quản lý gói mặc định phổ biến hệ sinh thái Node.js chủ yếu sử dụng để cài đặt quản lý module bên dự án Node.js Nó thường sử dụng để cài đặt loạt công cụ CLI chạy tập lệnh dự án NPM theo dõi module cài đặt dự án file package.json , nằm folder dự án chứa:  Tất module cần thiết cho dự án version cài đặt chúng  Tất metadata cho dự án, chẳng hạn tác giả, giấy phép, v.v  Các tập lệnh chạy để tự động hóa việc dự án Mơ-đun npm hữu ích Cách tiếp cận tối giản cho số mơ-đun npm hữu ích # NPM: Express.js # NPM: Sails.js # NPM: Meteor.js # NPM: Hapi.js # NPM: Koa.js # NPM: Total.js # NPM: Nest.js # NPM: Loopback.js # NPM: Mongo.js # NPM: socket.js Các nút npm hữu ích giúp bạn tạo mơ-đun cho phép tập trung vào nhiều yếu tố cần thiết hiệu suất cao, tự động hóa tác vụ tốn thời gian, định tuyến mạnh mẽ phạm vi kiểm tra siêu cao Node.js sử dụng để làm gì? Backend for Social Media Networking Nhiều tên tuổi tiếng LinkedIn Medium khác xây dựng Node.js Có kết hợp thiết yếu nút để tạo phần phụ trợ cho trang mạng truyền thông xã hội Node.js cung cấp khả định tuyến cực nhanh với CHƯƠNG 2: ĐẶC TẢ PHẦN MM 2.1 Giới thiệu phần mềm Họ phần mềm: Quản lý website bán đồ phượt Giao diện trang chủ: Hình 2.1: Giao diện website Ngôn ngữ viết: + Frontend: ReactJS + Backend: Nodejs Các chức phần mềm: + Đăng nhập: Người dùng Đăng nhập vào hệ thống để thực thao tác + Đăng ký: Khi người tiêu dùng mua hàng, Họ phải Đăng ký thông tin để Thêm tài khoản Đăng nhập vào hệ thống với tài khoản có để tiến hành đặt hàng + Giỏ hàng: Cập nhật thông tin danh sách sản phẩm mà khách hàng chọn + Quản lý sản phẩm(admin): Thực chức thêm, sửa, xóa sản phẩm 2.2 Đặc tả yêu cầu phần mềm - Các kiểu người dùng: Kiểu người dùng khơng có tài khoản Website: Khi truy cập vào Website sử dụng chức tìm kiếm Kiểu người dùng có tài khoản Website: Người dùng tìm kiếm, đặt hàng, tốn sản phẩm Kiểu người dùng Admin hệ thống: Quản lý tài khoản người dùng quản trị nội dung Website - Hoạt động khách hàng: Khi khách hàng định tham gia vào hoạt động mua hàng cửa hàng khách hàng cung cấp giỏ hàng tương ứng Khách hàng tự lựa chọn loại hàng hóa mà thích vào giỏ hàng Thơng qua chức tìm kiếm website giúp khách hàng nhanh chóng tìm loại hàng mà muốn mua cách nhanh Khách hàng cập nhật lại mặt hàng giỏ hàng mà khơng muốn mua Nếu khách hàng chấp nhận tốn hệ thống u cầu nhập thông tin chi tiết khách hàng Họ Họ, địa E-mail, Phone, khách hàng chưa Sign up đăng nhập, ngược lại khách hàng Sign up Họ cần đăng nhập Tên tài khoản/ E-mail Mật Khi khách hàng hồn thành q trình đặt hàng với hệ thống khách hàng tiến hành tốn, khách hàng lựa cHọn hình thức tốn website Sau hồn thành q trình tốn khách hàng thực lại q trình mua hàng khách hàng muốn mua thêm sản phẩm - Hoạt động người quản trị: Cung cấp giỏ hàng giúp khách hàng cảm thấy an tâm mua hàng mà không bị số lỗi làm gián đoạn trình mua hàng khách hàng, giúp hiệu việc mua hàng khách hàng nhiều kết thúc việc mua hàng ấn định số lượng hàng mua Theo dõi khách hàng: cần phải biết khách hàng tham gia mua Họ cần mua mặt hàng số khách hàng tham gia vào việc mua hàng Và thống kê đơn hàng mua Họ, doanh thu với mặt hàng đơn hàng, mặt hàng bán nhiều Sau kết thúc phiên giao dịch khách hàng, đơn hàng khách hàng mua tổng kết lại chuyển sang phận khác để xử lý phận kế toán, kinh doanh, phận chuyển giao hàng cho khách 2.3 Đặc tả yêu cầu chức 2.3.1 Chức Đăng nhập Khi người dùng muốn đăng nhập, trước tiên phải đăng ký tài khoản, không Sign up sau tiến hành đăng nhập tài khoản Luồng kiện chính: Khi người dùng nhập tài khoản mật có trường hợp xảy  Trường hợp đầu tiên, người dùng nhập sai tài khoản mật khẩu, đăng nhập thất bại  Trường hợp thứ người dùng nhập tài khoản, mật đăng nhập thành công, hệ thống chuyển qua trang chủ Luồng kiện phụ:  Người dùng bỏ trống tài khoản mật khẩu, hệ thống yêu cầu nhập đầy đủ  Người dùng nhập tài khoản mật định dạng tài khoản chưa tồn Hệ thống thông báo chưa tồn tài khoản này, đăng ký a Biểu đồ Usecase chức Đăng nhập Hình 2.3.1.a: Biểu đồ Usecase chức Đăng nhập b Biểu đồ hoạt động chức Đăng nhập Hình 2.3.1.b: Biểu đồ hoạt động chức Đăng nhập Người dùng truy cập vào website thực chức Đăng nhập: Luồng kiện chính:  Người dùng truy cập chức Đăng nhập webstite  Nhập thông tin tên tài khoản, mật  Click button Đăng nhập  Hệ thống duyệt liệu đầu vào, thông tin hợp lệ đưa người dùng đến trang chủ Luồng kiện khác:  Nếu thơng tin khơng hợp lệ hệ thống hiển thị thông báo lỗi để người dùng nhập lại thơng tin cho xác 2.3.2 Chức Đăng ký Người dùng Đăng ký để thực chức thao tác website, mua sản phẩm, thực ưu đãi khác Luồng kiện chính:  Người dùng truy cập vào website thực chức Sign up Luồng kiện phụ:  Người dùng bỏ trống tài khoản mật khẩu, hệ thống yêu cầu nhập đầy đủ  Người dùng nhập tài khoản mật định dạng tài khoản chưa tồn Hệ thống thông báo phải đăng ký tài khoản trước a Biểu đồ Usecase chức Đăng ký Hình 2.3.2.a: Biểu đồ usecase chức Đăng ký b Biểu đồ hoạt động chức Đăng ký Hình 2.3.2.b: Biểu đồ hoạt động chức Đăng ký Người dùng truy cập vào website thực chức Đăng ký: Luồng kiện chính:  Người dùng truy cập chức Đăng ký webstite  Nhập thông tin Họ, tên, Phone, số cmnd, e-mail, tên tài khoản, mật khẩu, xác nhận mật  Click button Đăng ký  Hệ thống duyệt liệu đầu vào, thông tin hợp lệ lưu liệu quay lại trang đăng nhập để người dùng đăng nhập lại hệ thống Luồng kiện khác:  Nếu thông tin không hợp lệ hệ thống hiển thị thơng báo lỗi để người dùng nhập lại thông tin cho xác 2.3.3 Chức Quản lý sản phẩm Người dùng đăng nhập vào hệ thống với tài khoản admin Sau đó, tới mục Quản lý sản phẩm thực chức sản phẩm Luồng kiện chính:  Người dùng truy cập vào vào hệ thống tài khoản admin  Truy cập đến menu mục Quản lý sản phẩm, sau thực chức  Các chức quản lý sản phẩm:  Thêm sản phẩm: Hiển thị form thêm sản phẩm, nhập thông tin sản phẩm, nhấn lưu thông tin sản phẩm  Sửa sản phẩm: Hiển thị form sửa thông tin sản phẩm, nhập thông tin cần thay đổi, nhấn nút lưu thơng tin  Xố sản phẩm: Chọn sản phẩm muốn xố, hiển thị thơng báo muốn xố sản phẩm, nhấn nút ok, hiển thị danh sách sản phẩm làm  Ẩn/ Hiển thị sản phẩm: Chọn sản phẩm muốn ẩn/ hiển thị, hiển thị thông báo muốn ẩn/ hiển thị sản phẩm, nhấn nút ok, hiển thị danh sách sản phẩm làm Luồng kiện phụ:  Người dùng bỏ trống trường (tệp ảnh, tên sản phẩm, nội dung mô tả, giá bán, nhà cung cấp, danh mục, trạng thái)  Người dùng nhập sai định dạng trường  Người dùng click liên tục vào button Thêm sản phẩm a Biểu đồ Usecase chức Quản lý sản phẩm Hình 2.3.3.a: Biểu đồ Usecase chức Quản lý sản phẩm b Biểu đồ hoạt động chức Quản lý sản phẩm Hình 2.3.3.b1: Biểu đồ hoạt động chức thêm sản phẩm Người dùng truy cập vào chức Quản lý sản phẩm để thao tác thêm sản phẩm: Luồng kiện chính:  Người dùng truy cập đến chức Thêm sản phẩm hình quản lý sản phẩm  Nhập thơng tin sản phẩm bao gồm: tên sản phẩm, nội dung mô tả, ảnh mô tả, giá bán, nhà cung cấp, danh mục, trạng thái  Sau nhập thông tin xong người dùng click button Thêm sản phẩm  Hệ thống duyệt thông tin người dùng nhập vào, thỏa mãn hiển thị thơng báo, lưu hiển thị liệu Luồng kiện phụ:  Nếu thông tin đầu vào khơng thỏa mãn hệ thống hiển thị thông báo bắt người dùng nhập lại Hình 2.3.3.b2: Biểu đồ hoạt động chức sửa sản phẩm Người dùng truy cập vào chức Quản lý sản phẩm để thao tác sửa thông tin sản phẩm: Luồng kiện chính:  Người dùng truy cập đến chức sửa sản phẩm hình Quản lý sản phẩm  Sửa thông tin sản phẩm bao gồm: tên sản phẩm, nội dung mô tả, ảnh mô tả, giá bán, nhà cung cấp, danh mục, trạng thái  Sau sửa thông tin xong người dùng click button Cập nhật thông tin sản phẩm  Hệ thống duyệt thông tin người dùng nhập vào, thỏa mãn hiển thị thơng báo, lưu hiển thị liệu Luồng kiện phụ:  Nếu thơng tin đầu vào khơng thỏa mãn hệ thống hiển thị thông báo bắt người dùng nhập lại Hình 2.3.3.b3: Biểu đồ hoạt động chức xóa sản phẩm Người dùng truy cập vào chức Quản lý sản phẩm để thao tác xoá sản phẩm: Luồng kiện chính:  Người dùng truy cập đến sản phẩm cần xố hình Quản lý sản phẩm  Click button Xoá  Hệ thống duyệt thơng tin sản phẩm, thỏa mãn xố sản phẩm buil lại danh sách sản phẩm Luồng kiện phụ: Nếu thông tin đầu vào không thỏa mãn hệ thống hiển thị thơng báo Hình 2.3.3.b4: Biểu đồ hoạt động chức ẩn/ hiển thị sản phẩm Người dùng truy cập vào chức Quản lý sản phẩm để thao tác ẩn/ hiển thị sản phẩm: Luồng kiện chính:  Người dùng truy cập đến sản phẩm cần xoá hình Quản lý sản phẩm  Click button Ẩn/ hiển thị  Hệ thống duyệt thông tin sản phẩm, thỏa mãn thay đổi trạng thái sản phảm ẩn/ hiển thị sản phẩm khỏi trang danh sách sản phẩm Luồng kiện phụ: Nếu thông tin đầu vào khơng thỏa mãn hệ thống hiển thị thông báo ... 2: ĐẶC TẢ PHẦN MM 2.1 Giới thiệu phần mềm Họ phần mềm: Quản lý website bán đồ phượt Giao diện trang chủ: Hình 2.1: Giao diện website Ngôn ngữ viết: + Frontend: ReactJS + Backend: Nodejs Các... a Biểu đồ Usecase chức Đăng nhập Hình 2.3.1.a: Biểu đồ Usecase chức Đăng nhập b Biểu đồ hoạt động chức Đăng nhập Hình 2.3.1.b: Biểu đồ hoạt động chức Đăng nhập Người dùng truy cập vào website. .. trước a Biểu đồ Usecase chức Đăng ký Hình 2.3.2.a: Biểu đồ usecase chức Đăng ký b Biểu đồ hoạt động chức Đăng ký Hình 2.3.2.b: Biểu đồ hoạt động chức Đăng ký Người dùng truy cập vào website thực