SỬ DỤNG FRAMEWORK LARAVEL XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG - Full 10 điểm

TRƯ Ờ NG Đ Ạ I H Ọ C CÔNG NGH Ệ THÔNG TIN VÀ TRUY Ề N THÔNG VI Ệ T - HÀN KHOA KHOA H Ọ C MÁY TÍNH    S Ử D Ụ NG FRAMEWORK LARAVEL XÂY D Ự NG WEBSITE BÁN HÀNG TH Ờ I TRANG TÓM T Ắ T ĐỒ ÁN T Ố T NGHI Ệ P NGÀNH: L Ậ P TRÌNH MÁY TÍNH Sinh viên th ự c hi ệ n : Mai Văn Kh ả i Mã sinh viên : K13C0 5 A00 4 Gi ả ng viên hƣ ớ ng d ẫ n : TS Nguy ễ n Văn L ợ i Khóa đào t ạ o : 2019 - 2022 Đà Nẵ ng - 12/2021 1 MỞ ĐẦU Trong nh ững năm trở l ại đây, xã hộ i ngày càng phát tri ển, đờ i s ố ng c ủa ngườ i dân đượ c nâng cao thì nh ữ ng v ấn đề v ề mua s ắ m tr ự c tuy ến luôn đượ c m ọi ngườ i quan tâm Đặ c bi ệ t là nh ữ ng s ả n ph ẩ m ph ụ c v ụ cho nhu c ầ u v ề th ờ i trang Hơn thế , v ớ i s ự phát tri ể n c ủa CNTT và đạ i d ị ch Covid 19, mua s ắ m tr ự c tuy ế n đang là xu thế và phát tri ể n không ng ừ ng Nh ậ n th ấ y ti ềm năng củ a th ị trườ ng và nhu c ầ u mua s ắ m tr ự c tuy ế n c ủa người tiêu dùng, em đã xây dự ng "WEBSITE BÁN HÀNG TH ỜI TRANG", hướng đế n ch ất lượ ng s ả n ph ẩ m và s ứ c kh ỏe ngườ i tiêu dùng V ớ i Shop Th ời Trang, ngườ i dùng có th ể xem s ả n ph ẩ m, tìm ki ế m s ả n ph ẩ m, thêm s ả n ph ẩ m vào gi ỏ hàng, thanh toán, theo dõi đơn hàng sả n ph ẩ m và liên h ệ tr ự c ti ế p v ớ i c ử a hàng V ề phía qu ả n tr ị s ẽ có các ch ức năng như quả n lý danh m ụ c, qu ản lý ngườ i dùng, qu ả n lý s ả n ph ẩ m, th ố ng kê Ph ạ m vi d ự án: D ự án n ằ m trong ki ế n th ứ c các môn h ọ c, gi ả i quy ế t các v ấn đề cơ b ả n c ủ a m ộ t website bán hàng 2 CHƢƠNG 1 TỔNG QUAN 1 1 Đ Ặ T V Ấ N Đ Ề  Gi ớ i thi ệ u bài toán  M ụ c tiêu c ủ a vi ệ c xây d ự ng trang web này nh ằ m giúp cho khách hàng có th ể mua hàng tr ự c ti ế p t ừ xa thông qua m ạ ng internet ph ổ bi ế n Khách hàng ở nhà hay t ạ i công ty v ẫ n có th ể d ễ dàng tham kh ả o thông tin s ả n ph ẩ m mình tìm, so sánh giá c ả các m ặ t hàng và l ự a ch ọ n cho mình lo ạ i s ả n ph ẩ m phù h ợ p nhu c ầ u c ủ a mình, giúp công vi ệ c mua s ắ m m ộ t cách nhanh chóng, ti ệ n l ợ i, ti ế t ki ệ m th ời gian, đáp ứng đượ c nhu c ầ u th ự c t ế H ệ th ố ng tìm ki ế m d ễ dàng, giao di ệ n thân thi ệ n Ch ỉ c ần đăng nhậ p vào h ệ th ố ng v ớ i tài kho ản đã có (nếu khách hàng đã từ ng t ạ o tài kho ả n trên h ệ th ố ng c ủ a c ử a hàng) hay ch ỉ c ần vài thao tác đăng kí đơn giả n là khách hàng có th ể t ự do ch ọ n mua và t ạo đơn đặ t hàng t ạ i h ệ th ố ng website 1 2 GI Ả I QUY Ế T Đ Ề TÀI  Mô t ả  Admin (Ngườ i qu ản lý): là ngườ i qu ả n tr ị trang web, admin đăng nhậ p tài kho ả n có toàn quy ề n s ử d ụ ng và thêm xóa s ử a d ữ li ệ u, xem các chi ti ết đơn hàng, quả n lý các thông tin danh m ụ c, s ả n ph ẩm, đơn đặ t hàng, th ống kê…  User (Ngườ i dùng): là khách c ầ n mua s ả n ph ẩ m trên m ạ ng H ọ có th ể ch ọ n t ừ ng s ả n ph ẩm ưa thích Họ d ạ o quanh c ử a hàng mua t ừ ng s ả n ph ẩ m khác nhau, ch ọ n s ả n ph ẩ m b ỏ vào gi ỏ hàng, và thanh toán  Mô hình hóa c ử a hàng bán hàng th ờ i trang Hình 1 1 Mô hình hóa c ử a hàng bán hàng th ờ i trang  Mô hình đƣợ c mô t ả nhƣ sau: 3 Hình 1 2 2: Quy trình mua hàng c ủ a khách hàng 1 3 NHI Ệ M V Ụ C Ủ A Đ Ồ Á N  H ệ th ố ng website cho phép làm nh ữ ng công vi ệ c sau:  Giao di ệ n 1 4 C Ấ U TRÚC Đ Ồ ÁN  Chƣơng I : Tổ ng quan  Chƣơng II: Phân tích thiế t k ế h ệ th ố ng  Chƣơng III: Triể n khai xây d ựng đề tài  Chƣơng IV: Kế t Lu ận và hƣớ ng phát tri ể n 4 CHƢƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2 1 BI Ể U Đ Ồ USE CASE Hình 2 1 Use case t ổ ng quát 2 2 BI Ể U Đ Ồ HO Ạ T Đ Ộ NG 2 3 CÁC L Ớ P Đ Ố I TƢ Ợ NG B ả ng 2 1 Danh m ụ c Tên trƣ ờ ng Ki ể u d ữ li ệ u Khóa Ghi chú id int Khóa chính Mã danh m ụ c name varchar Tên danh m ụ c images varchar Hình ả nh created_at timestamp Ngày t ạ o updated_at timestamp Ngày c ậ p nh ậ t B ả ng 2 2 S ả n ph ẩ m Tên trƣ ờ ng Ki ể u d ữ li ệ u Khóa Ghi chú id int Khóa chính Mã s ả n ph ẩ m categories_id int Khóa ngo ạ i Mã danh m ụ c name varchar Tên s ả n ph ẩ m description varchar Mô t ả more_description varchar Mô t ả chi ti ế t avatar varchar Hình ả nh đ ạ i di ệ n 5 img1 varchar Hình ả nh 1 Img2 varchar Hình ả nh 2 Img3 varchar Hình ả nh 3 original_price double Giá g ố c promotion_price double Giá khuy ế n mãi quantity double S ố lư ợ ng created_at timestamp Ngày t ạ o updated_at timestamp Ngày c ậ p nh ậ t B ả ng 2 3 Gi ỏ hàng Tên trƣ ờ ng Ki ể u d ữ li ệ u Khóa Ghi chú id int Khóa chính Mã gi ỏ hàng user_id varchar Khóa ngo ạ i Mã ngư ờ i dùng product_id varchar Khóa ngo ạ i Mã s ả n ph ẩ m size varchar Kích thư ớ c color varchar Màu quantity int S ố lư ợ ng created_at Timestamp Ngày t ạ o updated_at Timestamp Ngày c ậ p nh ậ t B ả ng 2 4 Hóa đơn Tên trƣ ờ ng Ki ể u d ữ li ệ u Khóa Ghi chú id int Khóa chính Mã gi ỏ hàng user_id int Khóa ngo ạ i Mã ngư ờ i dùng date_order date Ngày thánh toán total double T ổ ng ti ề n payment varchar Hình th ứ c thanh toán note varchar Ghi chú status varchar Tr ạ ng thái created_at Timestamp Ngày t ạ o updated_at Timestamp Ngày c ậ p nh ậ t B ả ng 2 5 Bài vi ế t 6 Tên trƣ ờ ng Ki ể u d ữ li ệ u Khóa Ghi chú id int Khóa chính Mã bài vi ế t categories_id int Mã danh m ụ c title varchar Ch ủ đ ề images varchar Hình ả nh content text Nôi dung created_at timestamp Ngày t ạ o updated_at timestamp Ngày c ậ p nh ậ t B ả ng 2 6 Đánh giá Tên trƣ ờ ng Ki ể u d ữ li ệ u Khóa Ghi chú id int Khóa chính Mã đánh giá user_id int Mã ngư ờ i dùng product_id int Mã s ả n ph ẩ m rate double Đánh giá description text Nôi dung created_at timestamp Ngày t ạ o updated_at timestamp Ngày c ậ p nh ậ t B ả ng 2 7 Chi ti ết hóa đơn Tên trƣ ờ ng Ki ể u d ữ li ệ u Khóa Ghi chú id int Khóa chính Mã đánh giá bill_id int Khóa ngo ạ i Mã hóa đơn product_id int Khóa ngo ạ i Mã s ả n ph ẩ m quantity int S ố lư ợ ng size varchar Kích thư ớ c color varchar Màu original_price double Giá g ố c promotion_price double Giá khuy ế n mãi created_at timestamp Ngày t ạ o updated_at timestamp Ngày c ậ p nh ậ t B ả ng 2 8 Ngƣờ i dùng 7 Tên trƣ ờ ng Ki ể u d ữ li ệ u Khóa Ghi chú id int Khóa chính Mã ngư ờ i dùng username varchar Tên đăng nh ậ p name varchar Tên ngư ờ i dùng phone varchar SĐT email varchar Email email_verified_at timestamp Xác minh password varchar M ậ t kh ẩ u remember_token varchar Nh ớ token created_at timestamp Ngày t ạ o updated_at timestamp Ngày c ậ p nh ậ t 2 4 BI Ể U Đ Ồ L Ớ P Hình 2 17 Bi ểu đồ l ớ p 8 CHƢƠNG 3 TRIỂN KHAI VÀ XÂY DỰNG 3 1 GIAO DI Ệ N NGƢ Ờ I DÙNG Hình 3 1 Giao di ệ n trang ch ủ 9 Hình 3 2: Giao di ệ n trang s ả n ph ẩ m 10 Hình 3 3 Giao di ệ n bài vi ế t 11 Hình 3 4 Giao di ệ n liên h ệ 12 Hình 3 5 Giao di ện đăng nhậ p Hình 3 6 Giao di ện đăng ký 13 Hình 3 7 Giao di ệ n chi ti ế t s ả n ph ẩ m 14 Hình 3 8 Giao di ệ n gi ỏ hàng Hình 3 9 Giao di ệ n tr ạng thái đơn hàng 15 Hình 3 10 Giao di ệ n chi ti ết hóa đơn 3 2 GIAO DI Ệ N QU Ả N LÝ Hình 3 11 Giao di ện đăng nhậ p 16 Hình 3 12 Giao di ệ n trang ch ủ Hình 3 13 Giao di ệ n thêm danh m ụ c 17 Hình 3 14 Giao di ệ n hi ể n th ị danh m ụ c Hình 3 15 Giao di ệ n thêm s ả n ph ẩ m 18 Hình 3 16 Giao di ệ n hi ể n th ị s ả n ph ẩ m Hình 3 17 Giao di ệ n hi ể n th ị ngƣờ i dùng 19 Hình 3 18 Giao di ệ n th ố ng kê 20 Hình 3 19 Giao di ệ n thêm bài vi ế t Hình 3 20 Giao di ệ n s ử a bài vi ế t 21 Hình 3 21 Giao di ệ n hi ể n th ị đơn hàng Hình 3 22 Giao di ệ n chi ti ết đơn hàng 22 KIẾN LUẬN VÀ HƢỚNG PHÁT TRIỂN K ế t lu ậ n  K ế t qu ả đạt đượ c:  Xây d ự ng đượ c các ch ức năng cơ bả n c ủ a m ộ t website bán hàng  Xây d ựng đượ c các ch ức năng quả n lý admin: Qu ả n lý s ả n ph ẩ m, qu ả n lý bài vi ế t, qu ản lý hóa đơn…  Thi ế t k ế gi ỏ hàng giúp khách hàng ch ọ n mua hàng d ễ dàng và c ậ p nh ậ t gi ỏ hàng  Ngườ i qu ả n tr ị có các ch ức năng qu ả n lý, có th ể thêm, xóa, s ử a m ộ t s ố b ả ng d ữ li ệu như: sả n ph ẩ m, danh m ụ c, bài vi ết …  Ưu điể m:  Giao di ệ n website thân thi ệ n v ới ngườ i dùng  Hoàn thành đúng tiến độ đượ c giao  Nhược điể m:  Website ch ỉ gi ả i quy ết đượ c nh ữ ng v ấn đề cơ bả n  V ẫ n còn nhi ề u thi ế u sót  Chưa giả i quy ết đượ c nh ữ ng v ấn đề khó Hƣớ ng phát tri ể n  T ừng bướ c hoàn thi ện website, để người dùng vào xem và đặ t hàng hi ệ u qu ả  Hoàn thi ệ n h ệ th ố ng qu ả n tr ị , giúp cho vi ệ c qu ả n lý d ễ dàng hơn nữ a  Nghiên c ứ u, tìm hi ể u các gi ả i pháp b ả o m ật an toàn thông tin cho ngườ i s ử d ụ ng  S ử d ụng các design pattern để t ối ưu code  Gia tăng các dị ch v ụ kinh doanh như : Tặ ng quà cho khách hàng thân thi ế t, t ổ ch ức các chương trình khuyế n mãi  Xây d ự ng trang web quy mô l ớn hơn vớ i nhi ề u ứ ng d ụ ng, ch ức năng…  C ả i ti ế n, hoàn thi ệ n m ộ t s ố ch ức năng chưa hoàn chỉnh trong chương trình K ế t h ợ p ch ức năng thanh toán online

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

