Xây dựng website bán hàng cho cửa hàng thời trang bảo bình shop bằng mô hình MVC

LỜI CẢM ƠN Trước tiên em xin gửi lời cám ơn chân thành sâu sắc tới thầy cô giáo trường Đại học Công Nghệ Thông Tin & Truyền Thông nói chung thầy cô giáo khoa Công Nghệ Thông Tin, môn Kỹ Thuật Phần Mềm nói riêng tận tình giảng dạy, truyền đạt cho em kiến thức, kinh nghiệm quý báu suốt thời gian qua Đặc biệt em xin gửi lời cảm ơn đến cô Dương Thị Quy, cô tận tình giúp đỡ, trực tiếp bảo, hướng dẫn em suốt trình làm đồ án tốt nghiệp Trong thời gian làm việc với cô, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà học tập tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, điều cần thiết cho em trình học tập công tác sau Sau xin gửi lời cảm ơn chân thành tới gia đình, bạn bè động viên, đóng góp ý kiến giúp đỡ trình học tâp, nghiên cứu hoàn thành đồ án tốt nghiệp Thái Nguyên, ngày…tháng…năm 2016 Người viết Trần Xuân Quý LỜI CAM ĐOAN Tôi tên: TRẦN XUÂN QUÝ, sinh viên Đại học Chính Quy- Trường Đại Học Công Nghệ Thông Tin & Truyền Thông Tôi cam đoan kết nghiên cứu đồ án “Xây dựng website bán hàng cho cửa hàng thời trang Bảo Bình Shop mô hình MVC” dựa kết thu trình nghiên cứu riêng tôi, không chép kết nghiên cứu tác giả khác Nội dung đồ án có tham khảo sử dụng số thông tin, tài liệu từ giảng môn học Quý thầy cô, nghiên cứu Internet, sách báo tài liệu nước có liên quan, liệt kê danh mục tài liệu tham khảo Tôi xin chịu hoàn toàn trách nhiệm lời cam đoan trước Quý thầy Cô nhà trường Thái Nguyên, ngày…tháng…năm 2016 Người cam đoan Trần Xuân Quý MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC LỜI NÓI ĐẦU CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 HTML (HyperText Markup Language) 1.2 CSS (Cascading Style Sheets) 1.2.1 Tại phải sử dụng CSS 1.2.2 Cách chèn CSS vào trang HTML 1.2.3 Một số thuộc tính thường dùng css 1.3 PHP (Hypertext Preprocessor) 12 1.3.1 Giới thiệu PHP 12 1.3.2 Tại nên sử dụng PHP 13 1.3.3 Một số thuộc tính thường dùng PHP 13 1.4 Tìm hiểu Mysql 21 1.4.1 Giới thiệu Mysql 21 1.4.2 Một số câu lệnh truy vấn sở liệu 21 1.5 Tìm hiều phân tích thiết kế hệ thống hướng đối tượng mô hình hóa hệ thống 23 1.5.1 Giới thiệu UML 23 1.5.2 Các thành phần ngôn ngữ UML23 1.5.3 Biểu đồ (diagram) 24 1.5.4 Các mối quan hệ 27 CHƯƠNG II: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 29 2.1 Khảo sát hệ thống 29 2.1.1 Khảo sát trạng 29 2.1.2 Phân tích yêu cầu toán 31 2.2 Phân tích thiết kế hệ thống 2.2.1 Biểu đồ Use Case 33 2.2.2 Kịch cho Use Case 2.2.3 Biểu đồ lớp 33 36 56 2.2.4 Bảng liệu 57 CHƯƠNG III: XÂY DỰNG CHƯƠNG TRÌNH 3.1 Trang chủ 58 58 3.2 Tìm kiếm 59 3.3 Giỏ hàng 59 3.4 Đặt hàng 60 3.5 Liên hệ 61 3.6 Trang quản trị ………………………………………………………… 61 KẾT LUẬN 63 TÀI LIỆU THAM KHẢO 64 Admin LỜI NÓI ĐẦU Với phát triển mạnh mẽ công nghệ thông tin lớn mạnh, rộngkhắp mạng máy tính toàn cầu Việc ứng dụng tin học vào lĩnh vực cuộcsống ngày quan tâm sử dụng hiệu quả, đem lại lợi ích to lớn mọimặt Sự lớn mạnh mạng máy tính xóa bỏ gianh giới không gian thờigian để đem người tri thức xích lại gần Thông qua mạng máy tính,con người tiếp xúc với loại tri thức tri thức văn hóa, xã hội,khoa học kỹ thuật.Do ngày có nhiều ứng dụng viết để hỗ trợ côngviệc thủ công người, đặc biệt ứng dụng quản lý quản lý nhân sự,quản lý hàng hóa, quản lý điểm Trước mạng Internet chưa phổ biến thìcác ứng dụng thường viết máy Desktop, ngày Internet không xalạ với ứng dụng có xu phát triển dần Web.Trong đề tài “Xây dựng website bán hàng cho cửa hàng thời trang Bảo Bình Shop mô hình MVC” xin trình bày ngôn ngữlập trình web sử dụng phổ biến ngôn ngữ PHP Trong quátrình phân tích cài đặt ứng dụng không tránh khỏi thiếu sót, rấtmong giúp đỡ tận tình thầy cô Bộ môn bạn bè đồng nghiệp CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 HTML (HyperText Markup Language) HyperText Markup Language (HTML) hàng loạt đoạn mã chuẩn vớicác quy ước thiết kế để tạo trang web, giúp tạo chia sẻ tài liệu điệntử tích hợp đa phương tiện qua Internet hiển thị trình duyệt Web.HTML tảng World Wide Web, dịch vụ toàn cầu Internet Weblà dịch vụ mang tính đồ hoạ cao dịch vụ Internet, cho phép người dùng cóthể tự tạo cho riêng họ trang Web HTML cho phép áp dụng siêu liên kết chotài liệu trình bày tài liệu với phông chữ, hình ảnh, kiểu gióng hàng phù hợp vớihệ thống hiển thị văn HTML ngôn ngữ lập trình Thay vào đó, tạo trang Web thường nói đến “authoring” (sáng tác) đơn giản nhiều so với việc tạo ứng dụng máy tính.Có nhiều trình soạn thảo HTML Web khác như: NotePad, InternetExplorer, Microsoft FrontPage hay Netscape Navigator có công cụ soạn thảo đơngiản cho phép tạo hiệu chỉnh tập tin HTML Cấu trúc HTML đơn giản logic, với bố cục từ xuống dưới, từ trái qua phải, với phần HEAD BODY Các website viết HTML tuân theo cấu trúc sau: + Mọi trang HTML phải khai báo DOCTYPE (định nghĩa chuẩn văn bản) từ dòng + Thẻ cho trình duyệt biết mở đầu kết thúc trang HTML + Thẻ chứa tiêu đề thông tin khai báo, thông tin ẩn khác + Thẻ hiển thị nội dung trang web Đây phần thông tin mà người dùng nhìn thấy trình duyệt đọc mã HTML + Mọi kí tự nằm dấu xem thẻ comment bị trình duyệt bỏ qua, không xử lý không hiển thị Ví dụ: Đây thẻ đánh dấu tiêu đề trang web Đây dòng chữ in đậm Đây dòng chữ in nghiêng 1.2 CSS (Cascading Style Sheets) CSS viết tắt cụm từ "Cascading Style Sheet", ngôn ngữ quy định cách trình bày thẻ html trang web Là ngôn ngữ sử dụng nhiều lập trình web, nói CSS đời tạo nên cách mạng Đôi bạn bối rối nhận thấy đoạn code viết hiển thị không giống trình duyệt khác nhau, CSS giúp bạn giải toán này.CSS quy định cách hiển thị nội dung thẻ HTML trình duyệt gần giống nhau,bằng cách quy định thuộc tính cho thẻ HTML 1.2.1 Tại phải sử dụng CSS - Như bạn biết HTML hỗ trợ số thuộc tính định dạng cho text, picture, table,… không thật phong phú xác hệ thống CSS cung cấp cho bạn hàng trăm thuộc tính trình bày dành cho đối tượng với sáng tạo cao kết hợp thuộc tính giúp mang lại hiệu Ngoài ra, CSS hỗ trợ tất trình duyệt, nên bạn hoàn toàn tự tin trang web hiển thị (như nhau) dù hệ thống sử dụng Windows, Linux hay máy Mac miễn bạn sử dụng phiên trình duyệt - Sử dụng mã định dạng trực tiếp HTML tốn hao nhiều thời gian thiết kế dung lượng lưu trữ đĩa cứng Trong CSS đưa phương thức “ngoại tuyến” giúp áp dụng khuôn mẫu chuẩn từ file CSS Nó thật có hiệu đồng bạn tạo website có hàng trăm trang hay bạn muốn thay đổi thuộc tính trình bày - Hãy thử tưởng tượng bạn có website với hàng trăm trang bạn muốn thay đổi font chữ hay màu chữ cho thành phần Đó thật công việc buồn chán tốn nhiều thời gian Nhưng với việc sử dụng CSS việc hoàn toàn đơn giản bạn có trò ma thuật - Ngoài ra, CSS cho phép bạn áp đặt kiểu trình bày thích hợp cho phương tiện khác hình máy tính, máy in, điện thoại,… 1.2.2 Cách chèn CSS vào trang HTML Cách 1: Chèn nội dung CSS vào cặp thẻ phần trang web: Ví dụ: Chen CSS-Cách 1 //Nội dung CSS đặt bên Cách 2: Chèn trực tiếp vào bên thẻ HTML 10 Hình 2.39Biểu đồ cộng tác cho chức quản lý người dùng 2.2.3 Biểu đồ lớp 84 Hình 2.40 Biểu đồ lớp 2.2.4 Bảng liệu 85 Hình 2.41Bảng sở liệu 86 CHƯƠNG III: XÂY DỰNG CHƯƠNG TRÌNH Bảo Bình Shop website xây dựng với mục đích bán hàng qua mạng thông qua website thương mại điện tử cửa hàng Tại khách hàng tìm hiểu thông tin liên quan đến sản phẩm như: giá, thông tin khuyến mại khách hàng tìm hiểu thông tin khác như: sản phẩm tiêu biểu, hay tìm hiểu thông tin cửa hàng Nếu khách hàng chọn sản phẩm muốn mua khách hàng đưa sản phẩm vào giỏ hàng Khi chọn đầy đủ mặt hàng cần mua khách hàng tiến hành đặt hàng theo đơn đặt hành có sẵn công ty chọn hình thức toán Cửa hàngsẽ đem sản phẩm đến tận nới mà khách hàng đăng ký toán Và công ty miễn phí cước vận chuyển cho khách hàng Ban quản trị website phải quản lý đơn hàng, quản lý sản phẩm, sản phẩm tiêu biểu hay điều chỉnh giá cho phù hợp 3.1 Trang chủ Khi khách hàng truy cập vào website Website hiển thị giao diện sau: 87 Hình 3.1 Trang chủ 88 3.2 Tìm kiếm Khách hàng tìm sản phẩm theo ý thích cách nhanh thông qua chức tìm kiếm Khách hàng tìm kiếm theo tên theo loại sản phẩm Nếu tìm kiếm theo tên sản phẩm loại sản phẩm khách hàng cần bấm viết tên sản phẩm theo form tìm kiếm hiệu ứng banner Nếu khách hàng muốn tìm kiếm theo danh mục sản phẩm khách hàng vào phẩn danh mục sản phẩm Trang web hiển thị trang kết tìm kiếm sau: Hình 3.2: Tìm kiếm 89 3.3 Giỏ hàng Khi khách hang định mua sản phẩm từ trang kết tìm kiếm trang chi tiết sản phẩm, khách hàng nhấn “Giỏ hàng” Hệ thống thêm sản phẩm vào giỏ hàng với hiển thị trang giỏ hàng sau: Hình 3.3: Giỏ hàng 3.4 Đặt hàng Khi người dùng cập nhật mặt hàng đặt hàng, website yêu cầu người dùng nhập thông tin thiếu xác nhân thông tin cuối 90 Hình 3.4: Đặt hàng 91 3.5 Liên hệ Nếu khách hàng muốn xem thông tin liên hệ để liên hệ với cửa hàng cần bấm chọn chức liên hệ Website hiển thị trang liên hệ sau Hình 3.5: Liên hệ 3.6 Trang quản trị Admin Đây trang quản trị Admin, quản trị viên quản lý toàn trang web qua trang admin 92 Hình 3.6: Trang quản trị  Quản lý danh mục Người quản trị quản lý danh mục sản phẩm 93 Hình 3.7: Danh mục  Quản lý đơn hàng Người quản lý quản lý đơn hàng trang quản lý đơn hàng, để quản lý sản phẩm website 94 Hình 3.8: Đơn hàng 95 KẾT LUẬN Kết đạt Qua trình tìm hiểu đề tài này, với nỗ lực thân giúp đỡ thầy cô, bạn bè đặc biệt cô giáo Dương Thị Quy, em hoàn thành báo cáo thực tập:”Xây dựng website bán hàng cho cửa hàng thời trang Bảo Bình Shop mô hình MVC” Nhằm tìm hiểu tiếp thu kiến thức quán trình phân tích thiết kế hệ thống thông tin ngôn ngữ lập trình website Vì trình thực tập em thu số kết sau: - Tìm hiểu tiếp thu kiến thức trình phân tích thiết kế hệ thống thông tin ngôn ngữ lập trình website - Xây dựng trang web bán hàng qua mạng Tuy nhiên, thời gian có hạn lượng kiến thức em hạn chế nên website số mặt hạn chế chưa khắc phục như: - Mô hình ấp dụng với hệ thống bán hàng nhỏ - Thông tin lưu trữ sở liệu chưa thực khoa học - Một số chức chưa hoàn thiện - Chưa xây dựng chế giao dịch điện tử cho việc toán tài khoản thẻ tín dụng tự động qua hệ thống ngân hàng Hướng phát triển Với vấn đề giải thiếu sót báo cáo, em xin đưa số hướng sau: - Khắc phục hạn chế - Nghiên cứu phương pháp, thuật toán để đảm bảo an toàn bảo mật thông tin cho hệ thống - Mở rộng website với quy mô lớn hoàn thiện hơn, thiết kế tối ưu Một lần em xin chân thành cảm ơn thầy cô, bạn Và đặc biệt cô giáo Dương Thị Quyđã trực tiếp hướng dẫn em hoàn thành đợt thực tập 96 Xin chân thành cảm ơn! 97 TÀI LIỆU THAM KHẢO [1] Đặng Văn Đức, Phân tích thiết kế hệ thống hướng đối tượng UML, Nhà xuất giáo dục năm 2002 [2] T.S Nguyễn Đăng Hậu, Kiến trúc thương mại điện tử, Viện đào tạo công nghệ quản lý năm 2004 [3] Phạm Hữu Khang, Lập trình web PHP 5.3 sở liệu Mysql 5.1, Nhà xuất Phương Đông năm 2010 [4] Website http://google.com.vn [5] Website http://www.qhonline.info [6] Website https://www.youtube.com 98 ... Thông Tin & Truyền Thông Tôi cam đoan kết nghiên cứu đồ án Xây dựng website bán hàng cho cửa hàng thời trang Bảo Bình Shop mô hình MVC dựa kết thu trình nghiên cứu riêng tôi, không chép kết... với ứng dụng có xu phát triển dần Web.Trong đề tài Xây dựng website bán hàng cho cửa hàng thời trang Bảo Bình Shop mô hình MVC xin trình bày ngôn ngữlập trình web sử dụng phổ biến ngôn ngữ PHP... tử class, lớp xây dựng phương thức thuộc tính cho lớp Giả sử muốn xây dựng lớp “sesion” làm sau: