xây dựng website shop bán quần áo

lOMoARcPSD|17838488 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI: XÂY DỰNG WEBSITE SHOP BÁN QUẦN ÁO Sinh viên thực : Phạm Văn Đạt - 19810310664 : Đỗ Đăng Tuê ̣ - 19810310346 Giảng viên hướng dẫn : Phương Văn Cảnh Ngành : Công Nghê ̣Thông Tin Chuyên ngành : Công Nghê ̣ Phần Mềm Lớp : D14CNPM2 Khóa : 2019-2024 Hà Nội, ngày 25 tháng năm 2022 lOMoARcPSD|17838488 PHIẾU CHẤM ĐIỂM Sinh viên thực Họ tên Chữ ký Ghi Chú Chữ ký Ghi Phạm Văn Đạt Đỗ Đăng Tuê ̣ Giảng viên chấm Họ tên Giảng viên chấm Giảng viên chấm lOMoARcPSD|17838488 Mục Lục LỜI CẢM ƠN LỜI MỞ ĐẦU CHƯƠNG : TỔNG QUAN VÀ MÔ TẢ HỆ THỐNG 1.1.Tổng quan PHP và MySQL .3 1.1.1.Tổng quan lập trình ứng dụng web Giới thiệu PHP và MySQL 1.1.2 Ngơn ngữ lập trình Web PHP 1.2.Mô tả hệ thống 1.2.1.Mô tả bài toán 1.2.2.Mục đích bài tốn 1.2.3.Cơ cấu tổ chức CHƯƠNG : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Phân tích thiết kế hệ thống 2.1.1 Các chức hệ thống 2.1.2 Các tác nhân hệ thống .8 2.2 Các biểu đồ mô tả hệ thống 2.2.1 Activity Diagram 2.2.2 UseCase Diagram 20 2.2.3 Sequence Diagram 25 2.2.4.Class Diagram 30 2.2.5.Database 31 CHƯƠNG : CÀI ĐẶT HỆ THỐNG 32 3.1 Quản lý Admin 32 3.1.1 Trang Quản lý User .32 3.1.2 Trang Quản lý Danh mục sản phẩm 32 3.1.3 Trang Quản lý Nhân viên 33 3.1.4 Trang Quản lý Tài khoản khách hàng 33 3.1.5 Trang Quản lý Đơn hàng .33 3.2 Quản lý hệ thống 34 3.2.1 Trang Đăng nhâ ̣p 34 3.2.2 Trang Đăng ký .35 lOMoARcPSD|17838488 3.2.3 Trang chủ .35 3.2.4 Danh mục sản phẩm 37 3.2.5 Trang liên ̣ 37 3.2.6 Trang Blog .38 3.2.7 Trang Giỏ hàng 39 3.2.8 Trang Thanh toán 39 KẾT LUẬN 40 lOMoARcPSD|17838488 DANH MỤC HÌNH Ả Hình 2.1 Biểu đồ Activity Login Hình 2.2 Biểu đồ Activity Đăng ký 10 Hình 2.3 Biểu đồ Activity Quản lý sản phẩm (thêm/sửa) .11 Hình Biểu đồ Activity Quản lý sản phẩm (xóa) .12 Hình Biểu đồ Activity đă ̣t hàng .13 Hình 2.6 Biểu đồ Activity thêm sản phẩm vào giỏ hàng 14 Hình 2.7 Biểu đồ Activity Sửa sản phẩm giỏ hàng .15 Hình 2.8 Biểu đồ Activity Xóa sản phẩm giỏ hàng 16 Hình 2.9 Biểu đồ Activity Quản lý thành viên (sửa) 17 Hình 2.10 Biểu đồ Activity Quản lý thành viên (xóa) 18 Hình 2.11 Biểu đồ Activity Xem danh sách thành viên 19 Hình 2.12 Biểu đồ use case tổng quát 20 Hình 2.13 Biểu đồ use case login 21 Hình 2.14 Biểu đồ use case quản lý sản phẩm .22 Hình 2.15 Biểu đồ use case đă ̣t hàng 23 Hình 2.16 Biểu đồ use case quản lý thành viên 24 Hình 2.17 Biểu đồ Sequence Diagram - Login .26 Hình 2.18 Biểu đồ Sequence Diagram - Quản lý Sản phẩm 27 Hình 2.19 Biểu đồ Sequence Diagram – đă ̣t hàng 28 Hình 2.20 Biểu đồ Sequence Diagram - Quản lý User 29 Hình 2.21 Class Diagram .30 Hình 2.22 Database 31 Y Hình 3.1 Giao diê ̣n Quản lý user 32 Hình 3.2 Giao diê ̣n Trang Quản lý sản phẩm 32 Hình 3.3 Giao diê ̣n Trang Quản lý Nhân viên 33 Hình Giao diê ̣n Trang Quản lý Tài khoản khách hàng .33 Hình 3.5 Giao diê ̣n Trang Quản lý Đơn hàng 34 Hình 3.6 Giao diê ̣n Trang Đăng nhâ ̣p .34 Hình 3.7 Giao diê ̣n Trang Đăng ký 35 Hình 3.8 Giao diê ̣n Trang chủ 36 Hình 3.9 Giao diê ̣n Danh mục sản phẩm 37 Hình 3.10 Giao diê ̣n ́ Liên ̣ 37 Hình 3.11 Giao diê ̣n Trang Blog 38 Hình 3.12 Giao diê ̣n Giỏ hàng 38 Hình 3.13 Giao diê ̣n Thanh tốn 39 lOMoARcPSD|17838488 LỜI CẢM ƠN Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá cơng ty hay Website cá nhân khơng cịn là điều xa xỉ Thơng qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng và hiệu Với công nghệ Word Wide Web, hay cịn gọi là 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ụ và 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 (Hypertext Preprocessor), là mơ ̣t ngơn ngữ lâ ̣p trình cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP và MySql nhiều người sử dụng Với lí đó, hướng dẫn và giúp đỡ thầy Đă ̣ng Trần Đức, em chọn đề tài “Xây dựng Website Shop bán Quần Áo ” làm đề tài cho mơn học Đồ án Lập trình Web nâng cao Trong trình thực đồ án này em nhận giúp đỡ bảo tận tình thầy, giáo Em xin chân thành cảm ơn thầy Phương Văn Cảnh hưỡng dẫn trình làm đề tài Tuy nhiên, thời gian hạn hẹp, nỡ lực đồ án khó tránh khỏi thiếu sót Em mong nhận thông cảm, lời góp ý và bảo tận tình q Thầy Cô và bạn lOMoARcPSD|17838488 LỜI MỞ ĐẦU Trong phát triển mạnh mẽ khoa học công nghệ giới, nói ngành cơng nghệ thơng tin phát triển với tốc độ nhanh và ngày càng thể vai trò to lớn, quan trọng toàn đời sống người Hầu hết lĩnh vực xã hội ứng dụng công nghệ thông tin, nhiều phần mềm đãmang lại hiệu phụ nhận Song thực tiễn đặt u cầu địi hỏi ngành cơng nghệ thông tin không ngừng phát triển để thỏa mãn và đáp ứng thay đổi sống Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa xem là yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty; đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, cơng ty chí cá nhân, ngày nay, khơng lấy làm xa lạ Một người trở thành chủ website giới thiệu quan tâm: website giới thiệu thân và gia đình anh ta, hay là website trình bày sưu tập hình ảnh loại xe mà thích chẳng hạn Đối với phủ và cơng ty việc xây dựng website riêng càng ngày càng trở nên cấp thiết Thông qua website này, thông tin họ cơng văn, thơng báo, định phủ hay sản phẩm, dịch vụ công ty đến với người quan tâm, đến với khách hàng họ cách nhanh chóng kịp thời, tránh phiền hà mà phương thức giao tiếp truyền thống thường gặp phải Hoạt động công ty du lịch có quy mơ lớn càng tăng cường và mở rộng xây dựng website có khả giới thiệu cơng ty và cho phép quản lý tour du lịch cách nhanh chóng và xác lOMoARcPSD|17838488 CHƯƠNG 1: TỔNG QUAN VÀ MÔ TẢ HỆ THỐNG 1.1 Tổng quan về PHP MySQL 1.1.1 Tổng quan về lập trình ứng dụng web Lập trình Website là cơng việc có nhiệm vụ nhận tất liệu từ phận thiết kế Web để chuyển thành máy Web hoàn chỉnh có tác động qua lại với CSDL và tương tác với người dùng dựa ngơn ngữ máy tính Một xây dựng trang Web xong lập trình viên phân cơng quản trị Website, lúc bạn cần trang bị thêm vài, nhằm giúp cho việc quản trị trở nên đơn giản Các cơng cụ hỡ trợ bạn kiểm tra lần uptime, downtime, phần trăm thoát trang Web, nguồn traffic đổ vào Web, tình trạng tải băng thông, … Tuy nhiên là công việc sau này, bạn vừa học cách lập trình Website bản, lúc bổ sung kiến thức quản trị Website vào thời gian rãnh rỗi Giới thiệu về PHP MySQL 1.1.2 Ngơn ngữ lập trình Web PHP Mã nguồn mở, ổn định, cài đặt đơn giản, ngôn ngữ PHP giúp doanh nghiệp tiết kiệm khoản chi lớn so sánh với ngôn ngữ khác Bên cạnh đấy, để phát triển Website và ứng dụng Web với PHP, Web bạn linh hoạt, lực trao đổi qua lại tốt Do đó, PHP doanh nghiệp đơn vị thiết kế Web dùng phổ biến lOMoARcPSD|17838488 Tìm hiểu về PHP • PHP là ngơn ngữ lập trình web phát triển từ ngơn ngữ kịch (script) với mục đích xây dựng trang web cá nhân (Personal Home Pages) Sau phát triển thành ngôn ngữ hoàn chỉnh và ưa chuộng toàn giới việc phát triển ứng dụng web based • PHP (PHP: Hypertext Preprocessor) là ngơn ngữ kịch lập trình phía máy chủ (server-side) phổ biến giới • Có thể download phiên PHP tại địa chỉ: http://www.php.net • Các phiên 4x và 5.x (mới nhất) khác kiến trúc, chi tiết xem feature log • Có thể tìm tài liệu tham khảo PHP tại địa chỉ: http://www.php.net/manual Đă ̣c điểm • Tốc độ nhanh, dễ sử dụng • Có khả truy xuất hầu hết CSDL có sẵn • Có thể chạy nhiều hệ điều hành • Ln cải tiến và cập nhật • Được hướng dẫn kỹ thuật lúc nào • Thể tính bền vững, chặn chẽ, phát triển khơng giới hạn • Là phần mềm mã nguồn mở • Miễn phí Các IDE cho PHP Có thể viết chương trình PHP hệ soạn thảo văn nào Tuy nhiên, để có chức hỡ trợ AutoComplete, Debug cần phải sử dụng IDE dành riêng cho PHP • Macromedia DreamWaver; • Nusphere PHPED; • Zend Studio: Zend là scripting engine nằm bên PHP  Zend Engine thực là cải tiến đáng kể Hầu hết đoạn mã viết PHP3 chạy PHP4 với tốc độ tăng gấp 200 lần lOMoARcPSD|17838488 Tìm hiểu về MySQL Giới thiêụ về CSDL • Trong ứng dụng nào cần lưu trữ thơng tin có khuynh hướng sử dụng sở liệu • Tuỳ vào giải pháp nhà quản trị tính bảo mật, khả tài chính, quy mô ứng dụng,… mà lựa chọn loại sở liệu để lưu trữ, tổ chức, xử lý và tìm kiếm liệu tối ưu • Phân loại sở liệu theo quy mơ: Loại có quy mô nhỏ: Microsoft excel, Microsoft access, MySQL, PostgreSQL, Microsoft Visual Foxpro,…  Loại có quy mơ lớn: Oracle, SQL server, DB2,… • Các loại sở liệu: Cơ sở liệu phân cấp (Hierachical Database);  Cơ sở liệu quan hệ (Relation Database);  Cơ sở liệu hướng đối tượng (Object Oriented Database - OOD) • Cơ sở liệu SQL (Structured Query Language):  Là ngôn ngữ dùng để truy vấn liệu;  Ngôn ngữ = cú pháp (cấu trúc ngữ pháp) + từ khóa (từ vựng) + hàm lập sẵn;  Là công cụ giao tiếp hệ quản trị CSDL;  Là cầu nối giữa:  Nhà phát triển (Lập trình viên) và Hệ quản trị CSDL;  Người dùng cuối (End-user) và Hệ quản trị CSDL  Ngôn ngữ SQL là chuẩn chung tương đối hệ quản trị CSDL khác Một cú pháp SQL:  SELECT;  FROM;  WHERE Đă ̣c Điểm Của MySQL • Là hệ quản trị sở liệu miễn phí phát triển theo chuẩn mã nguồn mở dùng cho ứng dụng web có quy mơ vừa và nhỏ • Có trình giao diện Windows hay Linux cho phép người dùng thao tác đến sở liệu lOMoARcPSD|17838488 2a Hệ thống thị chức và thông tin thành viên Xem thông tin thành viên Thêm thông tin thành viên Sửa thông tin Xóa thơng tin thành viên Đăng nhập vào hệ thống Điều kiện tiên Các yêu cầu đặc Giao diện và thao tác dễ dùng với người lần đầu biệt tiên sử dụng Bảng 1.5 Đă ̣c tả Usecase Quản lý thành viên 2.2.3 Sequence Diagram Biểu đồ Sequence Diagram - Login Hình 2.17 Biểu đồ Sequence Diagram - Login Biểu đồ Sequence Diagram - Quản lý Sản phẩm 25 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 2.18 Biểu đồ Sequence Diagram - Quản lý Sản phẩm 26 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Biểu đồ Sequence Diagram – Đă ̣t hàng Hình 2.19 Biểu đồ Sequence Diagram – đă ̣t hàng 27 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Biểu đồ Sequence Diagram - Quản lý User Hình 2.20 Biểu đồ Sequence Diagram - Quản lý User 28 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 2.2.4 Class Diagram Hình 2.21 Class Diagram 29 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 2.2.5 Database Hình 2.22 Database 30 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 CHƯƠNG 3: CÀI ĐẶT HỆ THỐNG 3.1 Quản lý Admin 3.1.1 Trang Quản lý User Hình 3.1 Giao diê ̣n Quản lý user 3.1.2 Trang Quản lý Danh mục sản phẩm Hình 3.2 Giao diêṇ Trang Quản lý sản phẩm 31 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.1.3 Trang Quản lý Nhân viên Hình 3.3 Giao diê ̣n Trang Quản lý Nhân viên 3.1.4 Trang Quản lý Tài khoản khách hàng Hình Giao diê ̣n Trang Quản lý Tài khoản khách hàng 32 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.1.5 Trang Quản lý Đơn hàng Hình 3.5 Giao diê ̣n Trang Quản lý Đơn hàng 3.2 Quản lý hệ thống 3.2.1 Trang Đăng nhâ ̣p Hình 3.6 Giao diêṇ Trang Đăng nhâ ̣p 33 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.2.2 Trang Đăng ký Hình 3.7 Giao diêṇ Trang Đăng ký 3.2.3 Trang chủ 34 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 3.8 Giao diêṇ Trang chu 3.2.4 Danh mục sản phẩm 35 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 3.9 Giao diêṇ Danh mục sản phẩm 3.2.5 Trang liên ̣ Hình 3.10 Giao diêṇ Trang liên ̣ 3.2.6 Trang Blog 36 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 3.11 Giao diê ̣n Trang Blog 3.2.7 Trang Giỏ hàng Hình 3.12 Giao diêṇ Giỏ hàng 3.2.8 Trang Thanh toán 37 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 3.13 Giao diêṇ Thanh toán 38 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 KẾT LUẬN Để làm đồ án chúng em vận dụng kiến thức thầy cô giảng dạy qua môn học với tài liệu mạng để tìm hiểu thêm Nhóm nắm bắt q trình nghiệp vụ q trình phân tích thiết kế hệ thống quản lý website bán giày và nhìn nhận thành phần hệ thống cách chi tiết Nhóm rút số kinh nghiệm xây dựng biểu đồ biểu diễn hoạt động hệ thống, hiểu cách khái quát sở liệu hệ thống Tuy nhiên trình độ và thời gian hạn chế nhóm chúng em nhiều vấn đề hệ thống chưa giải kính mong nhận góp ý thầy cô Chúng em xin chân thành cảm ơn 39 Downloaded by hây hay (vuchinhhp3@gmail.com) ... em chọn đề tài ? ?Xây dựng Website Shop bán Quần Áo ” làm đề tài cho môn học Đồ án Lập trình Web nâng cao Trong trình thực đồ án này em nhận giúp đỡ bảo tận tình thầy, giáo Em xin chân thành... anh ta, hay là website trình bày sưu tập hình ảnh loại xe mà thích chẳng hạn Đối với phủ và cơng ty việc xây dựng website riêng càng ngày càng trở nên cấp thiết Thông qua website này,... mạnh mẽ Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, công ty chí cá nhân, ngày nay, khơng lấy làm xa lạ Một người trở thành chủ website giới thiệu quan tâm: website giới