VÀ TRUYỀN THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH



SỬ DỤNG FRAMEWORK LARAVEL

XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG

TÓM TẮT ĐỒ ÁN TỐT NGHIỆP NGÀNH: LẬP TRÌNH MÁY TÍNH

Sinh viên thực hiện : Mai Văn Khải

Mã sinh viên : K13C05A004

Giảng viên hướng dẫn : TS Nguyễn Văn Lợi Khóa đào tạo : 2019 - 2022

MỞ ĐẦU

Trong những năm trở lại đây, xã hội ngày càng phát triển, đời sống của người dân được nâng cao thì những vấn đề về mua sắm trực tuyến luôn được mọi người quan tâm Đặc biệt là những sản phẩm phục vụ cho nhu cầu về thời trang

Hơn thế, với sự phát triển của CNTT và đại dịch Covid 19, mua sắm trực tuyến đang là xu thế và phát triển không ngừng Nhận thấy tiềm năng của thị trường và nhu cầu mua sắm trực tuyến của người tiêu dùng, em đã xây dựng "WEBSITE BÁN HÀNG THỜI TRANG", hướng đến chất lượng sản phẩm và sức khỏe người tiêu dùng Với Shop Thời Trang, người dùng có thể xem sản phẩm, tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng, thanh toán, theo dõi đơn hàng sản phẩm và liên hệ trực tiếp với cửa hàng

