1.1 Lý do chọn đề tài
Việc kinh doanh mua bán là nhu cầu không thể thiểu đối với mỗi chúng ta. Trong thời đại cạnh tranh hiện nay việc giới thiệu sản phẩm kinh doanh đến từng cá nhân với chi phí thấp, hiệu quả cao là một vấn đề nan giải của người kinh doanh cùng với nhu cầu mua sắm với những sản phẩm đa chủng loại, đạt chất lượng, hợp túi tiền của người tiêu dùng vì vậy thương mại điện tử đã được ra đời và dần dần phát triển trên toàn thế giới.
Xuất phát từ những nhu cầu đó đề tài “Thiết kế Website bán sách trực tuyến” được xây dựng nhằm đáp ứng cho người tiêu dùng trên toàn quốc thông qua website này. Khách hàng có thể kích vào mô hình sản phẩm để xem thông tin chi tiết về sản phẩm đó và chọn cho mình được sản phẩm ưng ý nhất.
1.2 Giới thiệu chung
Để xây dựng website giới thiệu sản phẩm, bán sách trực tuyến đối tượng mà nhóm đề tài cần tìm hiểu gồm các vấn đề sau:
1.2.1 Angular
Angular là một framework kỹ thuật, mã nguồn mở, được sử dụng để xây dựng các ứng dụng single-page web. Các lập trình viên cũng sử dụng nó để tạo các menu động cho các trang web HTML.
Những tính năng nổi bật của Angular
· Controller: đây là tính năng hỗ trợ xử lý dữ liệu dành cho $scope. Người dùng có thể views dùng dữ liệu có sẵn tại scope để tiến hành hiển thị tương ứng.
· Data-binding: cho phép tự động đồng bộ hóa tất cả các dữ liệu giữa hai chiều model và view khi view có thay đổi.
· Service: singleton object có năng lực khởi tạo nên có thể cung cấp một loạt phương án dữ liệu.
· Scope: là đối tượng giao tiếp giữa hai phía controller và view trong ứng dụng.
· Filter: giúp lọc tập hợp con có trong item rồi trả chúng về mảng mới.
· Directive: có chức năng hỗ trợ tạo thẻ HTML. Một số directive phổ biến là ngModel, ngBind…
· Temple: giúp hiển thị những thông tin từ controller, được xem là một phần trong view.
· Routing: có tính năng điều hướng, chuyển đổi trong controller. Bạn có thể tạo SPA với tính năng này.
· MVC & MVVM: giúp phân chia những ứng dụng chưa nhiều thành phần, gắn liền với MVC.
· Deep link: những liên kết sâu hỗ trợ lập trình viên trong việc mã hóa trạng thái ứng dụng trong các URL, nó khả năng bookmark với công cụ tìm kiếm.
· Dependency Injection: đây là tính năng thường được tích hợp trong bản
AngularJS, giúp tạo lập những ứng dụng có khả năng phát triển, thao tác đơn giản và dễ dàng kiểm tra.
1.2.2 MongoDB
MongoDB là một cơ sở dữ liệu mã nguồn mở và là cơ sở dữ liệu NoSQL hàng đầu, được hàng triệu người sử dụng. MongoDB được viết bằng C++. Ngoài ra, MongoDB là một cơ sở dữ liệu đa nền tảng, hoạt động trên các khái niệm Collection và Document, nó cung cấp hiệu suất cao, tính khả dụng cao và khả năng mở rộng dễ dàng.
NoSQL là 1 dạng CSDL mã nguồn mở không sử dụng Transact-SQL để truy vấn thông tin. NoSQL viết tắt bởi: None-Relational SQL, hay có nơi thường gọi là Not-Only SQL. CSDL này được phát triển trên Javascript Framework với kiểu dữ liệu JSON. (Cú pháp của JSON là “key:value”)
1.2.3 Node.js
Node.js là một hệ thống phần mềm được thiết kế để viết các ứng dụng internet có khả năng mở rộng, đặc biệt là máy chủ web. Chương trình được viết bằng JavaScript, sử dụng kỹ thuật điều khiển theo sự kiện, nhập,xuất không đồng bộ để tối thiểu tổng chi phí và tối đa khả năng mở rộng. Node.js bao gồm có V8 JavaScript engine của Google, LibUV, và vài thư viện khác.
Mục tiêu ban đầu của Dahl là làm cho trang web có khả năng push như trong một số ứng dụng web như Gmail. Sau khi thử với vài ngôn ngữ Dahl chọn Javascript vì một API nhập,xuất không đầy đủ. Điều này cho phép anh có thể định nghĩa một quy ước nhập,xuất điểu khiển theo sự kiện, non-blocking.
Vài môi trường tương tự được viết trong các ngôn ngữ khác bao gồm Twisted cho Python, Perl Object Environment cho Perl, libevent cho C và EventMachine cho Ruby. Khác với hầu hết các chương trình Javascript, Nodejs không chạy trên một trình duyệt mà chạy trên Server. Node.js sử dụng nhiều chi tiết kỹ thuật của CommonJS. Nó cung cấp một môi trường REPL cho kiểm thử tương tác.
2. THIẾT KẾ HỆ THỐNG
2.1 Chức năng admin
|
STT
|
Tên chức năng
|
Mô tả
|
|
1
|
Quản lý banner
|
Quản lý banner đưa lên website giúp cho khách hàng có thông tin liên quan chương trình khuyết mãi của trang
web
|
|
2
|
Quản lý sản phẩm
|
lưu trữ thông tin về sản phẩm như mã sản phẩm, tên sản
phẩm…
|
|
3
|
Quản lý thông tin khách
|
Quản lý các hoạt động mua bán của khách hàng, lưu lại thông tin về khách hàng như tên khách hàng, địa chỉ, mã
khách hàng, số điện thoại, email…
|
|
4
|
Quản lý hàng tồn
|
Quản lý được số lượng sản phẩm
|
|
5
|
Quản lý đặt hàng
|
Quản lý thông tin về các đơn đặt hàng như: tên đăng nhập, địa chỉ người nhận, số điện thoại, hình thức thanh toán,
tổng tiền...
|
|
6
|
Quản lý danh mục
sản phẩm
|
Quản lý thông về về các danh mục sản phẩm
|
Bảng 2.1 Chức năng admin
|
STT
|
Tên chức năng
|
Mô tả
|
|
1
|
Giỏ hàng
|
Giỏ hàng là để lưu thông tin mà khách hàng đã chọn có những trường như: mã giỏ hàng, mã sản phẩm, thời gian
đặt hàng.
|
|
2
|
Xem lịch sử giao
dịch
|
Khách có thể kiểm tra lại các loại sản phẩm đã từng mua
trên website
|
|
3
|
Xem thông tin sản
phẩm
|
Khách hàng có thể xem các loại sản phẩm có bán trên
website mà không cần đăng nhập
|
|
4
|
Tìm kiếm
|
Tìm kiếm, nhanh về thông tin sản phẩm, dựa vào các tiêu chí tìm kiếm của website như tìm theo tên của sản phẩm
, theo danh mục, theo giá bán
|
|
5
|
Đăng ký tài khoản
|
Khách hàng có thể thực hiện thao tác đăng ký để trở thành
thành viên thuận tiện cho việc mua sản phẩm
|
|
6
|
Cập nhật thông tin
tài khoản
|
Khách hàng có thể cập nhật lại thông tin cá nhân như:Số
điện thoại, email, địa chỉ và mật khẩu
|
Bảng 2.2 Chức năng người dùng
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
**** Lưu Ý Đây là source FE không có DB đi kèm mn cân nhắc trước khi mua
**** Các hosting free đã bị thu hồi nên không còn dùng được, các bạn nên cân nhắc mua bộ API của mình để tiện nka, cần hỗ trợ thì liên hệ mình
Cài visual studio code
Cài Angular CLI và chạy project - YouTube
Tài khoản admin để test: Kiezet291120
MK: 123456
Demo API: Swagger UI (bookingapiiiii.herokuapp.com)
Do ServerTest của mình sài bản free nên lần đầu vào demo sẽ hơi lâu các bạn ráng chờ tí
Mọi thắc mắc liên hệ sau mua