Đang tải... (xem toàn văn)
đồ án bảo vệ tốt nghiệp ngành công nghệ thông tin: xây dựng website quản lý và bán hàng cho cửa hàng điện tử
Trang 1BỘ GIÁO DỤC VÀ ĐÀO TẠOTRƯỜNG ĐẠI HỌC THÀNH ĐÔNG
Ngành: Công nghệ thông tin
Hải Dương, tháng 4 năm 2024
Trang 2LỜI CẢM ƠN
Kính thưa quý thầy cô, ngày nay với việc khoa học công nghệ phát triển nhanhchóng, xuất hiện nhiều sản phẩm hỗ trợ cho con người Bản thân em là sinh viên bằngnhững kiến thức, kỹ năng đã có được trong suốt những năm học vừa qua em cũng muốnthử sức mình tham gia đề tài Nghiên Cứu Khoa Học.
Dưới sự hướng dẫn của cô Phạm Thu Thuận, em đã lựa chọn cho mình đề tài phùhợp để thực hiện Đó là “Xây dựng website quản lý – bán hàng cho cửa hàng điện tử ThếHứa”, dựa trên ý tưởng xuất phát từ vấn đề thực tiễn hiện hữu tại nơi mình đang theo học.Em xin chân thành cảm ơn cô Thuận đã giúp đỡ, hướng dẫn em hoàn thành đồ ánnày Em cũng xin gửi lời cảm ơn đến quý thầy cô khoa Công nghệ Thông Tin trường Đạihọc Thành Đông đã nhiệt tình dìu dắt em suốt mấy năm học vừa qua
Em xin chân thành cảm ơn!
Hải Dương, tháng 4 năm 2024
Sinh viên
Nguyễn Thế Hứa
Trang 3MỤC LỤC
LỜI CẢM ƠN IMỤC LỤC IIDANH MỤC BẢNG BIỂU VIDANH MỤC HÌNH ẢNH VIIMỞ ĐẦU IX1 Lý do chọn đề tài IX2 Phạm vi nghiên cứu X3 Đối tượng X4 Mục đích nghiên cứu X5 Nội dung chính của bài báo cáo X
CHƯƠNG 1: TỔNG QUAN LÝ THUYẾT 1
1.1 Tổng quan về World Wide Web 1
Trang 41.3.7 PHP OOP(Object-Oriented Programming) 7
1.3.8 Session và Cookie 7
1.4 MySQL 8
1.5 Giới thiệu Bootstrap 9
CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 12
2.1 Các yêu cầu đặt ra của hệ thống 12
2.2 Các tác nhân của hệ thống 12
2.3 Phân tích thiết kế hệ thống 13
2.3.1 Danh sách chức năng 13
2.3.2 Biểu đồ Usecase Tổng quát 13
2.3.3 Biểu đồ Usecase Cập nhật thông tin tài khoản 14
2.3.4 Biểu đồ Usecase Quản lý loại sản phẩm 15
2.3.5 Biểu đồ Usecase Quản lý sản phẩm 17
2.3.6 Biểu đồ Usecase Quản lý đơn hàng 18
2.3.7 Biểu đồ Usecase Đổi mật khẩu 20
2.3.8 Biểu đồ Usecase Xem thông tin sản phẩm 21
2.3.9 Biểu đồ Usecase Đăng ký thành viên 22
2.3.10 Biểu đồ Usecase Đặt hàng 23
2.3.11 Biểu đồ tuần tự đăng nhập 24
2.3.12 Biểu đồ tuần tự thêm loại sản phẩm 24
2.3.13 Biểu đồ tuần tự sửa loại sản phẩm 25
2.3.14 Biểu đồ tuần tự xóa loại sản phẩm 25
2.3.15 Biểu đồ tuần tự Thêm sản phẩm 26
2.3.16 Biểu đồ tuần tự Sửa sản phẩm 26
2.3.17 Biểu đồ tuần tự Xóa sản phẩm 27
2.4 Xây dựng cơ sở dữ liệu 27
2.4.1 Bảng “loaisanphams” 27
Trang 5CHƯƠNG 3: CÀI ĐẶT VÀ CHẠY THỬ 31
3.1 Yêu cầu cài đặt 31
3.1.1 Yêu cầu phần cứng 31
3.1.2 Yêu cầu website 31
3.2 Giao diện website 31
3.2.2 Giao diện trang chủ 31
3.2.3 Giao diện xem thông tin sản phẩm 31
3.2.4 Giao diện đăng nhập của khách hàng 32
3.2.5 Giao diện đăng ký khách hàng 32
3.2.6 Giao diện thông tin khách hàng 33
3.2.7 Giao diện giỏ hàng 33
3.2.8 Giao diện đăng nhập quản trị 33
3.2.9 Giao diện cập nhật thông tin tài khoản 34
3.2.10 Giao diện quản lý loại sản phẩm 34
3.2.11 Giao diện Thêm loại sản phẩm mới 35
3.2.12 Giao diện quản lý sản phẩm 35
3.2.13 Giao diện thêm sản phẩm mới 35
3.2.14 Giao diện quản lý đơn hàng 36
3.2.15 Giao diện đổi mật khẩu 36
3.2.16 Giao diện cập nhật thông tin tài khoản 37
KẾT LUẬN 38
Trang 62 Hạn chế 383 Hướng phát triển 39TÀI LIỆU THAM KHẢO 40
Trang 7DANH MỤC BẢNG BIỂU
Bảng 2.1: Danh sách các chức năng của hệ thống 13
Bảng 2.2: Bảng đặc tả biểu đồ usecase cập nhật thông tin tài khoản 14
Bảng 2.3: Bảng đặc tả biểu đồ usecase Quản lý loại sản phẩm 15
Bảng 2.4: Bảng đặc tả biểu đồ usecase Quản lý sản phẩm 17
Bảng 2.4: Bảng đặc tả biểu đồ usecase Quản lý đơn hàng 19
Bảng 2.5: Bảng đặc tả biểu đồ usecase Đổi mật khẩu 20
Bảng 2.6: Bảng đặc tả biểu đồ usecase Xem thông tin sản phẩm 21
Bảng 2.7: Bảng đặc tả biểu đồ usecase Đăng ký thành viên 22
Trang 8DANH MỤC HÌNH ẢNH
Hình 1.2: Sơ đồ hoạt động của PHP 5
Hình 2.1: Biểu đồ Usecase Tổng quát 14
Hình 2.2: Biểu đồ Usecase Cập nhật thông tin tài khoản 14
Hình 2.3: Biểu đồ Usecase Quản lý loại sản phẩm 15
Hình 2.4: Biểu đồ Usecase Quản lý sản phẩm 17
Hình 2.5: Biểu đồ Usecase Quản lý đơn hàng 19
Hình 2.6: Biểu đồ Usecase Đổi mật khẩu 20
Hình 2.7: Biểu đồ Usecase Xem thông tin sản phẩm 21
Hình 2.8: Biểu đồ Usecase Đăng ký thành viên 22
Hình 2.9: Biểu đồ Usecase Đặt hàng 23
Hình 2.10: Biểu đồ tuần tự đăng nhập 24
Hình 2.11: Biểu đồ tuần tự thêm loại sản phẩm 25
Hình 2.12: Biểu đồ tuần tự sửa loại sản phẩm 25
Hình 2.13: Biểu đồ tuần tự xóa loại sản phẩm 26
Hình 2.14: Biểu đồ tuần tự Thêm sản phẩm 26
Hình 2.15: Biểu đồ tuần tự Sửa sản phẩm 27
Hình 2.16: Biểu đồ tuần tự Xóa sản phẩm 27
Hình 3.1: Giao diện trang chủ 31
Hình 3.2: Giao diện xem thông tin sản phẩm 32
Trang 9Hình 3.3: Giao diện đăng nhập của khách hàng 32
Hình 3.4: Giao diện đăng ký khách hàng 33
Hình 3.5: Giao diện thông tin khách hàng 33
Hình 3.6: Giao diện giỏ hàng 33
Hình 3.7: Giao diện đăng nhập quản trị 34
Hình 3.8: Giao diện cập nhật thông tin tài khoản 34
Hình 3.9: Giao diện quản lý loại sản phẩm 35
Hình 3.10: Giao diện thêm loại sản phẩm mới 35
Hình 3.11: Giao diện quản lý sản phẩm 35
Hình 3.12: Giao diện thêm sản phẩm mới 36
Hình 3.13: Giao diện quản lý đơn hàng 36
Hình 3.14: Giao diện đổi mật khẩu 37
Hình 3.15: Giao diện cập nhật thông tin tài khoản 37
Trang 10MỞ ĐẦU1 Lý do chọn đề tài
Xã hội ngày nay đang không ngừng phát triển, song song với đó xu hướng thươngmại điện tử ngày càng phát triển Mọi việc giờ đây thật đơn giản, chỉ cần có một chiếcmáy tính hay thậm chí chỉ với một chiếc điện thoại thông minh có kết nối với internet,việc mua bán, trao đổi thương mại trở nên thật dễ dàng hơn bao giờ hết với tất cả mọingười chỉ với một vài cái click chuột.
Với việc thương mại điện tử hóa, mọi rào cản về không gian địa lý hay thời gianlàm việc đều được xoá bỏ Các sản phẩm được giới thiệu rõ dàng dành cho không chỉnhững người mua hàng ở khu vực đó mà trên cả đất nước Việt Nam, thậm chí là ngườidân trên toàn thế giới Người bán giờ đây không chỉ còn ngồi một chỗ chờ khách hàngtìm đến mà đã tích cực chủ động đứng lên và tìm đến khách hàng Và khi số lượng kháchhàng tăng lên thì nó cũng tỉ lệ thuận với việc doanh thu sẽ tăng, đó chính là điều mà mọidoanh nghiệp đều hướng tới.
Không chỉ dừng lại vậy, thương mại điện tử còn tạo ra những cơ hội làm ăn chonhững ai không đủ vốn bởi: bạn không phải mất tiền thuê mặt bằng ở những nơi đắt đỏ,thuê nhân viên, đầu tư nhiều cho việc chạy quảng cáo… mà chỉ cần đầu tư, chăm chút kỹlưỡng cho một trang web thương mại điện tử với đầy đủ thông tin về doanh nghiệp củabạn cũng như các tính năng hỗ trợ tìm kiếm mua hàng, đưa hình ảnh, thông tin về sảnphẩm Từ đó, khách hàng sẽ có thể tiếp cận thông tin chủ động hơn, nhờ tư vấn và muabán dễ dàng, chính xác và nhanh gọn hơn Với tình hình cạnh tranh cực kỳ “khốc liệt”như hiện nay giữa các doanh nghiệp thì rất khó để có thể độc quyền một sản phẩm nào,bởi vậy nơi chinh phục được khách hàng chính là nơi làm họ cảm thấy thoải mái nhất, hàilòng nhất.
Bằng việc thương mại điện tử hóa, tất cả các doanh nghiệp từ lớn, vừa và nhỏ đềucó thể thoả sức sáng tạo, cạnh tranh công bằng Những ý tưởng kinh doanh mới táo bạo,những chiến lược tiếp thị, khuyến mại… đều có thể được áp dụng và hướng trực tiếp đếnkhách hàng nhanh nhất mà không tốn quá nhiều chi phí bởi tất cả vẫn được gói gọn trongmột trang thương mại điện tử (website).
Trên những cơ sở đó, đồ án tốt nghiệp của em thực hiện đề tài “Xây dựng website
quản lý – bán hàng cho cửa hàng điện tử Thế Hứa” nhằm giải quyết các nhu cầu quảng
Trang 11bá và kinh doanh sản phẩm hướng trực tiếp đến khách hàng trên mọi miền đất nước, thậmchí là quốc tế.
Công cụ phân tích thiết kế hướng đối tượng
5 Nội dung chính của bài báo cáo
Báo cáo gồm các chương:Chương 1: Tổng quan lý thuyết
Chương 2: Phân tích và thiết kế hệ thốngChương 3: Cài đặt và chạy thử
Trang 12CHƯƠNG 1: TỔNG QUAN LÝ THUYẾT1.1 Tổng quan về World Wide Web
1.1.1 Khái niệm
World Wide Web (WWW) hay còn gọi là web là một dịch vụ phổ biến nhất hiện naytrên Internet, 85% các giao dịch trên Internet ước lượng thuộc về WWW Ngày nay sốwebsite trên thế giới đã đạt tới con số khổng lồ WWW cho phép truy xuất thông tin văn bản,hình ảnh, âm thanh, video trên toàn thế giới Thông qua website, các quý công ty có thể giảmthiểu tối đa chi phí in ấn và phân phát tài liệu cho khách hàng ở nhiều nơi.
1.1.2 Cách tạo ra website
Có nhiều cách để tạo website, có thể tạo website trên bất kì chương trình xử lí văn bảnnào:
Tạo web bằng cách viết mã nguồn bởi một trình soạn thảo văn bản như:
Notepad, WordPad, v.v là những chương trình soạn thảo văn bản có sẵn trongWindow.
Thiết kế bằng cách dùng web Wizard và công cụ của Word 97, Word 2000.
Thiết kế web bằng các phần mềm chuyên nghiệp: PHPStorm, Dreamweaver, NescapeEditor, sẽ giúp thiết kế website dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh HTML sẽcó sẵn trong phần code.
Để xây dựng một ứng dụng web hoàn chỉnh và có tính thương mại, cần kết hợp cảClient Script (kịch bản trình khách) và Server Script (kịch bản trên trình chủ) với một loại cơsở dữ liệu nào đó, chẳng hạn như: MSAccess, SQL Server, MySQL, Oracle, v.v.
Khi muốn triển khai ứng dụng web trên mạng, ngoài các điều kiện về cấu hình phầncứng, cần có trình chủ web thường gọi là web Server.
1.1.3 Trình duyệt web (web Client hay web Browser)
Trình duyệt Web là công cụ truy xuất dữ liệu trên mạng, là phần mềm giao diện trựctiếp với người sử dụng Nhiệu vụ của Web Browser là nhận các yêu cầu của người dùng, gửicác yêu cầu đó qua mạng tới các Web Server và nhận các dữ liệu cần thiết từ Server để hiểnthị lên màn hình Để sử dụng dịch vụ WWW, Client cần có một chương trình duyệt Web, kếtnối vào Internet thông qua một ISP Các trình duyệt thông dụng hiện nay là: MicrosoftInternet Explorer, Google Chrome, Mozilla FireFox, v.v.
Trang 131.1.4 Webserver
"Web server" có thể là phần cứng hoặc phần mềm, hoặc cả hai.
Ở khía cạnh phần cứng, một web server là một máy tính lưu trữ các file thànhphần của một website (ví dụ: các tài liệu HTML, các file ảnh, CSS và các file JavaScript)và có thể phân phát chúng tới thiết bị của người dùng cuối (end-user) Nó kết nối tớimạng Internet và có thể truy cập tới thông qua một tên miền giống nhưmozilla.org.
Ở khía cạnh phần mềm, một web server bao gồm một số phần để điều khiển cáchngười sử dụng web truy cập tới các file được lưu trữ trên một HTTP server(máychủHTTP) Một HTTP server là một phần mềm hiểu được các URL (các địa chỉ web) vàHTTP (giao thức trình duyệt của bạn sử dụng để xem các website).
IIS (Internet Information Service): Hỗ trợ ASP, mở rộng hỗ trợ PHP.Apache: Hỗ trợ PHP.
Tomcat: Hỗ trợ JSP (Java Servlet Page).
1.2 Giới thiệu HTML – CSS
1.2.1 Giới thiệu HTML
Hình 1.1: Cấu trúc chung của HTML
Thẻ <!DOCTYPE html> định nghĩa trang html, kiểu khai báo của html 5.
Thẻ tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc Thẻ title cho phéptrình bày chuỗi trên thanh tựa đề của website mỗi khi website đó được duyệt trên trìnhduyệt web.
Thẻ <body> </body> tất cả các thông tin khai báo trong thẻ <body> đều có thểxuất hiện trên website Những thông tin này có thể nhìn thấy trên website.
Thẻ <div>… </div> định nghĩa một nội dung.Thẻ <p> </p> tạo một đoạn mới
Trang 14Thẻ <font> </font> thay đổi phông chữ, kích cỡ và màu kí tự.
Thẻ <table> </table> đây là thẻ định dạng bảng trên website Sau khi khai báothẻ này, phải khai báo các thẻ hàng <tr> và thẻ cột <td> cùng với các thuộc tính của nó.
Thẻ <img /> cho phép chèn hình ảnh vào website Thẻ này thuộc loại thẻ không cóthẻ đóng.
Thẻ <a> </a> là loại thẻ dùng để liên kết giữa các website hoặc liên kết đến địachỉ Internet, Mail hay Intranet (URL) và địa chỉ trong tập tin trong mạng cục bộ (UNC).
Thẻ <input /> cho phép người dùng nhập dữ liệu hay chỉ thị thực thi một hànhđộng nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit, button, reset,checkbox, radio, hidden, image.
Thẻ < textarea> < \textarea> cho phép người dùng nhập liệu với rất nhiều dòng.Với thẻ này không thể giới hạn chiều dài lớn nhất trên website.
Thẻ <select> … </select> cho phép người dùng chọn phần tử trong tập phươngthức đã được định nghĩa trước Nếu thẻ <select> cho phép người dùng chọn một phần tửtrong danh sách phần tử thì thẻ <select> sẽ giống như combobox Nếu thẻ <select> chophép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, thẻ <select>đó là dạng listbox.
Thẻ <form> … </form> khi muốn submit dữ liệu người dùng nhập từ websitephía Client lên phía Server, có hai cách để làm điều nàu ứng với hai phương thức POSTvà GET trong thẻ form Trong một website có thể có nhiều thẻ
<form> khác nhau, nhưng các thẻ <form này không được lồng nhau, mỗi thẻ formsẽ được khai báo hành động (action) chỉ đến một trang khác.
1.2.2 Giới thiệu CSS
Css là ngôn ngữ tạo phong cách cho website – Cascading Style Sheet language.CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996.Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạngngôn ngữ đánh dấu, như là HTML Nó có thể điều khiển định dạng của nhiều websitecùng lúc để tiết kiệm công sức cho người viết web Nó phân biệt cách hiển thị củawebsite với nội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và font chữ,v.v.
Trang 15Mối tương quan giữa HTML và CSS rất mật thiết HTML là ngôn ngữ markup(nền tảng của site) và CSS định hình phong cách (tất cả những gì tạo nên giao diệnwebsite), chúng là không thể tách rời.
Các stylesheet ngoài được lưu trữ dưới dạng các tập tin CSS.
Bootstrap là một framework bao gồm các HTML, CSS và JavaScript templatedùng để phát triển website chuẩn responsive Bootstrap cho phép quá trình dùng để pháttriển website chuẩn responsive Bootstrap cho phép quá trình thiết kế website diễn ranhanh chóng và dễ dàng hơn.
1.3 Ngôn ngữ PHP
1.3.1 Định nghĩa PHP
PHP là chữ viết tắt của “Personal Home Page do” Rasmus Lerdorf tạo ra năm1994 Vì tính hữu dụng của nó và khả năng phát triển, PHP bắt đầu được sử dụngtrong môi trường chuyên nghiệp và nó trở thành ”PHP:Hypertext Preprocessor” Thựcchất PHP là ngôn ngữ kịch bản nhúng trong HTML, nói một cách đơn giản đó là mộttrang HTML có nhúng mã PHP, PHP có thể được đặt rải rác trong HTML.
PHP là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ, là một côngnghệ phía máy chủ (Server-Side) và không phụ thuộc vào môi trường (crossplatform).Đây là hai yếu tố rất quan trọng, thứ nhất khi nói công nghệ phía máy chủ tức là nói đếnmọi thứ trong PHP đều xảy ra trên máy chủ, thứ hai, chính vì tính chất không phụ thuộcmôi trường cho phép PHP chạy trên hầu hết trên các hệ điều hành như Windows, Unixvà nhiều biến thể của nó, v.v Đặc biệt các mã kịch bản PHP viết trên máy chủ này sẽ làmviệc bình thường trên máy chủ khác mà không cần phải chỉnh sửa hoặc chỉnh sửa rất ít.
PHP chạy trên môi trường Webserver và lưu trữ dữ liệu thông qua hệ quản trị cơsở dữ liệu nên PHP thường đi kèm với Apache, MySQL, v.v.
Apache là một phần mềm web server có nhiệm vụ tiếp nhận request từ trình duyệtngười dùng sau đó chuyển giao cho PHP xử lý và gửi trả lại cho trình duyệt.
MySQL cũng tương tự như các hệ quản trị cơ sở dữ liệu khác (Postgress, Oracle,SQL server, v.v.) đóng vai trò là nơi lưu trữ và truy vấn dữ liệu.
1.3.2 Lý do nên dùng PHP
PHP được sử dụng làm web động vì nó nhanh, dễ dàng, tốt hơn so với các giảipháp khác.
Trang 16PHP có khả năng thực hiện và tích hợp chặt chẽ với hầu hết các cơ sở dữ liệu cósẵn, tính linh động, bền vững và khả năng phát triển không giới hạn.
Đặc biệt PHP là mã nguồn mở do đó tất cả các đặc tính trên đều miễn phí, vàchính vì mã nguồn mở sẵn có nên cộng đồng các nhà phát triển web luôn có ý thức cảitiến nó, nâng cao để khắc phục các lỗi trong các chương trình này.
PHP vừa dễ với người mới sử dụng vừa có thể đáp ứng mọi yêu cầu của các lậptrình viên chuyên nghiệp, mọi ý tuởng của các PHP có thể đáp ứng một cách xuất sắc.PHP đã có mặt trên 13 triệu wbstie.
1.3.3 Hoạt động PHP
Vì PHP là ngôn ngữ của máy chủ nên mã lệnh của PHP sẽ tập trung trên máy chủđể phục vụ các website theo yêu cầu của người dùng thông qua trình duyệt.
Hình 1.2: Sơ đồ hoạt động của PHP
Khi người dùng truy cập website viết bằng PHP, máy chủ đọc mã lệnh PHP và xửlí chúng theo các hướng dẫn được mã hóa Mã lệnh PHP yêu cầu máy chủ gửi một dữliệu thích hợp (mã lệnh HTML) đến trình duyệt web Trình duyệt xem nó như là mộttrang HTML têu chuẩn Như ta đã nói, PHP cũng chính là một trang HTML nhưng cónhúng mã PHP và có phần mở rộng là HTML Phần mở của PHP được đặt trong thẻ mở.Khi trình duyệt truy cập vào một trang PHP, Server sẽ đọc nội dung file PHP lên và lọcra các đoạn mã PHP và thực thi các đoạn mã đó, lấy kết quả nhận được của đoạn mã PHPthay thế vào chỗ ban đầu của chúng trong file PHP, cuối cùng Server trả về kết quả cuốicùng là một trang nội dung HTML về cho trình duyệt.
1.3.4 Tổng quan về PHP
Cấu trúc cơ bản: PHP cũng có thẻ bắt đầu và kết thúc giống với HTML Cú phápchính
Trong PHP để kết thúc 1 dòng lệnh chúng ta sử dụng dấu ";" Để chú thích mộtđoạn dữ liệu nào đó trong PHP ta sử dụng dấu "//" cho từng dòng hoặc dùng cặp thẻ /**/"cho từng cụm mã lệnh.
Trang 17Ví dụ: <?php echo ”Hello world!”; ?>
Xuất giá trị ra trình duyệt chúng ta có những dòng cú pháp sau:
PHP có các kiểu dữ liệu cơ bản sau:
Số nguyên, số thực, chuỗi, Boolean, mảng, đối tượng,resource, NULL/ Một sốthành phần chính trong PHP:
Biến: Một biến bắt đầu bằng dấu $, theo sau là tên của biến.Tên biến phải bắt đầu bằng một chữ cái hoặc ký tự gạch dưới.Một tên biến không thể bắt đầu bằng một số.
Tên biến chỉ có thể chứa các ký tự chữ và số dưới (Az, 0-9 và _).Tên biến là phân biệt chữ hoa chữ thường.
Chuỗi: là một nhóm các kỹ tự, số, khoảng trắng, dấu ngắt được đặt trong các dấunháy, ví dụ: ‘Hello’.
Hằng: Một hằng số là một định danh (tên) cho một giá trị đơn giản Giá trị khôngthể thay đổi trong tập lệnh Để tạo một hằng số, sử dụng define() hàm Các hằng số đượctự động toàn cầu và có thể được sử dụng trên toàn bộ tập lệnh.
1.3.5 Hàm trong PHP
Sức mạnh thực sự của PHP đến từ các Hàm
PHP có hơn 1000 hàm dựng sẵn và ngoài ra, bạn có thể tạo các hàm tùy chỉnh.Để giảm thời gian lặp lại 1 thao tác code nhiều lần, PHP hỗ trợ người lập trìnhviệc tự định nghĩa cho mình những hàm có khả năng lặp lại nhiều lần trong website Việcnày cũng giúp cho người lập trình kiểm soát mã nguồn một cách mạch lạc, đồng thời cóthể tùy biến ở mọi trang mà không cần phải khởi tạo hay viết lại mã lệnh như HTMLthuần.
Một khai báo hàm do người dùng định nghĩa bắt đầu bằng từ function, tên hàmphải bắt đầu bằng chữ cái hoặc dấu ngoặc dưới Tên hàm không phân biệt chữ hoa, chữthường.
Tự định nghĩa hàm
Trang 18Tự định nghĩa hàm có tham số
Tự định nghĩa hàm có giá trị trả về
Hàm có đối số
1.3.6 Form trong PHP
Có 2 phương thức được sử dụng trong lập trình PHP là GET và POST.
Phương thức GET: cũng được dùng để lấy dữ liệu từ form nhập liệu Tuy nhiênnhiệm vụ chính của nó vẫn là lấy nội dung trang dữ liệu từ web server.
Phương thức POST: phương thức này được sử dụng để lấy dữ liệu từ form nhậpliệu và chuyển chúng lên trình chủ webserver.
OOP cung cấp một cấu trúc rõ ràng cho các chương trình.
OOP giúp giữ mã PHP DRY "Đừng lặp lại chính mình" và làm cho mã dễ dànghơn để duy trì, sửa đổi và gỡ lỗi.
Trang 19OOP cho phép tạo các ứng dụng có thể tái sử dụng đầy đủ với ít mã hơn và thờigian phát triển ngắn hơn.
Cookie dùng để lưu trữ các tùy chọn riêng của website với từng user, nó là file nhỏđược chỉ định lưu trên máy tính client và có thể truy xuất được, cần trình duyệt hỗ trợchức năng này Cookie không bị mất khi bị đóng ứng dụng lại, chỉ mất khi hết hạn thờigian thiết lập Tất cả cookie được lưu trữ trong biến toàn cục $_COOKIE.
1.4 MySQL
Giới thiệu về My SQL:
MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (Relational DatabaseManagement System, viết tắt là RDBMS) hoạt động theo mô hình client- server RDBMSlà một phần mềm hay dịch vụ dùng để tạo và quản lý các cơ sở dữ liệu (Database) theohình thức quản lý các mối liên hệ giữa chúng.
MySQL là cơ sở dữ liệu có trình giao diện trên Windows hay Linux, cho phépngười sử dụng có thể thao tác các hành động liên quan đến nó Việc tìm hiểu từng côngnghệ trước khi bắt tay vào việc viết mã kịch bản PHP, việc tích hợp hai công nghệ PHPvà MySQL là một công việc cần thiết và rất quan trọng.
Mục đính sử dụng cơ sở dữ liệu:
Lưu trữ: Lưu trữ trên đĩa và có thể chuyển đổi dữ liệu từ cơ sở dữ liệu này sang cơsở dữ liệu khác, nếu sử dụng cho quy mô nhỏ, có thể chọn cơ sở dữ liệu nhỏ như:Microsoft Exel, Microsoft Access, MySQL, Microsoft Visual FoxPro,, v.v Nếu ứngdụng có quy mô lớn, có thể chọn cơ sở dữ liệu có quy mô lớn như: Oracle, SQL Server,,v.v.
Truy cập: Truy cập dữ liệu phụ thuộc vào mục đích và yêu cầu của người sử dụng,ở mức độ mang tính cục bộ, truy cập cơ sỏ dữ liệu ngay trong cơ sở dữ liệu với nhau,
Trang 20nhằm trao đổi hay xử lí dữ liệu ngay bên trong chính nó, nhưng do mục đích và yêu cầungười dùng vượt ra ngoài cơ sở dữ liệu, nên cần có các phương thức truy cập dữ liệu giữacác cơ sở dử liệu với nhau như: Microsoft Access với SQL Server, hay SQL Server và cơsở dữ liệu Oracle, v.v.
Tổ chức: Tổ chức cơ sở dữ liệu phụ thuộc vào mô hình cơ sở dữ liệu, phân tích vàthiết kế cơ sở dữ liệu tức là tổ chức cơ sở dữ liệu phụ thuộc vào đặc điểm riêng của từngứng dụng Tuy nhiên khi tổ chức cơ sở dữ liệu cần phải tuân theo một số tiêu chuẩn củahệ thống cơ sở dữ liệu nhằm tăng tính tối ưu khi truy cập và xử lí.
Xử lí: Tùy vào nhu cầu tính toán và truy vấn cơ sở dữ liệu với các mục đích khácnhau, cần phải sử dụng các phát biểu truy vấn cùng các phép toán, phát biểu của cơ sở dữliệu để xuất ra kết quả như yêu cầu Để thao tác hay xử lí dữ liệu bên trong chính cơ sởdữ liệu ta sử dụng các ngôn ngữ lập trình như: PHP, C++, Java, Visual Basic, v.v.
1.5 Giới thiệu BootstrapBootstrap là gì?
Bootstrap là một framework bao gồm các HTML, CSS và JavaScript templatedùng để phát triển website chuẩn responsive.
Bootstrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơndựa trên những thành tố cơ bản sẵn có như typography, forms, buttons, tables, grids,navigation, image carousels…
Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng đểtạo ra một mẫu webiste hoàn chỉnh Với các thuộc tính về giao diện được quy định sẵnnhư kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩmmới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trìnhthiết kế giao diện website.
Lịch sử của Bootstrap
Bootstrap là sản phẩm của Mark Otto và Jacob Thornton tại Twitter Nó được xuấtbản như là một mã nguồn mở vào ngày 19/8/2011 trên GitHub Tên gọi ban đầu làTwitter Blueprint.
Đến ngày 31/1/2012, Bootstrap phiên bản 2 đã được phát hành Bootstrap 2 đượcbổ sung bố cục lưới 12 cột với thiết kế tùy chỉnh đáp ứng cho nhiều màn hình kích thước.Tiếp nối sự thành công của phiên bản 2, Bootstrap 3 ra đời vào ngày 19/8/2013 với giaodiện tương thích với smartphone.
Trang 21Chỉ 3 năm sau ngày ra mắt, Bootstrap đã trở thành No.1 project trên GitHub Vàotháng 10/2014, Mark Otto công bố phiên bản Bootstrap 4 đang được phát triển Phiên bảnalpha đầu tiên của Bootstrap 4 đã được triển khai vào tháng 8/2015 Phiên bản mới nhấtcủa Bootstrap được giới thiệu đến người dùng là Bootstrap 4.3.1 Cho đến nay, Bootstrapvẫn là một trong những framework thiết kế website có lượng người dùng “khủng” nhất.
Tại sao nên sử dụng Bootstrap?
Giữa muôn vàn ứng dụng thiết kế website hiện nay, Bootstrap vẫn có khả năngcạnh tranh cao là nhờ những đặc điểm nổi bật sau:
Dễ dàng thao tácTùy chỉnh dễ dàng
Chất lượng sản phẩm đầu ra hoàn hảoĐộ tương thích cao
Dễ dàng thao tác:
Cơ chế hoạt động của Bootstrap là dựa trên xu hướng mã nguồn mở HTML, CSSvà Javascript Người dùng cần trang bị kiến thức cơ bản 3 mã này mới có thể sử dụngBootstrap hiệu quả Bên cạnh đó, các mã nguồn này cũng có thể dễ dàng thay đổi vàchỉnh sửa tùy ý.
Tùy chỉnh dễ dàng:
Bootstrap được tạo ra từ các mã nguồn mở cho phép designer linh hoạt hơn Giờđây có thể lựa chọn những thuộc tính, phần tử phù hợp với dự án họ đang theo đuổi.CDN Boostrap còn giúp bạn tiết kiệm dung lượng vì không cần tải mã nguồn về máy.
Chất lượng sản phẩm đầu ra hoàn hảo:
Bootstrap là sáng tạo của các lập trình viên giỏi trên khắp thế giới Bootstrap đãđược nghiên cứu và thử nghiệm trên các thiết bị Được kiểm tra nhiều lần trước khi đưavào sử dụng Do đó, khi chọn Bootstrap, bạn có thể tin rằng mình sẽ tạo nên những sảnphẩm với chất lượng tốt nhất.
Độ tương thích cao:
Điểm cộng lớn nhất của Bootstrap là khả năng tương thích với mọi trình duyệt vànền tảng Đây là một điều cực kì quan trọng và cần thiết trong trải nghiệm người dùng.Sử dụng Grid System cùng với hai bộ tiền xử lý Less và Sass, Bootstrap mặc định hỗ trợResponsive và ưu tiên cho các giao diện trên thiết bị di động hơn Bootstrap có khả năng
Trang 22tự động điều chỉnh kích thước website theo khung browser Mục đích để phù hợp vớimàn hình của máy tính để bàn, tablet hay laptop.
Cấu trúc và tính năng của Bootstrap là gì?
Bootstrap chứa các tập tin JavaScript, CSS và fonts đã được biên dịch và nén lại.Ngoài ra, Bootstrap được thiết kế dưới dạng các mô-đun Do đó, dễ dàng tích hợp với hầuhết các mã nguồn mở như WordPress, Joomla, Magento, …Trong đó, Bootstrap mangđến nhiều chức năng nổi bật.
Bootstrap cho phép người dùng truy cập vào thư viện “khổng lồ” các thành tốdùng để tạo nên giao diện của một website hoàn chỉnh như font, typography, form, table,grid…
Bootstrap cho phép bạn tùy chỉnh framework của website trước khi tải xuống vàsử dụng nó tại website của khung.
Tái sử dụng các thành phần lặp đi lặp lại trên website.
Bootstrap được tích hợp jQuery Bạn chỉ cần khai báo chính xác các tính năngtrong quá trình lập trình web của bạn.
Định nghĩa glyphicons nhằm giảm thiểu việc sử dụng hình ảnh làm biểu tượng vàtăng tốc độ tải trang.
Trang 23CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
Chương 2 trình bày các yêu cầu đặt ra cho hệ thống, các tác nhân của hệ thống Đồngthời đưa ra các chức năng, biểu đồ UseCase và biểu đồ hoạt động cho từng tác nhân đó.Trên cơ sở phân tích trên em sẽ thiết kế các bảng trong cơ sở dữ liệu và quan hệ củachúng.
2.1 Các yêu cầu đặt ra của hệ thống
Hệ thống là một website thương mại điện tử nên mọi doanh thu và lợi nhuận đềuđến từ phía khách hàng Do đó các yêu cầu đặt ra cho hệ thống cũng phải phù hợp vớinhu cầu của khách hàng.
Yêu cầu về giao diện website: phải có giao diện thân thiện, bắt mắt, dễ sử dụng, phùhợp với thị yếu và nhu cầu của người dùng Không nên có quá nhiều hiệu ứng, hoa mỹ,lòe loẹt, nhiều chi tiết không cần thiết gây mỏi mắt Trang chủ phải hiển thị bao quát toànbộ hệ thống và phải làm nổi bật những sản phẩm mới, sản phẩm ưa chuộng Hệ thốngphải có các trang giới thiệu, trang hướng dẫn, trang chính sách để người dùng có thể tìmđược thông tin và tạo sự tin tưởng cho khách hàng.
Về hiệu năng của hệ thống: hệ thống phải có hiệu năng xử lý yêu cầu của kháchhàng nhanh nhất có thể, ngay lập tức phải hồi lại khi người dùng click vào một chức năngcụ thể Bên cạnh hiêu năng nhanh còn phải xử lý chính xác yêu cầu của khách hàng vàđảm bảo an toàn bảo mật cho khách hàng.
Về các chức năng của hệ thống: đảm bảo hệ thống có đầy đủ chức năng cần thiếtcủa một trang thương mại điện tử Khách hàng có thể tạo tài khoản và đăng nhập, tìmkiếm, thêm sản phẩm vào giỏ hàng, mua hàng và thanh toán Người quản trị có thể quảnlý tất cả các người dùng trong hệ thống, quản lý sản phẩm, quản lý đơn hàng,…
Trên đây là các yêu cầu cơ bản của một trang thương mại điện tử trong khuôn khổcủa đồ án tốt nghiệp này.
2.2 Các tác nhân của hệ thống
Tác nhân của hệ thống là các tác nhân bên ngoài tương tác với hệ thống Tác nhânnày có thể là người, hoặc 1 đối tượng cụ thể nào khác như thiết bị ngoại vi, 1 hệ thốngkhác
Trên cơ sở định nghĩa trên, ta có thể dễ dàng xác định được hệ thống có 2 tác nhânchính là: Khách hàng và Người quản trị
Trang 24Khách hàng: là những người dùng đã đăng nhập vào hệ thống Những tác nhân này
là mục đích chính mà hệ thống hướng tới do đó ngoài các chức năng cơ bản mà Guestđược sử dụng thì còn được sử dụng thêm nhiều chức năng nâng cao khác, như là: quản trịtài khoản, mua sản phẩm, đánh giá – bình luận về 1 bài viết hay sản phẩm Hơn nữanhững tác nhân này còn có thể nhận được thông báo từ hệ thống về tình trạng đơn hàng,chương trình khuyến mại mới nhất, tri ân khách hàng
Quản trị viên: là tác nhân giữ vai trò chính trong hệ thống website Là người điều
hành, quản lý và theo dõi mọi hoạt động của hệ thống Tác nhân có thể thực hiện được tấtcả chức năng quản trị trong hệ thống như là: quản lý loại sản phẩm, quản lý sản phẩm,xử lý đơn hàng,
2.3 Phân tích thiết kế hệ thống
2.3.1 Danh sách chức năng
Bảng 2.1: Danh sách các chức năng của hệ thống
1 Cập nhật thông tin tài
Có quyền cập nhật thông tintài khoản của người quản trị2 Quản lý loại sản phẩm Quản trị viên Có quyền thêm sửa xóa các
2.3.2 Biểu đồ Usecase Tổng quát