Xây dựng website thương mại điện tử cho shop mĩ phẩm xách tay bằng laravel

LỜI CẢM ƠN Để hoàn thành tốt báo cáo này, em xin gửi lời cảm ơn chân thành đến thầy giáo TS Vũ Vinh Quang thầy hướng dẫn dìu dắt tạo điều kiện giúp đỡ em thời gian thực đề tài báo cáo đồ án Thầy không truyền lại cho chúng em kiến thức chuyên nghành mà rèn luyện cho chúng em nghị lực, khát khao vươn lên, phát huy khả tư sáng tạo lĩnh vực Bên cạnh đó, em có hội tiếp xúc làm việc môi trường chuyên nghiệp thực tế Sau thời gian tìm hiểu đề tài, em hoàn thành tiến độ dự kiến Để đạt kết này, em nỗ lực thực đồng thời nhận nhiều giúp đỡ, quan tâm, ủng hộ thầy cô bạn bè gia đình Em xin chân thành cảm ơn thầy cô ban lãnh đạo trường Đại học Công nghệ thông tin truyền thông – Đại học Thái Nguyên nhiệt tình giảng dạy truyền đạt kiến thức quý báu bổ ích suốt trình em học tập trường Vì thời gian có hạn nên khơng thể tránh khỏi thiếu sót, em mong nhận đóng góp ý kiến từ thầy cô bạn Em xin chân thành cảm ơn! Thái Nguyên, ngày tháng Sinh viên thực Phạm Trường Giang năm 2017 LỜI CAM ĐOAN Sinh viên: Phạm Trường Giang xin cam đoan: - Đồ án tốt nghiệp thành từ nghiên cứu hoàn toàn thực tế sở số liệu thực tế thực theo hướng dẫn giáo viên hướng dẫn - Đồ án thực hoàn tồn mới, cơng trình nghiên cứu khoa học thân, không chép theo đồ án tương tự - Kết trình bày đồ án trung thực, chưa công bố trước - Mọi tham khảo sử dụng đồ án trích dẫn nguồn tài liệu báo cáo danh mục tài liệu tham khảo - Mọi chép không hợp lệ, vi phạm quy chế nhà trường, em xin hoàn toàn chịu trách nhiệm Thái Nguyên, ngày tháng Sinh viên cam đoan Phạm Trường Giang năm 2017 MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH LỜI NÓI ĐẦU CHƯƠNG CƠ SỞ LÝ THUYẾT 1.2 Tìm hiểu UML 1.2.1 Giới thiệu tổng quan UML 1.3 Ngôn ngữ PHP 1.3.1 Giới thiệu 1.3.2 Một số quy tắc 1.4 Giới thiệu Laravel Framework 10 1.4.1 Giới thiệu chung 10 1.4.2 Sơ lược tính Laravel Framework 10 1.4.3 Làm việc với liệu laravel 17 CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 19 2.1 Khảo sát thực trạng tìm hiểu nhu cầu 19 2.1.1 Thực trạng 19 2.1.3 Yêu cầu toán 20 2.2 Phân tích thiết kế hệ thống 20 2.2.1 Yêu cầu hệ thống 20 2.2.2 Phân tích yêu cầu hệ thống 21 2.3 Phân tích thiết kế hệ thống 23 2.3.1 Biểu đồ Usecase hệ thống 23 2.3.2 Biểu đồ trình tự 29 2.3.3 Biểu đồ lớp 41 CHƯƠNG 3: CÁI ĐẶT HỆ THỐNG 42 3.1 Trang chủ 42 3.2 Chi tiết sản phẩm 43 3.3 Đặt hàng – giỏ hàng 44 3.4 Thanh toán 44 3.5 Đặt hàng thành công 45 3.6 Quản trị 45 3.6.1 Quản lý – Thêm viết 46 3.6.2 Quản lý sản phẩm 46 3.6.3 Quản lý danh mục sản phẩm 47 3.6.4 Quản lý đơn hàng 47 3.6.5 Chi tiết đơn hàng 48 3.6.4 Quản lý người dùng 48 KẾT LUẬN 49 TÀI LIỆU THAM KHẢO 50 DANH MỤC HÌNH Hình 2.1: Biểu đồ usecase tổng qt 24 Hình 2.2: Biểu đồ usecase chuyên mục 25 Hình 2.3 : Biểu đồ usecase danh mục 25 Hình 2.4: Biểu đồ usecase sản phẩm 26 Hình 2.5: Biểu đồ usecase đơn hàng 26 Hình 2.6: Biểu đồ usecase tin tức 27 Hình 2.7: Biểu đồ usecase quản lý thống kê 27 Hình 2.8: Biểu đồ usecase người quản trị 28 Hình 2.9: Biểu đồ trình tự đăng nhập 29 Hình 2.10: Biểu đồ trình tự đăng xuất 29 Hình 2.11: Biểu đồ trình tự tìm kiếm 30 Hình 2.12: Biểu đồ trình tự cho sản phẩm vào giỏ hàng 30 Hình 2.13: Biểu đồ trình tự cập nhật giỏ hàng 31 Hình 2.14: Biểu đồ trình tự đặt hàng 32 Hình 2.15: Biểu đồ trình tự quản lý xem chuyên mục 33 Hình 2.16: Biểu đồ trình tự quản lý thêm chuyên mục 33 Hình 2.17: Biểu đồ trình tự quản lý sửa chuyên mục 34 Hình 2.18: Biểu đồ trình tự quản lý xóa chuyên mục 34 Hình 2.19: Biểu đồ trình tự quản lý xem danh mục 35 Hình 2.20: Biểu đồ trình tự quản lý thêm danh mục 36 Hình 2.21: Biểu đồ trình tự quản lý sửa danh mục 37 Hình 2.22: Biểu đồ trình tự quản lý xóa danh mục 37 Hình 2.23: Biểu đồ trình tự quản lý xem sản phẩm 38 Hình 2.24: Biểu đồ trình tự quản lý thêm sản phẩm 38 Hình 2.25: Biểu đồ trình tự quản lý sửa sản phẩm 39 Hình 2.26: Biểu đồ trình tự quản lý xóa sản phẩm 39 Hình 2.27: Biểu đồ trình tự quản lý xem đơn hàng 40 Hình 2.28: Biểu đồ trình tự quản lý sửa đơn hàng 40 Hình 2.29: Biểu đồ trình tự quản lý xóa đơn hàng 41 Hình 2.30: Biểu đồ lớp 41 LỜI NÓI ĐẦU Tin học phát triển rộng rãi hầu hết lĩnh vực kinh tế xã hội Việc ứng dụng rộng rãi tin học đem lại thành tựu vô to lớn nhiều nghành, nhiều lĩnh vực khác nhau, đặc biệt lĩnh vực quản lý lưu trữ Trước tình hình đó, sinh viên nghành công nghệ thông tin học tập ĐH CNTT& TT- Đại học Thái Nguyên em có nguyện vọng muốn đem kiến thức cơng nghệ thơng tin áp dụng vào đời sống nói chung cơng tác quản lý nói riêng Với cơng nghệ Word Wide Web, hay gọi Web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy giáo Tiến sĩ Vũ Vinh Quang, em lựa chọn đề tài “Xây dựng website thương mại điện tử cho shop mĩ phẩm xách tay Laravel” * Mục đích nghiên cứu - Khảo sát yêu cầu thực tế cửa hàng mĩ phẩm xách tay để nắm bắt thông tin sản phẩm mà cửa hàng kinh doanh, quy trình quản lý, đồng thời thu nhập biểu mẫu chứng từ thực tế cơng ty - Phân tích thiết kế hệ thống dựa nội dung khảo sát - Tìm hiểu ngơn ngữ lập trình cần thiết để thiết kế xây dựng website CHƯƠNG CƠ SỞ LÝ THUYẾT Hệ thống website giới thiệu ăn Việt Nam phân tích hướng đối tượng UML, sử dụng hệ quản trị sở liệu MySQL, ngơn ngữ lập trình PHP kết hợp với JavaScript, HTML, CSS, thư viện jQuery, PHP Framework: Laravel 5.2 1.2 Tìm hiểu UML 1.2.1 Giới thiệu tổng quan UML Ngơn ngữ mơ hình hóa thống (Unified Modeling Language, viết tắt thành UML) ngôn ngữ mô hình gồm ký hiệu đồ họa mà phương pháp hướng đối tượng sử dụng để thiết kế hệ thống thơng tin cách nhanh chóng Cách xây dựng mơ hình UML phù hợp mơ tả hệ thống thông tin cấu trúc hoạt động Cách tiếp cận theo mơ hình UML giúp ích nhiều cho người thiết kế thực hệ thống thông tin người sử dụng nó; tạo nên nhìn bao quát đầy đủ hệ thống thông tin dự định xây dựng Cách nhìn bao quát giúp nắm bắt trọn vẹn yêu cầu người dùng; phục vụ từ giai đoạn phân tích đến việc thiết kế, thẩm định kiểm tra sản phẩm ứng dụng công nghệ thơng tin Các mơ hình hướng đối tượng lập sở cho việc ứng dụng chương trình tự động sinh mã ngơn ngữ lập trình hướng đối tượng, chẳng hạn ngơn ngữ C++, Java, Phương pháp mơ hình hữu dụng lập trình hướng đối tượng Các mơ hình sử dụng bao gồm Mơ hình đối tượng (mơ hình tĩnh) Mơ hình động UML sử dụng hệ thống ký hiệu thống biểu diễn Phần tử mơ hình (model elements) Tập hợp phần tử mơ hình tạo thành Sơ đồ UML (UML diagrams) Có loại sơ đồ UML chủ yếu sau: ● Sơ đồ lớp (Class Diagram) ● Sơ đồ đối tượng (Object Diagram) ● Sơ đồ tình sử dụng (Use Cases Diagram) ● Sơ đồ trình tự (Sequence Diagram) ● Sơ đồ cộng tác (Collaboration Diagram Composite Structure Diagram) ● Sơ đồ trạng thái (State Machine Diagram) ● Sơ đồ thành phần (Component Diagram) ● Sơ đồ hoạt động (Activity Diagram) ● Sơ đồ triển khai (Deployment Diagram) ● Sơ đồ gói (Package Diagram) ● Sơ đồ liên lạc (Communication Diagram) ● Sơ đồ tương tác (Interaction Overview Diagram - UML 2.0) ● Sơ đồ phối hợp thời gian (Timing Diagram - UML 2.0) 1.3 Ngôn ngữ PHP 1.3.1 Giới thiệu PHP ngôn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới 1.3.2 Một số quy tắc Bắt đầu viết mã PHP ● Các câu lệnh PHP phải đặt file có mở rộng php ● Thẻ đánh đấu bắt đầu kết thúc phần mã PHP qua máy chủ biết để xử lý dịch mã cho Kiểu liệu ● Kiểu dũ liệu nguyên thủy: Kiểu số nguyên(int), chuỗi ký tự(string),kiểu số thực(float, double),… ● Kiểu liệu có cấu trúc: Kiểu class, kiểu enum Khai báo ● Chú thích: Sử dụng dấu //, # để thích dòng, dấu /**/ thích nhiều dòng ● Khai báo biến: $tên_biến = [giá trị]; ● Khai báo hằng: define(‘ten_hang’, ‘gia_tri’); Các câu lệnh lặp ● Lệnh lặp for: for ($bien_dieu_khien; $bieu_thuc_dieu_kien; $bieu_thuc_thay_doi_bien_dieu_khien){ // lệnh }; ● Lệnh lặp foreach: foreach ($array as $key => $value){ // Các dòng lệnh } Trong $array mảng cần lặp, $key số mục (mảng có mục) key (trong mảng kết hợp), $value giá trị phần tử vị trí $key ● Lệnh lặp While: while ($condition) { // dòng lệnh } Trong $condition điều kiện để dừng vòng lặp Nếu $condition có giá trị false vòng lặp kết thúc, ngược lại vòng lặp tiếp tục lặp Vòng lặp while lặp vô hạn biểu thức điều kiện bạn truyền vào luôn Khai báo class hàm ● Tạo class class [extends ]{ // câu lệnh; } ● Khai báo hàm tự định nghĩa function ([các tham số]){ // Các câu lệnh; } ● Hàm khởi tạo: function construct(){[ câu lệnh] } Có thể khai báo tên hàm trùng tên class để khai báo hàm khởi tạo Hàm khởi tạo tự động chạy đối tượng tạo ● Hàm hủy: function destruct(){[ câu lệnh] } Hàm khởi tạo tự động load cuối đối tượng tạo 1.4 Giới thiệu Laravel Framework 1.4.1 Giới thiệu chung Laravel tạo Taylor Otwell phát hành thức vào 06/2011 Laravel open source, framework dùng để xây dựng web application, thiết kế dựa mơ hình MVC (Model, Controller, View), tồn source code đặt github Theo kết qủa khảo sát Developer vào tháng 12 năm 2013, Laravel Framework đứng top framework phổ biến nhất, tiếp sau Phalcon, Symfony2, CodeIgniter framework khác Tháng năm 2014, Laravel Framework xem dự án PHP phổ biến Github 1.4.2 Sơ lược tính Laravel Framework 1.4.2.1 Route Route laravel có nhiệm vụ định hướng request laravel Hầu hết route laravel định nghĩa file app/Http/routes.php Và danh sách loại Route bao gồm loại thường sử dụng sau: ● Route::get phương thức GET ● Route::post phương thức POST ● Route::match kết hợp hiều phương phức ● Route::any nhận tất phương thức ● Route::filter tạo lọc nhằm mục đích đó, ví dụ tạo lọc kiểm tra đăng nhập hay chưa ● Route::group gom route lại với thành nhóm ● Route::controller gọi đến controller tương ứng ● Route::resource sử dụng với resource controller Sử dụng route: 10 - Sửa danh mục Hình 2.21: Biểu đồ trình tự quản lý sửa danh mục - Xóa danh mục Hình 2.22: Biểu đồ trình tự quản lý xóa danh mục 37 Quản lý sản phẩm - Xem sản phẩm Hình 2.23: Biểu đồ trình tự quản lý xem sản phẩm - Thêm sản phẩm Hình 2.24: Biểu đồ trình tự quản lý thêm sản phẩm 38 - Sửa sản phẩm Hình 2.25: Biểu đồ trình tự quản lý sửa sản phẩm - Xóa sản phẩm Hình 2.26: Biểu đồ trình tự quản lý xóa sản phẩm 39 Quản lý đơn hàng - Xem đơn hàng Hình 2.27: Biểu đồ trình tự quản lý xem đơn hàng - Sửa đơn hàng Hình 2.28: Biểu đồ trình tự quản lý sửa đơn hàng 40 - Xóa đơn hàng Hình 2.29: Biểu đồ trình tự quản lý xóa đơn hàng 2.3.3 Biểu đồ lớp Hình 2.30: Biểu đồ lớp 41 CHƯƠNG 3: CÁI ĐẶT HỆ THỐNG 3.1 Trang chủ Là trang khác hàng tiếp cận truy cập vào website 42 3.2 Chi tiết sản phẩm 43 3.3 Đặt hàng – giỏ hàng 3.4 Thanh toán 44 3.5 Đặt hàng thành công 3.6 Quản trị 45 3.6.1 Quản lý – Thêm viết 3.6.2 Quản lý sản phẩm 46 3.6.3 Quản lý danh mục sản phẩm 3.6.4 Quản lý đơn hàng 47 3.6.5 Chi tiết đơn hàng 3.6.4 Quản lý người dùng 48 KẾT LUẬN Đồ án tốt nghiệp “Xây dựng website thương mại điện tử cho shop mĩ phẩm xách tay Laravel ” xuất phát từ thực tế công ty làm việc, tạo tảng sở ban đầu để sau em tự thiết kế website cho riêng hay cơng ty tổ chức Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp với tình hình thực tế Shop mĩ phẩm xách tay đồ án “Xây dựng website thương mại điện tử cho shop mĩ phẩm xách tay Laravel ” hạn chế thời gian, khả kinh nghiệm nên khơng tránh khỏi thiếu sót định Đồ án hồn thành mức độ sau: - Tìm hiểu máy tổ chức cách thức vận hành công ty thương mại dịch vụ - Nắm vững ngơn ngữ lập trình PHP, hệ quản trị CSDL MySQL, ngôn ngữ siêu văn HTML, ngôn ngữ kịch JAVASCRIPT,CSS, Framework PHP Laravel Vendor liên quan - Áp dụng ngơn ngữ lập trình xây dựng chương trình thực nghiệm hệ thống quản lý Website Hướng phát triển : Qua mức độ đồ án hồn thành để mở rộng thêm nhiều tính năng, phục vụ khách hàng người quản lý tốt em cần có hướng phát triển sau: - Nghiên cứu sâu ngôn ngữ PHP, JAVASCRIPT - Nghiên cứu thêm Framework khác mơ hình MVC - Liên kết thêm nhiều cổng toán - Hệ thống báo cáo thống kê chi tiết hơn, lập kế hoạch kinh doanh cho cơng ty - Tối ưu hóa hệ thống, tăng tốc độ tải trang, truy vấn liệu nhanh - Quản lý tìm kiếm, lọc sản phẩm Cải thiện giao diện hiển thị tốt trình duyệt 49 TÀI LIỆU THAM KHẢO ● Tên tác giả, năm xuất bản, tên sách ● Học trực tuyến website 50 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ………………………………… ………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………… Thái Nguyên, ngày tháng Giáo viên hướng dẫn 51 năm 2017 ... Xây dựng website thương mại điện tử cho shop mĩ phẩm xách tay Laravel * Mục đích nghiên cứu - Khảo sát yêu cầu thực tế cửa hàng mĩ phẩm xách tay để nắm bắt thông tin sản phẩm mà cửa hàng kinh... 2.1.1 Thực trạng Shop mĩ phẩm xách tay cửa hàng chuyên kinh doanh loại mĩ phẩm nhiều năm có lượng khách hàng định Shop mĩ phẩm xách tay chuyên cung cấp loại mĩ phẩm nhập ngoại cho khách hàng tỉnh... cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy giáo Tiến sĩ Vũ Vinh Quang, em lựa chọn đề tài Xây dựng website thương