LỜI NÓI ĐẦU Hiện nay trên thế giới thương mại điên tử đang phát triển rất mạnh mẽ Kỹ thuật số giúp chúng ta tiết kiếm các chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch và đặt biệt là gi[.]
LỜI NÓI ĐẦU Hiện giới thương mại điên tử phát triển mạnh mẽ Kỹ thuật số giúp tiết kiếm chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặt biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn thương mại điện tử cịn giúp người tìm kiếm tự động theo nhiều mục đích khách nhau, tự động cung cấp thông tin theo nhu cầu sở thích người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính công nghệ mã nguồn mở trở lên ý tính Giá thành rẻ hỗ trợ nhiều mạng giúp ta nhanh chóng xây dựng website bán hàng thân thiện dễ sử dụng với người dùng Với mong muốn tìm hiểu sâu góp phần làm phát triển thêm hệ thống mã nguồn mở, nên em chọn đề tài “Xây dựng website bán hàng cho Ifan Store ” Trong trình làm đồ án, hạn chế thời gian thiếu kinh nghiệm thực tế, em mong nhận góp ý chân thành từ thầy cô bạn LỜI CẢM ƠN Trong lời báo cáo “Xây dựng website bán hàng cho Ifan Store” này, em muốn gửi lời cám ơn biết ơn chân thành tới tất người hỗ trợ, giúp đỡ em kiến thức tinh thần trình thực đồ án tốt nghiệp Trước hết, em xin chân thành cám ơn thầy giáo Nguyễn Văn Việt , giảng viên Khoa Công Nghệ Thông Tin, Trường ĐH CNTT & Truyền Thông Thái Nguyên, người trực tiếp hướng dẫn, nhận xét, giúp đỡ em suốt trình thực đồ án tốt nghiệp lần Mặc dù cố gắng với tất nỗ lực thân để hoàn thiện đồ án, thời gian có hạn, lực kinh nghiệm cịn hạn chế nên đồ án tránh khỏi thiếu sót Kính mong nhận đóng góp ý kiến từ phía thầy cơ, bạn bè để em nâng cao kiến thức thân, hoàn thiện đồ án tốt Cuối em xin gửi lời cảm ơn đến gia đình, bạn bè, người thân giúp đỡ động viên em trình học tập làm đồ án tốt nghiệp Em xin chân thành cảm ơn! Thái Nguyên, ngày tháng năm 2023 Sinh viên Nguyễn Xuân Trường CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tìm hiểu lý thuyết HTML (HyperText Markup Language) Là ngôn ngữ đánh dấu siêu văn sử dụng để tạo tài liệu truy cập mạng Tài liệu HTML tạo nhờ dùng thẻ phần tử HTML File lưu máy chủ dịch vụ web với phần mở rộng “.htm” “.html” Ngày với phát triển công nghệ web việc sử dụng công cụ HTML trở nên quan trọng sợ phát triển nghành cơng nghệ web đại Hình Ví dụ code html Một tài liệu HTML gồm phần bản: o Phần html: Mọi tài liệu html phải bắt đầu thẻ mở kết thúc thẻ đóng html “” Thẻ html báo cho trình duyệt biết nội dung hai cặp thẻ tài liệu html o Phần tiêu đề: phần tiêu đề bắt đầu thẻ kết thúc thẻ Phần chưa tiêu đề mà hiển thị điều hướng trang web Tiêu đề nằm thẻ Bắt đầu thẻ kết thúc thẻ Tiêu đề quan trọng người dùng tìm kiếm thơng tin, tiêu đề trang Web cung cấp từ khóa yếu cho việc tìm kiếm o Phần thân: phần nằm sau phần tiêu đề Phần thân bao gồm văn bản, hình ảnh… liên kết bạn hiển thị trang Web Phần thân bắt đầu thẻ kết thức CSS (Cascading Style Sheets) Trong lĩnh vực xây dựng, có trang trí nội thất; lĩnh vực thẩm mỹ - làm đẹp, có kỹ thuật make-up; cịn lĩnh vực thiết kế web có CSS Đây định nghĩa giàu hình ảnh Pearl thơi (nhưng thực tế (smile) Còn CSS (Cascading Style Sheets mà Pearl tạm dịch tờ mẫu theo Style Sheets) ngơn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML… Nếu bạn học qua HTML 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 Ngồi ra, CSS hỗ trợ tất trình duyệt, nên bạn hồn tồ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 “tờ mẫu ngoại” giúp áp dụng khn mẫu chuẩn từ file CSS ngồi 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 hồn tồn đơn giản bạn có trị ma thuật Ngồi ra, CSS cịn 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,… CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi Hình Ví dụ viết css html Javascript JavaScript ngôn ngữ kịch (scripting language) dùng để tạo script máy client (client-side script) máy server (server-side script) Các script máy client thực thi trình duyệt, script máy server thực server HTML lúc đầu phát triển định dạng tài liệu chuyển liệu Internet Tuy nhiên, khơng lâu sau đó, trọng tâm HTML nặng tính hàn lâm khoa học dần chuyển hướng sang người dùng thường nhật ngày người dùng xem Internet nguồn thông tin giải trí Các trang Web ngày mang tính sáng tạo đẹp mắt nhằm thu hút nhiều người dùng Nhưng thực chất kiểu dáng nội dung bên không thay đổi Và người dùng điều khiển trang Web hiển thị Javascript phát triển giải pháp cho vấn đề nêu Javascript ngôn ngữ kịch Sun Microsystems Netscape phát triển Nó dùng để tạo trang Web động tương tác Internet Đối với người phát triển HTML, Javascript hữu ích việc xây dựng hệ thống HTML tương tác với người dùng Sun Microsystems viết ngôn ngữ phức tạp mạnh mẽ mà biết ngơn ngữ Java Mặc dù Java có tính khả dụng cao lại phù hợp nhà lập trình có kinh nghiệm cho công việc phức tạp Netscape Communications nhận thấy nhu cầu cần ngôn ngữ thiết kế web có khả tương tác vớI ngườI sử dụng hay vớI Java Applet, dễ sử dụng vớI ngườI lập trình kinh nghiệm LiveScript ngôn ngữ mớI dạng phác thảo, nhiên hấp dẫn ngườI sử dụng hứa hẹn đáp ứng tốt yêu cầu LiveScript thiết kế theo tinh thần nhiều ngôn ngữ script đơn giản lại có tính khả dụng cao thiết kế đặc biệt để xây dựng trang Web (chẳng hạn HTML form tương tác) Để giúp ‘bán chạy’ ngôn ngữ này, Netscape hợp tác với Sun cho đời ngôn ngữ Javascript Trên thực tế, Microsoft người tiên phong triển khai phiên Javascript (cịn có tên Jscript), họ khơng sử dụng đặc tả thức Javascript Mục tiêu JavaScript nhằm cung cấp cho nhà phát triển Web số khả quyền điều khiển chức cho trang Web Mã Javascript có khả nhúng tài liệu HTML để điều khiển nội dung trang Web kiểm tra hợp lệ liệu mà người dùng nhập vào Khi trang hiển thị trình duyệt, câu lệnh trình duyệt thơng dịch thực thi JavaScript ngơn ngữ lập trình nhúng trang HTML JavaScript nâng cao tính động khả tương tác cho web-site cách sử dụng hiệu ứng thực phép tính, kiểm tra form, viết trò chơi, bổ sung hiệu ứng đặc biệt, tuỳ biến chọn lựa đồ hoạ, tạo mật bảo mật Chúng ta sử dụng JavaScript để: o Tương tác với người dùng Chúng ta viết mã để đáp lạI kiện Các phát sinh người dùng - - nhấp chuột hay phát sinh từ hệ thống - - định lại kích thước trang v.v o Thay đổi nội dung động Mã JavaScript dùng để thay đổi nội dung vị trí phần tử cách động trang nhằm đáp lại tương tác với người dùng o Kiểm tra tính hợp lệ liệu Chúng ta viết mã nhằm kiểm tra tính hợp lệ liệu người dùng nhập vào trước gửi lên Web server để xử lý Giống ngôn ngữ khác, JavaScript tuân thủ số quy tắc ngữ pháp Việc nắm vững quy tắc ngữ pháp giúp ta đọc script tự viết script không bị lỗi Một số luật bao gồm: o Dùng Caps JavaScript phân biệt chữ hoa chữ thường o Dùng Pairs Trong JavaScript, ln ln có cặp ký hiệu mở đóng Lỗi xuất bỏ sót đặt sai hai ký hiệu o Dùng Spaces (các ký tự trắng) Như HTML, JavaScript thường bỏ qua ký tự trắng Trong JavaScript, ta thêm vào ký tự trắng tab giúp cho ta dễ dàng đọc hay sửa file script o Dùng Chú thích (Comments) Các thích giúp ta ghi chức đoạn script, thờI gian ngườI tạo đoạn script Mặc dù client-side JavaScript server-side JavaScript dựa ngôn ngữ tảng nhau, mỗI loạI cịn có thêm tính chun biệt phù hợp với mơi trường mà chạy Nghĩa là, client-side JavaScript bao gồm đối tượng định nghĩa sẵn sử dụng trình duyêt, Server-side JavaScript bao gồm đối tượng hàm định nghĩa sẵn sử dùng ứng dụng phía server (server-side applications) PHP PHP – Viết tắt “Hypertext Preprocessor”, ngôn ngữ lập trình kịch chạy phía sever nhằm sinh mã html client PHP đời năm 1944, người phát minh mang tên Rasmus Lerdorf nhiều người phát triển ngày hôm PHP sử dụng nhiều ứng dụng Web thương mại điện tử, tính đến năm 2001 có khoảng triệu tên miền sử dụng mã nguồn PHP PHP trải qua nhiều phiên tối ưu hóa cho ứng dụng web, với cách viết mã rõ ràng, tốc độ nhanh, dễ đọc nên PHP trở thành ngơn ngữ lập trình web phổ biến ưu chuộng PHP chạy môi trường Webserver lưu trữ liệu thông qua hệ quản trị sở liệu nên PHP thường kèm với Apache, MySQL hệ điều hành Linux o Apache phần mềm webserver có nhiệm vụ tiếp nhận request từ trình duyệt người dùng sau chuyển giao cho PHP xử lý gửi trả lại cho trình duyệt o MySQL tương tự hệ quản trị sở liệu khác (Postgress, Oracle, SQL server…) đóng vai trị nơi lưu trữ truy vấn liệu o Linux: Hệ điều hành mã nguồn mở sử dụng rộng rãi cho webserver Khi người sử dụng gọi trang PHP, Web Server triệu gọi PHP Engine để thông dịch trang PHP trả kết cho người dùng hình bên dưới: Hình Mơ hình hoạt động PHP Sử dụng PHP nào? Để biên dịch mã lệnh PHP bạn đưa mã nguồn lên Webserver bạn cần phải cấu hình PHP Server có cài IIS (Internet Information Server) Tuy nhiên đa số Webserver hỗ trợ trình biên dịch mã lệnh PHP không cần phải quan tâm tới việc cài đặt cấu hình PHP Server Để test ứng dụng PHP máy tính thiết kế mã nguồn, bạn cài trình biên dịch mã lệnh PHP từ cài AppServ số cài khác Cũng cần lưu ý máy bạn cài đồng thời nhiều trình biên dịch mã nguồn, bạn nên cài PHP cổng (port) khác để tránh xung đột, bạn biên dịch mã nguồn PHP nên tạm thời tắt Webserver khác IIS 1.2 Hệ quản trị liệu MYSQL MySQL ? Khái niệm định nghĩa rõ từ Wikipedia Mình xin trích dẫn sau : MySQL hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet MySQL miễn phí hồn tồn bạn tải MySQL từ trang chủ Nó có nhiều phiên cho hệ điều hành khác nhau: phiên Win32 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,… MySQL ví dụ Hệ Quản trị Cơ sở liệu quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL) MySQL sử dụng cho việc bổ trợ PHP, Perl, nhiều ngôn ngữ khác, làm nơi lưu trữ thơng tin trang web viết PHP hay Perl,… Tại lại sử dụng MySQL? Nếu bạn tìm kiếm hệ thống quản lý sở liệu miễn phí khơng đắt tiền, vài thứ có sẵn để bạn chọn như: MySQL, mSQL, Postgres Khi bạn so sánh MySQL với hệ thống sở liệu khác, nghĩ quan trọng bạn Sự thực thi, hỗ trợ, đặc tính, điều kiện giới hạn quyền, giá tất nhân tố để thực Với lí đó, MySQL có nhiều đặc điểm hút: Tốc độ: MySQL nhanh Những nhà phát triển cho MySQL sở liệu nhanh mà bạn có Dễ sử dụng: MySQL có tính cao thực hệ thống sở liệu đơn giản phức tạp cài đặt quản trị hệ thống lớn Giá thành: MySQL miễn phí cho hầu hết việc sử dụng tổ chức Hỗ trợ ngôn ngữ truy vấn: MySQL hiểu SQL, ngôn ngữ chọn lựa cho tất hệ thống sở liệu đại Bạn truy cập MySQL cách sử