3.4.1 Chức năng đăng nhập
Hình 23: Biểu đồ tuần tự đăng nhập
Các tác nhân ( khách hàng/admin ) sẽ điền thông tin vào giao diện đăng nhập. Giao diện sẽ gửi thông tin tới Controller điều khiển để thực hiện việc kiểm tra. Nếu thông tin gửi tới là sai mẫu quy định của email hoặc số lượng ký tự mật khẩu, Controller sẽ trả về thông báo sai về giao diện để tác nhân nhập lại thông tin. Nếu đúng, Controller sẽ gửi yêu cầu tới Model thực hiện kiểm tra cơ sở dữ liệu sau đó trả kết quả trở lại.
3.4.2 Chức năng quản lý danh mục sản phẩm
3.4.3 Chức năng quản lý sản phẩm
Hình 25: Biểu đồ tuần tự quản lý sản phẩm
3.4.4 Chức năng quản lý thanh viên
3.4.5 Chức năng quản lý tin tức
3.4.6 Chức năng quản lý Page tĩnh
Hình 28: Biểu đồ tuần tự quản lý page tĩnh
3.4.7 Chức năng quản lý đơn hàng
3.4.8 Chức năng quản lý kho
Hình 30: Biểu đồ tuần tự thanh toán
Hình 31: Sơ đồ ERD
4.1 Kiến trúc hệ thống
Hệ thống được thiết kế dựa trên nền tảng Laravel framework theo mô hình model-view-controller. Phân chia công việc và nhiệm vũ rõ ràng giữa cơ sở dữ liệu, điều khiển và giao diện hiển thị.
4.1.1 Model
- Admin : Lưu thông tin quản lý Admin
- Article : Lưu thông tin quản lý các bài viết ( tin tức )
- Category : Lưu thông tin quản lý danh mục
- Contact : Lưu thông tin quản lý liên hệ
- Order : Lưu thông tin quản lý chi tiết đơn hàng
- PageStatic : Lưu thông tin quản lý các trang tĩnh
- Product : Lưu thông tin quản lý danh sách sản phẩm
- Rating : Lưu thông tin quản lý đánh giá sản phẩm
- Transaction : Lưu thông tin quản lý thông tin giao dịch
- User : Lưu thông tin quản lý danh sách thành viên
4.1.2 View
Tầng view được thiết kế riêng biệt giữa người quản trị và người dùng.
- View phía người quản trị sẽ có các thư mục sau :
Components, layouts : chứa các file tạo nên khung hình chính của trang quản trị.
Article: chứa các file hiển thị quản lý tin tức
Auth: chứa file đăng nhập quản trị viên
Category : chứa các file hiển thị quản trị danh mục
Contact : chứa các file hiển thị quản trị liên hệ
Page_static : chứa các file hiển thị quản trị các trang tĩnh trong website
Product : chứa các file hiển thị quản trị sản phẩm
Rating : chứa file hiển thị danh sách đánh giá
Transection : chứa các file hiển thị quản trị các giao dịch
User : chứa file hiển thị danh sách người dùng đăng ký thành viên
- View phía người dùng sẽ có các thư mục sau :
Components, home và layouts: chứa các file tạo nên khung giao diện của website
Article : chứa các file tạo nên các trang tin tức
Auth : chứa các file tạo nên các trang xác thực như đăng ký, đăng nhập.
Page_static : chứa các file tạo nên các trang tĩnh trong website.
Product : chứa các file tạo nên các trang về sản phẩm.
Shoping : chứa các file tạo nên các trang về giỏ hàng và thanh toán
User : chứa các file tạo nên các trang quản lý tài khoản thành viên
4.1.3 Controller
Cũng giống như View, ở tầng này cũng chia backend và frontend thành các file điều khiển riêng biệt.
- Controller phía người quản trị sẽ chứa các file sau :
AdminArticleController : xử lý các bài viết ( tin tức )
AdminAuthController : xử lý đăng nhập quản trị
AdminCategoryController : xử lý danh mục
AdminContactController : xử lý liên hệ
AdminController : xử lý trang quản trị
AdminPageStaticController : xử lý trang tĩnh
AdminProductController : xử lý sản phẩm
AdminRatingController : xử lý đánh giá
AdminTransactionController : xử lý giao dịch đơn hàng
AdminUserController : xử lý người dùng
AdminWarehouseController : xử lý kho
- Controller phía người dùng sẽ chứa các file sau :
Thư mục Auth : chứa các xử lý tài khoản
ArticleController : chứa các xử lý bài viết ( tin tức )
CategoryController : chứa các xử lý danh mục
ContactController : chứa các xử lý liên hệ
HomeController : chứa các xử lý trang chủ
PageStaticController : chứa các xử lý trang tĩnh trong website
ProductDetailController : chứa các xử lý chi tiết sản phẩm
RatingController : chứa các xử lý đánh giá sản phẩm
ShoppingCartController : chứa các xử lý giỏ hàng và thanh toán
4.2 Thiết kế cơ sở dữ liệu
Hình 32: Cơ sở dữ liệu
4.2.1 Danh sách các bảng
S
TT Tên các bảng Mô tả
1 admins Lưu thông tin admin
2 articles Lưu thông tin bài viết ( tin tức )
3 categories Lưu thông tin danh mục
4 contacts Lưu thông tin liên hệ
5 orders Lưu thông tin đơn đặt hàng
6 page_statics Lưu thông tin các trang tĩnh 7 password_resets Lưu thông tin đổi mật khẩu
8 products Lưu thông tin sản phẩm
9 ratings Lưu thông tin đánh giá sản phẩm 1
0 transactions Lưu thông tin hóa đơn giao dịch
1
Bảng 48: Danh sách các bảng cơ sở dữ liệu
4.2.2 Bảng admins
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 name Varchar Tên admin
3 email Varchar Email của admin
4 phone Varchar Số điện thoại
5 avarar Varchar Ảnh đại diện
7 password Varchar Mật khẩu đăng nhập
9 created_at Timestamp Thời gian tạo
1
0 update_at Timestamp Thời gian cập nhật
Bảng 49: Bảng admins
4.2.2 Bảng articles
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 a_name Varchar Tên bài viết
3 a_slug Varchar Đường dẫn
4 a_description Varchar Mô tả
5 a_content Longtext Nội dung
6 a_active Tinyint Trạng thái
1 a_avatar Varchar ảnh bài viết
1 a_view Int Lượt đọc
1 update_at Timestamp Thời gian cập nhật
1 a_hot Tinyint Trạng thái nổi bật
Bảng 50: Bảng articles
4.2.4 Bảng categories
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 c_name Varchar Tên danh mục
3 c_slug Varchar Đường dẫn
6 c_active Tinyint Trạng thái
1 created_at Timestamp Thời gian tạo
1 update_at Timestamp Thời gian cập nhật
Bảng 51: Bảng categories
4.2.5 Bảng contacts
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 c_name Varchar Tên người gửi
3 c_email Varchar email
4 c_title Varchar Tiêu đề liên hệ
5 c_content Text Nội dung liên hệ
6 c_status Tinyint Trạng thái
7 created_at Timestamp Thời tian tạo
8 update_at Timestamp Thời gian cập nhật
Bảng 52: Bảng contacts
4.2.6 Bảng orders
TT
1 id Int Khóa chính
2 or_transaction_id Int Khóa ngoại đến bảng
transactions
3 or_product_id Int Khóa ngoại đến bảng
products
4 or_qty Tinyint Số lượng
5 or_price Int Số tiền
6 or_sale Tinyint Giảm giá
7 created_at Timestamp Thời tian tạo
8 update_at Timestamp Thời gian cập nhật
Bảng 53: Bảng orders
4.2.7 Bảng page_statics
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 ps_name Varchar Tên trang
3 ps_type Tinyint Loại trang
4 ps_content Text Nội dung
5 created_at Timestamp Thời tian tạo
6 update_at Timestamp Thời gian cập nhật
Bảng 54: Bảng page_statics
4.2.8 Bảng password_resets
S
TT Tên trường Kiểu Mô tả
1 email Varchar Email xác nhận
2 token Varchar Mã thông báo xác nhận
5 created_at Timestamp Thời tian tạo
4.2.9 Bảng products
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 pro_name Varchar Tên sản phẩm
3 pro_slug Varchar Đường dẫn
4 pro_category_id Int Khóa ngoại tới bảng
categoris
5 pro_price Int Giá sản phẩm
6 pro_sale Tinyint Giảm giá
7 pro_active Tinyint Trạng thái hiển thị
8 pro_hot Tinyint Trạng thái nổi bật
9 pro_view Int Lượt xem
1 pro_description Varchar Mô tả sản phẩm
1 pro_avatar Varchar ảnh sản phẩm
1 created_at Timestamp Thời gian tạo
1 updated_at Timestamp Thời gian cập nhật
1 pro_content Longtext Nội dung sản phẩm
1 pro_number Tinyint Số lượng sản phẩm
1 pro_total_rating Int Tổng số đánh giá
2 pro_total_number Int Tổng số điểm đánh
giá
Bảng 56: Bảng products
4.2.10 Bảng ratings
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 ra_product_id Int Khóa ngoại tới bảng
3 ra_number Tinyint Điểm đánh giá
4 ra_content Varchar Nội dung đánh giá
5 ra_user_id Int Khóa ngoại tới bảng users
6 created_at Timestamp Thời tian tạo
7 update_at Timestamp Thời gian cập nhật
Bảng 57: Bảng ratings
4.2.11 Bảng transactions
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 tr_user_id Int Khóa ngoại tới bảng users
3 tr_total Int Tổng tiền thanh toán
4 tr_note Varchar Ghi chú yêu cầu
5 tr_address Varchar Địa chỉ nhận
6 tr_phone Varchar Số điện thoại
7 tr_status Varchar Trạng thái giao dịch
8 created_at Timestamp Thời tian tạo
9 update_at Timestamp Thời gian cập nhật
1
0 tr_type Tinyint Loại thanh toán
Bảng 58: Bảng transactions
4.2.12 Bảng users
S
TT Tên trường Kiểu Mô tả
1 id Int Khóa chính
2 name Varchar Tên thành viên
3 email Varchar Email của thành viên
5 avarar Varchar Ảnh đại diện
7 password Varchar Mật khẩu đăng nhập
9 created_at Timestamp Thời gian tạo
1
0 update_at Timestamp Thời gian cập nhật
1
1 total_pay Int Tổng thanh toán
1
2 address Varchar Địa chỉ
1
3 note Varchar Mô tả bản thân
1
4 code Varchar
Mã thông báo thay đổi mật khẩu
1
5 time_code Timestamp Thời gian thay đổi
CHƯƠNG 5: KẾT QUẢ CÀI ĐẶT
5.1 Giao diện người sử dụng5.1.1 Giao diện trang chủ 5.1.1 Giao diện trang chủ
Hình 33: Giao diện trang chủ
5.1.2 Giao diện đăng ký
5.1.3 Giao diện đăng nhập
Hình 35: Giao diện đăng nhập
5.1.4 Giao diện nội dung trang chủ
5.1.5 Giao diện chi tiết và đánh giá sản phẩm
Hình 37.1: Giao diện chi tiết sản phẩm
5.1.6 Giao diện giỏ hàng
Hình 39: Giao diện giỏ hàng
5.1.7 Giao diện thanh toán trực tiếp
5.2 Giao diện người quản trị5.2.1 giao diện đăng nhập quản trị 5.2.1 giao diện đăng nhập quản trị
Hình 41: Giao diện đăng nhập quản trị
5.2.2 Giao diện tổng quan quản trị
5.2.3 giao diện quản lý danh mục
Hình 43: Giao diện quản lý danh mục
5.2.4 Giao diện quản lý sản phẩm
5.2.5 giao diện quản lý tin tức
Hình 45: Giao diện quản lý tin tức
5.2.6 giao diện quản lý đơn hàng
5.2.7 giao diện quản lý kho
Hình 47: Giao diện quản lý kho
5.2.8 giao diện quản lý trang tĩnh
CHƯƠNG 6: KẾT LUẬN VÀ PHƯƠNG HƯỚNG PHÁT TRIỂN
6.1 Kết luận
Đề tài đã xác được mục đích phù hợp với yêu cầu của các doanh nghiệp nhỏ và cửa hàng gia dụng ngày càng phát triển với số lượng ngày càng tăng lên ở thành thị lẫn nông thôn. Thực hiện việc phân tích và thiết kế hệ thống với các chức năng cần thiết ở một trang web bán hàng. Tìm hiểu lý thuyết về Laravel framework, PHP, HTML, CSS, giúp đỡ em có thêm kỹ năng nền tảng và mở rộng kiến thức để xây dựng và phát triển ứng dụng website vào cuộc sống.
Hệ thống hoàn thiện được các chứng năng cơ bản của một website bán hàng gia dụng với giao diện khá ưa nhìn, không phức tạp, đơn giản và dễ sử dụng. Có các chức năng hiển thị sản phẩm vừa xem, đánh giá và cho điểm sản phẩm. Thực hiện thanh toán thường và thanh toán online. Gửi email khi đăng ký thành viên và email quên mật khẩu giúp cho khách hàng có thể sử dụng email để đổi mật khẩu khi đã quên. Thống kê được doanh thu sản phẩm đã xử lý.
Bên cạnh đó hệ thống chưa hoàn thiện một chức năng của người sử dụng như xác định cấp độ thành viên thân thiết với website, liên kết đăng nhập bằng các tài khoản xã hội như facebook, google... So sánh giữa các sản phẩm để khách hàng có thể đưa ra sự lựa chon. Tốc độ xử lý chưa cao do chưa tối ưu được lập trình. Quản lý danh mục sản phẩm chưa hợp lý, quản lý kho chưa tối ưu được các vấn đề với điều kiện liên quan như thời gian hàng tồn...
6.2 Hướng phát triển
Tiếp tục phát triển và hoàn thiện website với các chức năng như xây dựng liên kết đăng nhập, so sánh sản phẩm trong và ngoài website, thực hiện quản lý kho và khuyến mại với các điều kiện cụ thể theo thời gian. Thống kê cụ thể về sản phẩm trong kho. Thống kê chi phí, lợi nhuận. Thực hiện truy xuất chi phí, doanh thu và lợi nhuận ra word hoặc excel. Tối ưu hóa để cải thiện tốc độ xử lý. Danh mục sản phẩm có thể thực hiện lọc sản phẩm đa thuộc tính...
TÀI LIỆU THAM KHẢO [1] Larave https://laravel.com/ [2]MVChttps://en.wikipedia.org/wiki/Model%E2%80%93view %E2%80%93controller [3] Xampp https://vi.wikipedia.org/wiki/XAMPP [4] Bootstrap http://getbootstrap.com.vn/about/ [5] jQuery https://vi.wikipedia.org/wiki/JQuery [6]. https://www.php.net/ [7] https://www.w3schools.com/ [8] https://viblo.asia/newest [9] Kênh youtube : Trung Phú NA