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 : 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 Đà Nẵng - 12/2021 MỞ ĐẦU Trong năm trở lại đây, xã hội ngày phát triển, đời sống người dân nâng cao vấn đề mua sắm trực tuyến người quan tâm Đặc biệt sản phẩm phục vụ cho nhu cầu thời trang Hơn thế, với phát triển CNTT đại dịch Covid 19, mua sắm trực tuyến xu phát triển không ngừng Nhận thấy tiềm thị trường nhu cầu mua sắm trực tuyến 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 sức khỏe người tiêu dùng Với Shop Thời Trang, người dùng xem sản phẩm, tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng, toán, theo dõi đơn hàng sản phẩm liên hệ trực tiếp với cửa hàng Về phía quản trị có chức 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 kiến thức môn học, giải vấn đề website bán hàng CHƢƠNG TỔNG QUAN 1.1 ĐẶT VẤN ĐỀ Giới thiệu toán Mục tiêu việc xây dựng trang web nhằm giúp cho khách hàng mua hàng trực tiếp từ xa thông qua mạng internet phổ biến Khách hàng nhà hay cơng ty dễ dàng tham khảo thơng tin sản phẩm tìm, so sánh giá mặt hàng lựa chọn cho loại sản phẩm phù hợp nhu cầu mình, giúp cơng việc mua sắm cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đáp ứng 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ạo tài khoản hệ thống cửa hàng) hay cần vài thao tác đăng kí đơn giản khách hàng tự chọn mua tạo đơn đặt hàng hệ thống website 1.2 GIẢI QUYẾT ĐỀ TÀI Mô tả Admin (Người quản lý): người quản trị trang web, admin đăng nhập tài khoản có tồn quyền sử dụng thêm xóa sửa liệu, xem chi tiết đơn hàng, quản lý thông tin danh mục, sản phẩm, đơn đặt hàng, thống kê… User (Người dùng): khách cần mua sản phẩm mạng Họ chọn sản phẩm ưa thích Họ dạo quanh cửa hàng mua sản phẩm khác nhau, chọn sản phẩm bỏ vào giỏ hàng, tố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: Hình 1.2.2: Quy trình mua hàng khách hàng 1.3 NHIỆM VỤ CỦA ĐỒ ÁN Hệ thống website cho phép làm 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 hƣớng phát triển CHƢƠNG 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 liệu Khóa Ghi id int Khóa 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 liệu Khóa Ghi id int Khóa 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 img1 varchar Hình ảnh Img2 varchar Hình ảnh Img3 varchar Hình ảnh original_price double Giá gốc promotion_price double Giá khuyến 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 liệu Khóa Ghi id int Khóa 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 liệu Khóa Ghi id int Khóa 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 tốn note varchar Ghi 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 Tên trƣờng Kiểu liệu Khóa Ghi id int Khóa Mã 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 liệu Khóa Ghi id int Khóa 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 liệu Khóa Ghi id int Khóa 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 created_at timestamp Ngày tạo updated_at timestamp Ngày cập nhật Bảng 2.8 Ngƣời dùng Tên trƣờng Kiểu liệu Khóa Ghi id int Khóa 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 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 CHƢƠNG 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 viết 10 Hình 3.4 Giao diện liên hệ 11 Hình 3.5 Giao diện đăng nhập Hình 3.6 Giao diện đăng ký 12 Hình 3.7 Giao diện chi tiết sản phẩm 13 Hình 3.8 Giao diện giỏ hàng Hình 3.9 Giao diện trạng thái đơn hàng 14 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 15 Hình 3.12 Giao diện trang chủ Hình 3.13 Giao diện thêm danh mục 16 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 17 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 18 Hình 3.18 Giao diện thống kê 19