Về phía quản trị sẽ có các chức năng như quản lý danh mục, quản lý người dùng, quản lý sản phẩm, thống kê

Phạm vi dự án: Dự án nằm trong kiến thức các môn học, giải quyết các vấn đề cơ bản của một website bán hàng

CHƯƠNG 1 TỔNG QUAN 1.1 ĐẶT VẤN ĐỀ

 Giới thiệu bài toán

 Mục tiêu của việc xây dựng trang web này nhằm giúp cho khách hàng có thể mua hàng trực tiếp từ xa thông qua mạng internet phổ biến Khách hàng ở nhà hay tại công ty vẫn có thể dễ dàng tham khảo thông tin sản phẩm mình tìm, so sánh giá cả các mặt hàng và lựa chọn cho mình loại sản phẩm phù hợp nhu cầu của mình, giúp công việc mua sắm một cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đáp ứng được nhu cầu thực tế Hệ thống tìm kiếm dễ dàng, giao diện thân thiện Chỉ cần đăng nhập vào

hệ thống với tài khoản đã có (nếu khách hàng đã từng tạo tài khoản trên hệ thống của cửa hàng) hay chỉ cần vài thao tác đăng kí đơn giản là khách hàng có thể tự do chọn mua và tạo đơn đặt hàng tại hệ thống website

