Giới thiệu mục tiêu đề tài Phổ biến các sản phẩm của cửa hàng kinh doanh đến khách hàng thông quacác bảng báo giá tuy nhiên chi phí khá cao vì số lượng sản phẩm ngày một đadạng và giá cả
TỔNG QUAN VỀ ĐỀ TÀI
LÝ DO CHỌN ĐỀ TÀI
Quảng cáo hiệu quả với chi phí tối ưu, mang đến cơ hội kết nối và hợp tác với doanh nghiệp, công ty và các tổ chức Nhận phản hồi nhanh chóng từ khách hàng và đối tác để cải thiện dịch vụ.
Tạo một hình ảnh tốt cho cửa hàng.
Tiết kiệm chi phí, hoạt động không nghỉ 24/24 mà không cần đội ngũ nhân viên phục vụ.
Làm cho việc kinh doanh của cửa hàng được phát triển hơn.
Website không chỉ nhằm giới thiệu cửa hàng mà còn giúp khách hàng dễ dàng tiếp cận thông tin, giảm bớt khoảng cách địa lý và khắc phục những khó khăn trong việc di chuyển, đặc biệt là trong tình trạng giao thông tắc nghẽn.
GIỚI THIỆU TÓM TẮT CHỨC NĂNG
Cho phép người dùng đăng kí, điền các thông tin cần thiết vào để tạo tài khoản.
Cho phép người dùng đăng nhập, điền các thông tin như username, password vào để đăng nhập.
1.3.1.3 Lọc sản phẩm theo loại,nhãn hiệu
Chọn loại nhãn hiệu hoặc loại cần xem sản phẩm sẽ hiển thị theo loại, nhãn hiệu tương ứng.
1.3.1.4 Xem chi tiết sản phẩm
Chọn vào sản phẩm cần xem sẽ chuyển sang trang chi tiết, nơi mà người dùng có thể xem tất cả thuộc tính sản phẩm, thêm vào giỏ hàng.
1.3.1.5 Chọn số lượng để thêm vào giỏ hàng
Cho phép người dùng chọn số lượng để thêm vào giỏ hàng.
1.3.1.6 Xem thông tin giỏ hàng, chỉnh sửa
Cho phép người dùng xem thông tin giỏ hàng để chỉnh sửa.
Yêu cầu người dùng đăng nhập để thanh toán, hiển thị thông tin đơn hàng và thông tin người nhận
1.3.1.8 Xem lịch sử mua hàng
Cho phép khách hàng xem lịch sử mua hàng
1.3.1.9 Thay đổi thông tin tài khoản
Cho phép khách hàng thay đổi thông tin tài khoản
Cho phép khách hàng thích sản phẩm
1.3.2.1 Đăng nhập vào hệ thống quản trị
Cho phép người dùng đăng nhập vào hệ thống với tài khoản quản trị, điền các thông tin như username, password vào để đăng nhập
1.3.2.2 Tìm kiếm, phân trang, sắp xếp tăng giảm, xem thêm xóa sửa theo thời gian thực các bảng trong cơ sở dữ liệu
Tìm kiếm, sắp xếp, phân trang các bảng trong CSDL.
Xem thêm, xóa và sửa các bảng trong cơ sở dữ liệu theo thời gian thực cho phép người dùng thao tác trên một tab, và các thay đổi sẽ tự động cập nhật trên tab khác mà không cần phải tải lại trang web.
1.3.2.3 Hiển thị hóa đơn, thao tác chỉnh sửa trạng thái và xem chi tiết
Hiển thị hóa đơn, cho phép người quản trị thao tác chỉnh sửa trang thái hóa đơn, xem chi tiết hóa đơn
1.3.2.4 Thống kê theo thời gian thực
Tính số lượng sản phẩm Tính số lượng đơn hàng Tính số lượng user Tính tổng số tiền đã bán
Báo cáo sản phẩm hết hàng
TÌM HIỂU MỘT SỐ CÔNG NGHỆ XÂY DỰNG WEBSITE
HTML
HTML, hay ngôn ngữ đánh dấu siêu văn bản, là công cụ cho phép người dùng tạo và cấu trúc các thành phần trên trang web như đoạn văn, tiêu đề, liên kết, trích dẫn và bảng biểu Các phần tử trong HTML được biểu diễn bằng các thẻ đánh dấu, tạo nên các khối cấu thành cho trang web.
- Thẻ đánh dấu HTML chứa các nội dung như ‘paragraph’, ‘heading’, ‘table’ Trình duyệt không hiển thị thẻ HTML nhưng dùng chúng để hiển thị nội dung của trang.
HTML là một ngôn ngữ đánh dấu đơn giản, không phải là ngôn ngữ lập trình, nên rất dễ học, đặc biệt là cho những người mới bắt đầu làm web.
2.1.2 Lịch sử ra đời của HTML
HTML được phát minh bởi Tim Berners-Lee, nhà vật lý tại CERN, Thụy Sĩ, với ý tưởng về hệ thống siêu văn bản trên Internet Siêu văn bản cho phép người dùng truy cập ngay lập tức vào các liên kết đến văn bản khác Phiên bản HTML đầu tiên được ông công bố vào năm 1991, với 18 thẻ HTML cơ bản Kể từ đó, ngôn ngữ HTML đã phát triển với nhiều thẻ và thuộc tính mới để cải thiện khả năng đánh dấu văn bản.
Mozilla Developer Network, hiện có khoảng 140 thẻ HTML, bao gồm cả một số thẻ đã lỗi thời, không còn được các trình duyệt hiện đại hỗ trợ nữa.
Các thông số HTML hiện được duy trì và phát triển bởi W3C (World Wide Web Consortium).
Từ những ngày đầu của web đã có rất nhiều phiên bản HTML: HTML
(1999), XHTML (2000), HTML 5 (2014) HTML5 cũng là bản nâng cấp lớn nhất của ngôn ngữ này, bổ sung thêm một số thẻ mới như , và
2.1.3 Ưu nhược điểm của HTML
HTML là công cụ mạnh mẽ cho phép người dùng thiết kế và tạo nội dung cho trang web một cách nhanh chóng Những ưu điểm nổi bật của HTML bao gồm khả năng dễ sử dụng, tính linh hoạt và hỗ trợ tốt cho SEO, giúp tối ưu hóa trang web hiệu quả.
Kho tài nguyên khổng lồ với cộng đồng người dùng rộng lớn
Sử dụng mã nguồn mở nên người dùng có thể sử dụng miễn phí
Hoạt động mượt mà trên hầu hết các trình duyệt
Cách thức hoạt động đơn giản nên người học có thể dễ dàng nắm bắt được kiến thức để triển khai cho website của mình
Có khả năng tích hợp với nhiều ngôn ngữ lập trình như PHP, Java, NodeJs, và Ruby, giúp người dùng phát triển một trang web với nhiều tính năng hấp dẫn.
Sử dụng các markup ngắn gọn và có tính đồng nhất cao
Quy định theo một tiêu chuẩn nhất định và được vận hành bởi World Wide Web Consortium (W3C)
Bên cạnh những ưu điểm trên, HTML vẫn còn tồn tại một số nhược điểm. Vậy nhược điểm của HTML là gì?
Chỉ áp dụng cho website tĩnh mà không có sự tương tác từ người dùng Để trang bị cho website các tính năng tự động, cần sử dụng dịch vụ của bên thứ ba.
Một số trình duyệt còn cập nhật chậm để hỗ trợ các phiên bản mới củaHTML, đặc biệt là HTML5
Việc kiểm soát cách đọc và hiển thị file HTML của trình duyệt khó thực hiện
Chỉ áp dụng với cấu trúc nhất định, không có khả năng sáng tạo
2.1.4 Các loại HTML hiện nay
Hiện nay, ba loại HTML phổ biến nhất là HTML 4, XHTML và HTML5 Trong bài viết này, chúng tôi sẽ tập trung vào HTML5 và trình bày một số đặc điểm nổi bật của các loại HTML này.
HTML5, phiên bản thứ năm của HTML, được công bố bởi Tổ chức W3C Nó kết hợp các yếu tố từ HTML 4, XHTML, DOM cấp 2 và JavaScript, cho phép hỗ trợ trên mọi trình duyệt.
CSS
CSS, hay Cascading Style Sheets, là một ngôn ngữ thiết kế đơn giản dùng để điều chỉnh giao diện của trang web Nó mô tả cách mà các phần tử HTML được hiển thị trên màn hình và các phương tiện khác.
CSS cho phép bạn điều chỉnh màu sắc, kích thước, kiểu chữ, khoảng cách giữa các đoạn văn, kích thước các thành phần, màu nền, thiết kế bố cục và hiển thị trang web trên các màn hình khác nhau, cùng với nhiều hiệu ứng phong phú khác.
CSS rất hữu ích và tiện lợi Nó có thể kiểm soát tất cả các trang trên một website.
Các stylesheet ngoài được lưu trữ dưới dạng các tập tin CSS CSS được kết hợp với ngôn ngữ đánh dấu HTML hoặc XHTML.
CSS được sử dụng để xác định kiểu dáng cho các trang web, bao gồm thiết kế, bố cục và cách hiển thị trên nhiều thiết bị với kích thước màn hình khác nhau.
2.2.3 CSS giúp giải quyết vấn đề lớn của HTML
HTML chỉ được sử dụng để tạo nội dung cho trang web mà không có phần tử định dạng Khi các phần tử như và thuộc tính màu sắc được thêm vào HTML 3.2, việc phát triển website trở nên khó khăn và tốn thời gian Để khắc phục vấn đề này, World Wide Web Consortium (W3C) đã phát triển CSS, giúp tách biệt định dạng kiểu cách khỏi HTML Với CSS, các định nghĩa kiểu cách được lưu trữ trong tập tin css, cho phép bạn thay đổi toàn bộ giao diện website chỉ bằng một tập tin duy nhất.
Bạn có thể viết CSS một lần và sử dụng lại chúng trên nhiều trang HTML.
Có thể định kiểu cho từng phần tử HTMLM và áp dụng kiểu đó cho bao nhiêu trang web tùy ý.
Với CSS, bạn có thể áp dụng thuộc tính cho nhiều thẻ HTML mà không cần khai báo lại cho từng thẻ, giúp giảm thiểu mã code cần viết và tăng tốc độ tải trang web.
2.2.6 Bảo trì dễ dàng Để thực hiện thay đổi trên toàn bộ trang, chỉ cần đổi kiểu trong file CSS và tất cả các thành phần trên trang web sẽ được cập nhật tự động.
2.2.7 Có nhiều kiểu hơn HTML
CSS cung cấp nhiều thuộc tính hơn so với HTML, cho phép bạn cải thiện đáng kể cách hiển thị của trang web Sử dụng CSS giúp tăng cường tính thẩm mỹ và chức năng của trang, vượt xa khả năng của HTML đơn thuần.
2.2.8 Khả năng tương thích với nhiều thiết bị
CSS giúp tối ưu hóa nội dung trên nhiều thiết bị khác nhau, cho phép sử dụng cùng một tài liệu HTML để hiển thị hiệu quả trên máy tính, điện thoại, thiết bị di động và khi in ấn.
2.2.9 Tiêu chuẩn web toàn cầu
Các thuộc tính HTML đã trở nên lỗi thời và không còn được khuyến khích sử dụng Thay vào đó, bạn nên áp dụng CSS để thiết kế các trang web tương thích với mọi trình duyệt trong tương lai.
PHP
PHP, viết tắt của Hypertext Preprocessor, là một ngôn ngữ lập trình kịch bản mã nguồn mở, thuộc nhóm ngôn ngữ script như JavaScript và Python Ngôn ngữ này chủ yếu được sử dụng để phát triển ứng dụng phía server, đồng thời cũng có ứng dụng trong cả frontend và backend.
PHP là ngôn ngữ lập trình lý tưởng cho phát triển web, cho phép nhúng mã vào trang HTML thông qua cặp thẻ Để chạy các tệp lệnh PHP, cần có máy chủ đã cài đặt PHP Các lập trình viên PHP, hay còn gọi là PHP Developer, là chuyên gia trong việc phát triển ứng dụng, chương trình và trang web bằng ngôn ngữ này Trong một số tổ chức, họ có thể được gọi là "Nhà phát triển phần mềm" hoặc "Nhà phát triển web", nhưng vai trò của PHP Developer thường tập trung vào các nhiệm vụ cụ thể hơn so với các vị trí đó.
Công việc của PHP Developer rất đa dạng và phụ thuộc vào quy mô doanh nghiệp cũng như lĩnh vực hoạt động Các nhiệm vụ chính của PHP Developer bao gồm phát triển và duy trì ứng dụng web, tối ưu hóa hiệu suất mã nguồn, xử lý dữ liệu và đảm bảo tính bảo mật cho hệ thống.
Phát triển và triển khai các ứng dụng và trang web mới là một nhiệm vụ quan trọng, bao gồm việc thử nghiệm để đảm bảo hiệu suất tối ưu Đồng thời, việc phát hiện và khắc phục các vấn đề tương thích liên quan đến CSS, HTML và các tập lệnh cũng rất cần thiết, đặc biệt là khi xử lý các vấn đề không tương thích giữa các nền tảng và trình duyệt khác nhau.
– Nghiên cứu và phát triển các hệ thống có khả năng sử dụng và hiệu suất trang web, cũng như thiết kế cơ sở dữ liệu.
Làm việc hợp tác với các nhóm phát triển khác là rất quan trọng để giải quyết các vấn đề như xung đột phần mềm và tối ưu hóa nội dung phát triển.
– Liên tục cập nhật kiến thức về các phương pháp lập trình và công nghệ web mới nhất thông qua tài liệu, hội thảo và hội nghị chuyên môn.
2.3.2 Lịch sử phát triển của PHP
PHP được phát triển từ sản phẩm PHP/FI do Rasmus Lerdorf sáng tạo PHP/FI, viết tắt của Personal Home Page/Forms Interpreter, cung cấp các chức năng cơ bản cho PHP, bao gồm việc sử dụng biến Perl, tự động thông dịch các biến từ form và cú pháp HTML nhúng.
PHP/FI 2.0 được công bố chính thức vào tháng 11 năm 1997, sau một thời gian dài chỉ có các bản beta Tuy nhiên, không lâu sau, PHP/FI đã được thay thế bởi các bản alpha đầu tiên của PHP 3.0.
PHP 3.0 là phiên bản đầu tiên cho chúng ta thấy một hình ảnh gần gũi với các phiên bản PHP mà chúng ta được biết ngày nay Năm 1997, Andi
Gutmans và Zeev Suraski đã phát triển PHP 3.0 bằng cách viết lại hoàn toàn mã nguồn của phiên bản trước đó Họ nhận thấy những hạn chế của PHP/FI 2.0 và quyết định tạo ra phiên bản mới để cải thiện hiệu suất và tính năng.
PHP 3.0 với các tính năng mở rộng mạnh mẽ, ngoài khả năng cung cấp cơ sở hạ tầng cho người dùng với nhiều cơ sở dữ liệu, giao thức và API khác nhau. Các tính năng khác được giới thiệu trong PHP 3.0 gồm có hỗ trợ cú pháp hướng đối tượng và nhiều cú pháp ngôn ngữ nhất quán khác.
Vào năm 1998, sau khi PHP 3.0 ra mắt, Andi Gutmans và Zeev Suraski đã bắt đầu viết lại lõi của PHP nhằm cải thiện tốc độ xử lý ứng dụng phức tạp và tính module của PHP Sự ra đời của Zend Engine đã thành công trong việc đáp ứng các yêu cầu thiết kế này, và PHP 4 đã giới thiệu nhiều tính năng mới như hỗ trợ nhiều máy chủ Web, phiên làm việc HTTP, bộ đếm thông tin đầu ra, nhiều phương thức xử lý thông tin người dùng và cải thiện bảo mật.
Tính đến PHP 4, số lượng nhà phát triển sử dụng PHP đã đạt hàng trăm nghìn, với hàng triệu trang web cài đặt PHP, chiếm khoảng 20% tổng số tên miền trên Internet Nhóm phát triển PHP hiện có hàng nghìn thành viên, cùng với nhiều người khác tham gia vào các dự án liên quan như PEAR, PECL và tài liệu kỹ thuật cho PHP.
Sự thành công lớn lao của PHP 4.0 không khiến nhóm phát triển PHP tự mãn, mà ngược lại, cộng đồng đã chỉ ra những điểm yếu của PHP 4, đặc biệt là trong hỗ trợ lập trình hướng đối tượng, xử lý XML, và giao thức máy khách mới của MySQL 4.1 và 5.0 Những hạn chế này đã thúc đẩy Zeev và Andi phát triển Zend Engine 2.0, nền tảng của PHP 5.0 Mặc dù việc phát triển PHP 5.0 có thể đã bắt đầu từ tháng 12 năm 2002, nhưng các bài phỏng vấn về phiên bản này đã xuất hiện trên Internet từ tháng 7 năm 2002 PHP 5 Beta chính thức được phát hành vào ngày 29 tháng 6 năm 2003.
Vào tháng 10 năm 2003, phiên bản Beta 2 của Zend Engine 2.0 đã được ra mắt, giới thiệu hai tính năng quan trọng là Iterators và Reflection, tuy nhiên tính năng gây tranh cãi là namespaces đã bị loại bỏ Ngày 21 tháng 12 năm 2003, PHP 5 Beta 3 được công bố với nhiều cải tiến, bao gồm việc ngừng hỗ trợ Windows 95, khả năng gọi hàm PHP trong XSLT, cùng với việc sửa nhiều lỗi và thêm nhiều hàm mới Cuối cùng, PHP 5 chính thức ra mắt vào ngày 13 tháng 7 năm 2004, sau một loạt các phiên bản thử nghiệm như Beta 4 và RC 1, RC 2, RC 3, mặc dù vẫn còn một số lỗi, trong đó có lỗi xác thực HTTP.
Ngày 14 tháng 7 năm 2005, PHP 5.1 Beta 3 được PHP Team công bố đánh dấu sự chín muồi mới của PHP với sự có mặt của PDO, một nỗ lực trong việc tạo ra một hệ thống API nhất quán trong việc truy cập cơ sở dữ liệu và thực hiện các câu truy vấn Ngoài ra, trong PHP 5.1, các nhà phát triển PHP tiếp tục có những cải tiến trong nhân Zend Engine 2, nâng cấp mô đun PCRE lên bản PCRE 5.0 cùng những tính năng và cải tiến mới trong SOAP, streams và SPL.
Phiên bản PHP 6 được kỳ vọng sẽ cải thiện những hạn chế của phiên bản hiện tại, bao gồm hỗ trợ namespace, Unicode và sử dụng PDO làm API chuẩn cho truy cập cơ sở dữ liệu, trong khi các API cũ sẽ được chuyển thành thư viện PECL Tuy nhiên, phiên bản 6 chỉ được sử dụng cho nghiên cứu và thử nghiệm, sau đó PHP đã quyết định bỏ qua phiên bản 6 và phát triển lên phiên bản 7.
JAVASCRIPT
Về phương diện thực thi ngôn ngữ
Hiện nay khi phát triển các trang web động, có hai phương thức rất phổ biến đó là Server-Side và Client-Side
Client-Side: là phương thức sẽ xử lý các mã lệnh bởi mỗi browser riêng biệt tại máy người dùng, sau đó gửi kết quả lên cho Server
Server-Side: thì lại gửi các mã lệnh cho server xử lý trước, sau đó server gửi kết quả lại cho browser
JavaScript là một ngôn ngữ lập trình kịch bản phía máy khách (Client-Side Script Language) và được thực thi trực tiếp trên máy người dùng Do tính chất là ngôn ngữ kịch bản phía máy khách, JavaScript không có khả năng kết nối và thao tác trực tiếp với cơ sở dữ liệu trên máy chủ.
Về phương diện phong cách ngôn ngữ lập trình
Trước đây, Javascript được xem là ngôn ngữ lập trình dựa vào đối tượng, nhưng sự xuất hiện của Ajax đã chuyển đổi Javascript thành một ngôn ngữ lập trình hướng đối tượng hơn Với cú pháp tương tự như C, Perl và Java, Javascript sử dụng các mệnh đề lặp như if, while và for, cho thấy sự đồng nhất trong cách thức lập trình.
2.4.2 Javascript là một ngôn ngữ lập trình:
Kịch bản Client-Side (Client-Side Script Language)
Hướng đối tượng (Object-Oriented programming)
2.4.3 Javascript được sử dụng để làm gì?
JavaScript được sử dụng nhằm bổ sung sự tương tác cho các trang HTML.
JavaScript có thể đáp ứng các sự kiện như tải hay loại bỏ các form Khả năng này cho phép JavaScript trở thành một ngôn ngữ script động.
JavaScript có thể được sử dụng để xác nhận dữ liệu người dùng nhập vào trước khi nó được chuyển đến server.
Sử dụng Javascript có thể giúp website của bạn tương tác với người dùng một cách uyển chuyển hơn.
Hoàn toàn miễn phí và dễ học
JavaScript được thiết kế độc lập với hệ điều hành Nó có thể chạy trên bất kỳ hệ điều hành nào có trình duyệt hỗ trợ JavaScript
Dễ dàng tương tác, điều khiển và tránh bớt việc xử lý từ phía server
Nắm vững kiến thức JavaScript hiện nay rất quan trọng, giúp bạn dễ dàng tiếp thu các công nghệ mới được tích hợp trong những ngôn ngữ như Ajax và Atlas.
JavaScript không có trình biên dịch độc lập mà được diễn dịch và thực thi trực tiếp bởi trình duyệt Do đó, nếu trình duyệt không hỗ trợ hoặc tắt tính năng JavaScript, mã sẽ không hoạt động.
JS có thể làm ứng dụng web của bạn trở nên nặng nề hơn
Bảo mật kém Không có khả năng giấu mã.
2.4.6 Nguyên tắc lập trình trong JavaScript
Mỗi ngôn ngữ lập trình đều có những nguyên tắc riêng, và JavaScript cũng không phải là ngoại lệ Để bắt đầu học lập trình một ngôn ngữ, điều quan trọng đầu tiên là nắm vững các quy tắc cơ bản của nó.
Một số quy tắc quan trọng trong JS mà chúng ta cần phải nhớ như sau:
- Lệnh Javascript phân biệt chữ in hoa và chữ thường
- Mội câu lệnh Javascript đều kết thúc bằng dấu chấm phẩy “;”
- Các điều kiện phải được khai báo trong cặp dấu ngoặc đơn ()
- Khi sử dụng lệnh điều khiển, nếu sử dụng nhiều hơn 1 lệnh, bạn phải sử dụng cặp dấu ngoặc nhọn {}
- Javascript sử dụng dấu chấm “.” để tham chiếu đến 1 phương thức hay thuộc tính của đối tượng
BOOTSTRAP
Frameworks là công cụ hữu ích cho các web developer, giúp họ xây dựng website nhanh chóng và hiệu quả Chúng cung cấp một bộ cú pháp chuyên biệt cho từng nhiệm vụ, cho phép lập trình viên tập trung vào việc phát triển mà không phải lo lắng về các lệnh và chức năng cơ bản.
Mặc dù các thư viện hiện có rất phổ biến, nhưng vẫn thiếu sự thống nhất và cần thay đổi liên tục Bootstrap, một framework front-end mã nguồn mở do Mark Otto và Jacob Thornton phát triển, mang đến giải pháp cho vấn đề này, giúp lập trình web front-end nhanh chóng và dễ dàng hơn.
Nó bao gồm tất cả các mẫu thiết kế dựa trên HTML và CSS, cung cấp nhiều chức năng và thành phần đa dạng như điều hướng, hệ thống lưới, băng chuyền hình ảnh và nút bấm.
Bootstrap không chỉ giúp nhà phát triển tiết kiệm thời gian quản lý template mà còn tập trung vào việc tạo ra các website responsive Nó đảm bảo rằng giao diện người dùng hoạt động tối ưu trên mọi kích thước màn hình, từ điện thoại di động đến máy tính để bàn.
Do đó, các nhà phát triển không cần xây dựng các trang web dành riêng cho từng thiết bị và bị giới hạn phạm vi đối tượng nữa.
Với sự phổ biến ngày càng tăng của Bootstrap, nhiều cộng đồng đã được hình thành, tạo ra một không gian lý tưởng cho các nhà phát triển và nhà thiết kế chia sẻ kiến thức và thảo luận về các bản cập nhật mới nhất của framework này.
2.5.2 Ba file chính của Bootstrap
Bootstrap bao gồm nhiều cú pháp để thực hiện các chức năng cụ thể, vì vậy framework này cần có các loại file khác nhau Dưới đây là ba file chính giúp quản lý giao diện người dùng và chức năng của trang web.
Bootstrap.css là một framework CSS giúp tổ chức và quản lý bố cục trang web hiệu quả Trong khi HTML đảm nhiệm việc quản lý nội dung và cấu trúc, CSS tập trung vào việc xử lý bố cục Do đó, sự kết hợp giữa HTML và CSS là cần thiết để tạo ra một trang web hoàn chỉnh và hoạt động tốt.
CSS cho phép tạo giao diện thống nhất trên nhiều trang web, giúp bạn tiết kiệm thời gian chỉnh sửa thủ công Chỉ cần liên kết các trang web với file CSS, mọi thay đổi có thể thực hiện một cách dễ dàng trong file đó Ngoài việc định dạng văn bản, CSS còn có khả năng định dạng các yếu tố khác như bảng và bố cục hình ảnh.
Vì CSS có rất nhiều khai báo và bộ chọn, việc ghi nhớ tất cả những cái đó có thể mất chút thời gian.
Tệp này là phần cốt lõi của Bootstrap, bao gồm các tệp JavaScript chịu trách nhiệm cho sự tương tác của trang web Để tiết kiệm thời gian khi viết mã JavaScript, các nhà phát triển thường sử dụng jQuery, một thư viện JavaScript mã nguồn mở đa nền tảng, giúp thêm nhiều chức năng khác nhau vào trang web.
Dưới đây là một vài ví dụ về những gì jQuery có thể làm:
Thực hiện các yêu cầu Ajax như loại trự dữ liệu từ một vị trí khác một cách linh hoạt
Tạo tiện ích bằng bộ sưu tập plugin JavaScript
Tạo hình động tùy chỉnh bằng các thuộc tính CSS
Thêm tính năng động cho nội dung trang web
Although Bootstrap's CSS properties and HTML elements function effectively, it requires jQuery to achieve responsive design Without jQuery, you are limited to using only the static components of CSS.
Icons là yếu tố quan trọng trong thiết kế giao diện web, thường gắn liền với các hành động và thông tin trong trải nghiệm người dùng Bootstrap đã tích hợp Glyphicons để phục vụ nhu cầu này.
Bootstrap cung cấp một bộ Halflings Glyphicons miễn phí, cho phép người dùng sử dụng các biểu tượng này mà không tốn chi phí Phiên bản miễn phí của Bootstrap có giao diện chuẩn, nhưng vẫn đảm bảo đáp ứng các chức năng thiết yếu cho người dùng.
Nếu bạn đang tìm kiếm các biểu tượng phong cách, Glyphicons cung cấp nhiều bộ icon premium đẹp mắt cho trang web của bạn Ngoài ra, bạn có thể tải xuống các biểu tượng miễn phí từ các trang như Flaticon, GlyphSearch và Icons8 Một số biểu tượng có thể được tùy chỉnh bằng CSS để thay đổi giao diện, trong khi những biểu tượng khác giữ nguyên thiết kế mặc định Hãy lựa chọn các icon phù hợp nhất với nhu cầu của trang web bạn.
PHPM Y A DMIN
PHPMyAdmin là một công cụ quản lý cơ sở dữ liệu miễn phí và mã nguồn mở, cung cấp giải pháp hiệu quả cho việc quản trị cơ sở dữ liệu MySQL qua giao diện web Với PHPMyAdmin, người dùng có thể linh hoạt nhập và xuất dữ liệu, đồng thời sử dụng trên nhiều hệ điều hành khác nhau.
PHPMyAdmin hỗ trợ đa ngôn ngữ, giúp người dùng toàn cầu có trải nghiệm quản lý cơ sở dữ liệu thuận tiện và thân thiện Người dùng có thể dễ dàng thực hiện nhiều tác vụ như tạo, chỉnh sửa, xóa bảng và quản lý người dùng.
PHPMyAdmin là một công cụ quản trị cơ sở dữ liệu quan trọng nhờ vào những tính năng nổi bật như hỗ trợ nhiều định dạng dữ liệu, tự động sao lưu cơ sở dữ liệu MySQL và khả năng xử lý các tình huống không lường trước.
2.6.2 Các tính năng nổi bật của PHPMyAdmin Đây là một số điểm quan trọng về tính năng của PHPMyAdmin:
Quản lý người dùng cho phép bạn thêm, sửa đổi và xóa người dùng, đồng thời thiết lập quyền truy cập cho họ Việc này giúp nâng cao khả năng kiểm soát và bảo mật dữ liệu trong cơ sở dữ liệu của bạn.
Quản lý cơ sở dữ liệu với PHPMyAdmin cho phép người dùng dễ dàng tạo, xóa và sửa đổi cơ sở dữ liệu cùng các đối tượng bên trong như bảng, tường và tra cứu khối lượng.
Xuất và nhập dữ liệu cho phép người dùng dễ dàng chia sẻ và chuyển đổi thông tin qua nhiều định dạng như CSV, XML và SQL, mang lại sự thuận tiện trong việc quản lý dữ liệu.
Truy vấn MySQL: PHPMyAdmin giúp giám sát quá trình truy vấn MySQL và theo dõi các thay đổi trong cơ sở dữ liệu.
Sao lưu và khôi phục là quá trình quan trọng giúp bảo vệ cơ sở dữ liệu, đảm bảo an toàn và khả năng phục hồi khi cần thiết Việc thực hiện sao lưu định kỳ không chỉ giúp bảo vệ dữ liệu khỏi mất mát mà còn tạo điều kiện thuận lợi cho việc khôi phục nhanh chóng khi xảy ra sự cố.
Những tính năng này cùng nhau tạo nên một công cụ quản trị cơ sở dữ liệu mạnh mẽ và linh hoạt.
2.6.3 Ưu điểm và nhược điểm của PHPMyAdmin
Phần mềm này tương thích với nhiều hệ điều hành, cho phép hoạt động trên tất cả các nền tảng và môi trường máy chủ, mang lại sự linh hoạt và tiện lợi tối đa cho người quản trị.
Quản lý dữ liệu đồ họa trong PHPMyAdmin giúp quản trị viên dễ dàng thực hiện các thao tác như tạo, xóa và chỉnh sửa cơ sở dữ liệu Đồng thời, nó cũng cho phép kiểm soát quyền của người dùng và hỗ trợ nhiều máy chủ hoạt động đồng thời.
Hỗ trợ sao lưu cơ sở dữ liệu và xuất dữ liệu sang nhiều định dạng khác nhau, giúp tăng cường tính linh hoạt và đảm bảo an toàn cho thông tin.
Công cụ này hỗ trợ tạo và chỉnh sửa các câu lệnh SQL phức tạp, đồng thời làm việc với hàm, trình kích hoạt và sự kiện Nó giúp tăng hiệu quả quản lý cơ sở dữ liệu bằng cách trực quan hóa các thao tác, tiết kiệm thời gian và giảm độ phức tạp so với việc sử dụng dòng lệnh Ngoài ra, đây là một công cụ đa năng có khả năng xử lý nhiều tình huống khác nhau, bao gồm cả lỗi người dùng và các vấn đề liên quan đến cơ sở dữ liệu.
Cộng đồng lập trình viên toàn cầu đóng góp tích cực, mang lại sự hỗ trợ và phát triển liên tục cho người dùng Hệ thống hỗ trợ lên đến 64 ngôn ngữ khác nhau, giúp người dùng từ khắp nơi trên thế giới dễ dàng tiếp cận và sử dụng.
Miễn phí: Hoàn toàn miễn phí, mang lại lợi ích và chức năng quản lý cơ sở dữ liệu mạnh mẽ mà không tốn chi phí.
PHPMyAdmin là một công cụ quản trị cơ sở dữ liệu mạnh mẽ và đa chức năng, lý tưởng cho việc quản lý hệ thống cơ sở dữ liệu MySQL.
Hạn chế và nhược điểm của PHPMyAdmin:
Để nâng cao bảo mật, việc hạn chế truy cập URL từ các địa chỉ IP cố định là cần thiết, tuy nhiên, an ninh vẫn là một thách thức đối với các mã nguồn mở Ngoài ra, chức năng sao lưu và phục hồi dữ liệu tự động của PHPMyAdmin đang gặp phải một số nhược điểm.
Không thể thực hiện tự động xuất database một cách linh hoạt.
Kết nối chỉ khả thi qua trình duyệt, với hạn chế lưu trữ bản sao lưu vào các ổ đĩa cục bộ có sẵn trên hệ thống Định dạng file xuất không được mã hóa, dẫn đến vấn đề an toàn và chiếm nhiều dung lượng đĩa.
XAMPP
XAMPP là phần mềm mã nguồn mở miễn phí, bao gồm 5 module chính: Cross-Platform (X), Apache (A), MariaDB (M), PHP (P) và Perl (P), cho phép tạo web server trên máy tính cá nhân (Localhost) XAMPP tương thích với các hệ điều hành phổ biến như Linux, MacOS và Windows Ưu điểm nổi bật của XAMPP là tính dễ sử dụng, gọn nhẹ và đơn giản, nên ngày càng được ưa chuộng trong việc phát triển web.
XAMPP là công cụ phổ biến được sử dụng bởi cả người dùng thông thường và lập trình viên để phát triển và vận hành các website sử dụng ngôn ngữ lập trình PHP, bao gồm các nền tảng như WordPress, Joomla!, Magento, Drupal, OpenCart và phpBB.
Localhost là thuật ngữ kết hợp giữa "local" và "host", chỉ đến máy chủ hoạt động trên chính máy tính của bạn mà không cần kết nối internet.
Localhost là một môi trường tích hợp nhiều ứng dụng, cho phép người dùng chạy mã nguồn PHP trên máy tính cá nhân của mình Tất cả các ứng dụng này kết hợp với nhau để tạo ra một hệ thống hoàn chỉnh, hỗ trợ phát triển và thử nghiệm mã lập trình một cách hiệu quả.
Webserver là Apache, đây là webserver được sử dụng thông dụng nhất.
PHP để xử lý code PHP.
MySQL để lưu trữ và xử lý cơ sở dữ liệu (database), đây là cơ sở dữ liệu được dùng phổ biến nhất trong thế giới web.
Phần mềm PHPMyAdmin để xem và quản lý cơ sở dữ liệu MySQL.
Sử dụng localhost rất tiện lợi do có tốc độ xử lý nhanh vì web server lúc này đã nằm ngay trên máy tính của bạn.
2.7.2.1 Localhost vận hành như thế nào?
Khi thiết lập Localhost trên máy tính, bạn đã có một Webserver sẵn có để chạy ứng dụng website, với địa chỉ IP là http://127.0.0.1 Bạn cũng có thể truy cập localhost qua đường dẫn http://localhost.
Khi sử dụng Localhost, bạn cần mở bảng điều khiển và kích hoạt khởi động các ứng dụng đi kèm mỗi khi cần truy cập.
PHÂN TÍCH , THIẾT KẾ HỆ THỐNG VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Hình 2.1 Sơ đồ tổ chức.
Một cửa hàng bán nội thất thành công và vững mạnh trên thị trường cần có khả năng lãnh đạo xuất sắc, tâm huyết và sự sáng tạo từ chủ cửa hàng Bên cạnh đó, sự nhiệt tình và hăng say trong công việc từ các bộ phận và nhân viên cũng rất quan trọng, giúp họ nhanh chóng và chính xác giải quyết mọi yêu cầu, tạo dựng niềm tin vững chắc với khách hàng.
Đội ngũ bán hàng chuyên nghiệp của chúng tôi luôn sẵn sàng tư vấn nhiệt tình, giúp khách hàng lựa chọn những sản phẩm nội thất đẹp và phù hợp nhất với nhu cầu của họ.
3.1.1.1.2 Bộ phận kiểm tra hàng và đóng gói
Bộ phận kiểm tra chất lượng sản phẩm nội thất có trách nhiệm đảm bảo rằng sản phẩm đạt tiêu chuẩn trước khi đóng gói Nhân viên đóng gói sẽ thực hiện quy trình đóng gói cẩn thận, gọn gàng, dán hóa đơn vào gói hàng và chuyển giao cho bên giao hàng để gửi đến tay khách hàng.
Bộ phận nhập hàng sẽ thực hiện kiểm tra tồn kho vào cuối tháng để xác định loại nội thất cần bổ sung Họ cũng sẽ lựa chọn các mẫu nội thất mới và theo xu hướng hiện tại Sau đó, bộ phận này sẽ liên hệ với các nhà cung cấp để đặt hàng.
3.1.1.1.4 Bộ phận quản lí kho
Để đảm bảo tính đồng bộ giữa số lượng sản phẩm nội thất trong kho và trên website cũng như các kênh bán hàng khác, việc kiểm kê số lượng hàng hóa cần được thực hiện liên tục và chính xác.
3.1.1.1.5 Bộ phận kế toán thống kê
Để quản lý hiệu quả hoạt động kinh doanh nội thất, việc kiểm kê chính xác doanh thu hàng tháng và ghi nhận các khoản thu chi của cửa hàng là rất quan trọng Đồng thời, cần quản lý chặt chẽ các số liệu tài chính liên quan để đảm bảo sự phát triển bền vững cho doanh nghiệp.
Hình 2.2 Sơ đồ tiến trình công việc của cửa hàng
3.1.1.2.1 Quy trình mua hàng của khách hàng
Khách hàng lựa chọn sản phẩm cần mua trong khi bộ phận bán hàng tư vấn và giải đáp thắc mắc Khi khách đồng ý, nhân viên sẽ lập hóa đơn, tính tiền và hoàn lại tiền thừa nếu cần, hoặc hỗ trợ thanh toán trực tuyến nếu khách không có tiền mặt.
3.1.1.2.2 Quy trình đặt hàng cần nhập với nhà cung cấp
Nhân viên sẽ theo dõi tình hình với nhà cung cấp, bao gồm số lượng hàng và giá nhập Trong quá trình đặt hàng, có thể thương lượng để đạt được mức giá tối ưu cho lợi nhuận Ban quản trị sẽ xem xét và đề xuất các mặt hàng cần nhập, xác định số lượng và theo dõi trạng thái nhập hàng như đóng gói và vận chuyển.
Sau khi cửa hàng gửi yêu cầu đặt hàng, nhà cung cấp sẽ cung cấp hóa đơn và danh sách chi tiết các mặt hàng Bộ phận nhập hàng sẽ kiểm tra từng lô hàng từ nhà cung cấp Nếu phát hiện hàng hóa không đúng yêu cầu hoặc chất lượng kém, bộ phận này sẽ trả lại hàng cho nhà cung cấp và yêu cầu giao lại các mặt hàng đúng tiêu chuẩn.
Bộ phận nhập hàng sẽ kiểm tra chứng từ giao hàng để xác định giá trị tiền cho từng loại sản phẩm Mỗi loại hàng hóa sẽ được cấp một mã số và cập nhật vào hệ thống giá bán Sau khi hoàn tất quá trình nhập, nhân viên sẽ in phiếu lưu trữ để quản lý dễ dàng hơn trong tương lai.
3.1.1.2.4 Quy trình kiểm toán, thống kê
Thực hiện kiểm kê chính xác doanh thu mỗi tháng, ghi nhận những thu chi của cửa hàng.
3.1.2 Xây dựng, phân tích yêu cầu phần mềm
Từ những quy trình công việc nêu trên, ta thấy được trang web cần các yêu cầu để đáp ứng được nhu cầu hoạt động:
Trang web bán hàng cho phép người dùng dễ dàng xem thông tin sản phẩm, lọc theo loại, nhãn hiệu, hoa quả hoặc mùa vụ Người dùng có thể tìm kiếm nâng cao dựa trên từ khóa, trạng thái sản phẩm (thường, hot, new), khoảng giá và ngày đăng để tìm sản phẩm phù hợp Chi tiết sản phẩm sẽ hiển thị đầy đủ thông tin như tên, giá bán, mô tả, hướng dẫn bảo quản, khuyến mãi, nhãn hiệu, tên nhà cung cấp và loại sản phẩm, cùng với tùy chọn thêm sản phẩm vào giỏ hàng.
Người dùng có thể lựa chọn các sản phẩm biến thể theo kích cỡ và màu sắc, đồng thời kiểm tra số lượng tồn kho cho từng sản phẩm Sau khi chọn lựa, họ có thể thêm sản phẩm vào giỏ hàng, truy cập trang giỏ hàng để cập nhật số lượng hoặc xóa sản phẩm nếu cần.
Khi đến bước thanh toán, người dùng cần đăng nhập vào hệ thống Nếu chưa có tài khoản, họ có thể đăng ký để trở thành thành viên Sau khi hoàn tất đăng ký, thông tin người dùng sẽ được hiển thị trong hóa đơn mua hàng, bao gồm tên sản phẩm, số lượng mua, thành tiền của từng sản phẩm, và tổng tiền sẽ được tính bằng tổng tất cả các thành tiền.
Người dùng thành viên có khả năng xem lịch sử đơn hàng và kiểm tra trạng thái đơn hàng của mình Họ cũng có thể chỉnh sửa hoặc hủy đơn hàng nếu không hài lòng với sản phẩm, sau đó thực hiện mua sắm sản phẩm khác.
Từ các yêu cầu trên đó ta có các trang con để đáp ứng nhu cầu hoạt động của cửa hàng trong trang người dùng:
Trang đăng ký, đăng nhập
Trang chi tiết sản phẩm
Trang lịch sử đơn hàng
Trang quản lý tài khoản của người dùng
Trang danh sách yêu thích
Trang quản trị cung cấp cho người quản trị khả năng quản lý toàn bộ website, bao gồm việc thêm, xóa và sửa đổi các bảng trong cơ sở dữ liệu như sản phẩm, loại sản phẩm và tin nhắn của khách hàng.
THIẾT KẾ CƠ SỞ DỮ LIỆU VÀ GIẢI THÍCH
3.2.1 Thiết kế các bảng vật lý
Hình 3.5 Bảng địa chỉ khách hàng
Hình 3.7 Bảng liên hệ của khách hàng
Bảng image_library (thư viện ảnh)
Hình 3.7 Bảng ảnh sản phẩm
Bảng order detail (chi tiết hoá đơn)
Hình 3.8 Bảng chi tiết hoá đơn
Bảng order_pro (hoá đơn)
Hình 3.11 Bảng tài khoản người dùng
Bảng user_admin (quản trị)
Hình 3.12 Bảng tài khoản quản trị viên
Bảng wish_list(danh sách yêu thích)
Hình 3.13 Bảng danh sách yêu thích 3.2.2 Sơ đồ Diagram tổng quát
Hình 3.14 Sơ đồ Diagram tổng quát