1.2 GIẢI QUYẾT ĐỀ TÀI

 Mô tả

 Admin (Người quản lý): là người quản trị trang web, admin đăng nhập tài khoản có toàn quyền sử dụng và thêm xóa sửa dữ liệu, xem các chi tiết đơn hàng, quản

lý các thông tin danh mục, sản phẩm, đơn đặt hàng, thống kê…

 User (Người dùng): là khách cần mua sản phẩm trên mạng Họ có thể chọn từng sản phẩm ưa thích Họ dạo quanh cửa hàng mua từng sản phẩm khác nhau, chọn sản phẩm bỏ vào giỏ hàng, và thanh toán

 Mô hình hóa cửa hàng bán hàng thời trang

Hình 1.1 Mô hình hóa cửa hàng bán hàng thời trang

Hình 1.2.2: Quy trình mua hàng của khách hàng 1.3 NHIỆM VỤ CỦA ĐỒ ÁN

 Hệ thống website cho phép làm những công việc sau:

 Giao diện

1.4 CẤU TRÚC ĐỒ ÁN

 Chương I : Tổng quan

 Chương II: Phân tích thiết kế hệ thống

 Chương III: Triển khai xây dựng đề tài

 Chương IV: Kết Luận và hướng phát triển

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG

2.1 BIỂU ĐỒ USE CASE

Hình 2.1 Use case tổng quát 2.2 BIỂU ĐỒ HOẠT ĐỘNG

2.3 CÁC LỚP ĐỐI TƯỢNG

Bảng 2.1 Danh mục Tên trường Kiểu dữ liệu Khóa Ghi chú

Bảng 2.2 Sản phẩm Tên trường Kiểu dữ liệu Khóa Ghi chú

categories_id int Khóa ngoại Mã danh mục

more_description varchar Mô tả chi tiết

img1 varchar Hình ảnh 1

Bảng 2.3 Giỏ hàng Tên trường Kiểu dữ liệu Khóa Ghi chú

user_id varchar Khóa ngoại Mã người dùng product_id varchar Khóa ngoại Mã sản phẩm

Bảng 2.4 Hóa đơn Tên trường Kiểu dữ liệu Khóa Ghi chú

toán

Bảng 2.5 Bài viết

Tên trường Kiểu dữ liệu Khóa Ghi chú

Bảng 2.6 Đánh giá Tên trường Kiểu dữ liệu Khóa Ghi chú

Bảng 2.7 Chi tiết hóa đơn Tên trường Kiểu dữ liệu Khóa Ghi chú

product_id int Khóa ngoại Mã sản phẩm

Bảng 2.8 Người dùng

Tên trường Kiểu dữ liệu Khóa Ghi chú

email_verified_at timestamp Xác minh

2.4 BIỂU ĐỒ LỚP

Hình 2.17 Biểu đồ lớp

CHƯƠNG 3 TRIỂN KHAI VÀ XÂY DỰNG 3.1 GIAO DIỆN NGƯỜI DÙNG

Hình 3.1 Giao diện trang chủ

Hình 3.2: Giao diện trang sản phẩm

Hình 3.3 Giao diện bài viết

Hình 3.4 Giao diện liên hệ

Hình 3.5 Giao diện đăng nhập

Hình 3.7 Giao diện chi tiết sản phẩm

Hình 3.8 Giao diện giỏ hàng

Hình 3.9 Giao diện trạng thái đơn hàng

Hình 3.10 Giao diện chi tiết hóa đơn 3.2 GIAO DIỆN QUẢN LÝ

Hình 3.11 Giao diện đăng nhập

Hình 3.12 Giao diện trang chủ

Hình 3.13 Giao diện thêm danh mục

Hình 3.14 Giao diện hiển thị danh mục

Hình 3.15 Giao diện thêm sản phẩm

Hình 3.16 Giao diện hiển thị sản phẩm

Hình 3.18 Giao diện thống kê

Hình 3.19 Giao diện thêm bài viết

Hình 3.20 Giao diện sửa bài viết

Hình 3.21 Giao diện hiển thị đơn hàng

Hình 3.22 Giao diện chi tiết đơn hàng

KIẾN LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận

 Kết quả đạt được:

 Xây dựng được các chức năng cơ bản của một website bán hàng

 Xây dựng được các chức năng quản lý admin: Quản lý sản phẩm, quản lý bài viết, quản lý hóa đơn…

 Thiết kế giỏ hàng giúp khách hàng chọn mua hàng dễ dàng và cập nhật giỏ hàng

 Người quản trị có các chức năng quản lý, có thể thêm, xóa, sửa một số bảng

dữ liệu như: sản phẩm, danh mục, bài viết …

 Ưu điểm:

 Giao diện website thân thiện với người dùng

 Hoàn thành đúng tiến độ được giao

 Từng bước hoàn thiện website, để người dùng vào xem và đặt hàng hiệu quả

 Hoàn thiện hệ thống quản trị, giúp cho việc quản lý dễ dàng hơn nữa

 Nghiên cứu, tìm hiểu các giải pháp bảo mật an toàn thông tin cho người sử dụng

 Sử dụng các design pattern để tối ưu code

 Gia tăng các dịch vụ kinh doanh như : Tặng quà cho khách hàng thân thiết, tổ chức các chương trình khuyến mãi

 Xây dựng trang web quy mô lớn hơn với nhiều ứng dụng, chức năng…

 Cải tiến, hoàn thiện một số chức năng chưa hoàn chỉnh trong chương trình Kết hợp chức năng thanh toán online