Xây Dựng Website Bán Quần Áo

Đồ án xây dựng website bán hàng của chúng tôi là một dự án đầy hứa hẹn và sáng tạo. Chúng tôi đã tập trung vào việc xây dựng một trang web chuyên nghiệp và hấp dẫn, nhằm mang đến trải nghiệm mua sắm trực tuyến tốt nhất cho khách hàng. Trang web được thiết kế với mục tiêu tạo ra một giao diện dễ sử dụng và thân thiện với người dùng. Chúng tôi đã tạo ra một cấu trúc trang web rõ ràng và dễ hiểu, giúp người dùng dễ dàng tìm kiếm và duyệt qua các sản phẩm. Bố cục và thiết kế của trang web đã được tối ưu hóa để tăng tính tương tác và thu hút sự chú ý của khách hàng. Mục tiêu chính của đồ án là mang lại trải nghiệm mua sắm trực tuyến tiện lợi và đáng tin cậy cho khách hàng. Chúng tôi đã tạo ra một hệ thống giỏ hàng và thanh toán đơn giản, an toàn và tiện lợi. Khách hàng có thể dễ dàng chọn mua sản phẩm, thêm vào giỏ hàng và tiến hành thanh toán một cách nhanh chóng và dễ dàng. Ngoài ra, chúng tôi cũng đã chú trọng vào việc cung cấp thông tin chi tiết và chất lượng về các sản phẩm. Mỗi sản phẩm được trình bày với mô tả, hình ảnh chất lượng cao và thông tin liên quan, giúp khách hàng hiểu rõ hơn về sản phẩm trước khi quyết định mua hàng. Đồ án xây dựng website bán hàng của chúng tôi cũng tạo ra một không gian để xây dựng và phát triển thương hiệu. Chúng tôi đã tạo ra một logo độc đáo và thiết kế trang web phù hợp với mục tiêu kinh doanh của chúng tôi. Điều này giúp tạo nên một hình ảnh chuyên nghiệp và tạo độ tin cậy đối với khách hàng. Tóm lại, đồ án xây dựng website bán hàng của chúng tôi là một dự án sáng tạo và tạo ra một trải nghiệm mua sắm trực tuyến tuyệt vời cho khách hàng. Chúng tôi tập trung vào việc xây dựng giao diện người dùng thân thiện, cung cấp thông tin sản phẩm chi tiết và tạo ra một không gian thương hiệu độc đáo. Chúng tôi hy vọng rằng trang web của chúng tôi sẽ mang lại sự hài lòng và thành công cho cả khách hàng và doanh nghiệp của chúng tôi.

TỔNG QUAN VỀ ĐỀ TÀI

Lý do chọn đề tài

Ngày nay, sự phát triển nhanh chóng của công nghệ thông tin đã góp phần mang lại nhiều lợi ích trên mọi lĩnh vực kinh tế, chính trị, xã hội Trong đó, bán hàng trực tuyến đã và đang được phổ biến rộng rãi trên toàn thế giới, hình thức bán hàng này không chỉ giúp cho các nhà phân phối, các cửa hàng tiết kiệm chi phí mặt Đồ án 4: Xây dựng website bán quần áo nam

Chính vì vậy, em đã thực hiện đề tài đồ án “Xây dựng website bán quần áo nam“ để phục vụ cho việc quản bá và giới thiệu sản phẩm đến khách hàng đáp ứng nhu cầu mua sắm ngày càng cao của khách hàng Cửa hàng có thể đưa các sản phẩm lên website của mình và quản lý website đó, khách hàng có thể đặt mua, mua hàng của cửa hàng mà không cần đến cửa hàng, cửa hàng sẽ gửi sản phẩm đến tận tay khách hàng Do đó, đưa đến cho khách hàng một địa điểm lý tưởng cho việc mua sắm quần áo NAM.

Mục tiêu của đề tài

Xây dựng được “Website bán quần áo nam’’ tương đối hoàn chỉnh, phục vụ một cách hiệu quả, thân thiện và dễ sử dụng cho người quản lý và khách hàng.

Mang lại hiệu quả, lợi ích kinh tế: giảm chi phí hoạt động, tăng doanh thu đối với các cửa hàng sử dụng website.

Mang lại lợi ích sử dụng: tăng khả năng tương tác giữa người dùng và người bán hàng, 2 bên dễ dàng trao đổi thông tin sản phẩm thuận tiện, nhanh chóng.

- Các yêu cầu cần đạt được:

 Được sắp xếp, bố cục một cách hợp lý, tạo điều kiện cho người xem hứng thú với sản phẩm của trang website.

 Hình thức đẹp phù hợp với chủ đề, nội dung, thân thiện với người dùng.

- Về trang quản trị trang website có chức năng sau:

- Về trang người dùng có chức năng sau

 Xem và tìm kiếm sản phẩm.

 Quản lý đơn đặt hàng, giỏ hàng

Giới hạn và phạm vi của đề tài

- Đối tượng nghiên cứu: Các cửa hàng, website bán quần áo nam.

- Khách thể nghiên cứu: Chủ cửa hàng bán quần áo nam, khách hàng mua sản phẩm.

- Phạm vi không gian: trên các trang web bán trái cây online, thị trường bán hàng qua Internet.

- Phạm vi thời gian: năm 2022.

- Ý nghĩa khoa học và thực tiễn của đề tài:

 Ý nghĩa khoa học: nắm bắt các xu hướng công nghệ số hiện nay để tiến hành thiết kế website đáp ứng nhu cầu sử dụng của khách hàng, người quản lý cửa hàng.

 Ý nghĩa thực tiễn: o Giúp cho việc quản lý cửa hàng dễ dàng, nhanh chóng, tiết kiệm thời gian, đảm bảo chính xác o Giúp khách hàng dễ dàng cập nhập thông tin, tìm kiếm sản phẩm, đáp ứng tốt nhu cầu đặt hàng nhanh gọn

Nội dung thực hiện

 Tổng quan về đề tài

 Phân tích và thiết kế hệ thống Đồ án 4: Xây dựng website bán quần áo nam

Phần Miêu tả Mục đích

Tổng quan về đề tài

Mô tả một khách khái quát nhất về lí do chọn đề tài, phạm vi, mục tiêu đề tài cần đạt được Đưa ra các công việc cần thực hiện của đề tài, biết được phạm vi của đề tài để lựa chọn nơi khảo sát phù hợp

Cơ sở lý thuyết Đưa ra quy trình phát triển phần mềm, thiết kế giao diện website với html và css

Nắm được quy trình cụ thể khi bắt đầu xây dựng một đề tài, cách thiết kế giao diện với html với css ở phía front end

Phân tích và thiết kế hệ thống

Mô tả chi tiết đặc tả phần mềm, đưa ra các yêu cầu chức năng và yêu cầu phi chức năng

Nhằm giúp người thực hiện dự án nắm được đề tài cần phải thực hiện những gì và làm như thế nào dựa trên bản đặc tả phần mềm. Bên cạnh đó cũng giúp các developer thực hiện được đầy đủ các chức năng mà không bị bỏ sót các chức năng Triển khai hệ thống

Triển khai các trang chủ, các chức năng cho người dùng, kiểm thử phần mềm và đóng gói phần mềm

Việc triển khai và chạy thử giúp phát hiện kịp thời các lỗi trong hệ thống và khắc phục trước khi bàn giao lại với khách hàng

Phương pháp tiếp cận

- Khảo sát, hỏi đáp nhu cầu mua bán mặt hàng quần áo NAM bằng hình thức trực tuyến của khách hàng để thiết kế trang website đáp ứng tốt nhất nhu cầu người dùng.

- Khảo sat chủ cửa hàng, chủ website về việc quản lí các đơn hàng, thông tin các mặt hàng, cập nhật gái cả, nguồn gốc mặt hàng, nhược điểm của các phương pháp quản lí cũ để xây dựng được trang website quản lí tốt hơn, hiệu quả hơn.

- Tham khảo sách, tài liệu liên quan. Đồ án 4: Xây dựng website bán quần áo nam

CƠ SỞ LÝ THUYẾT

Quy trình phát triển phần mềm

Quy trình của một phần mềm có thể chia thành các giai đoạn như sau:

 Nghiên cứu sơ bộ (Preliminary Investigation hay còn gọi là Feasibility

Study): Trong giai đoạn nghiên cứu sơ bộ, hệ thống phát triển nhóm cần xem xét các yêu cầu của doanh nghiệp (hệ thống cần sử dụng), các nguồn tài nguyên có thể sử dụng, công nghệ cũng như cộng đồng người dùng cùng các ý tưởng của họ đối với hệ thống mới Có thể thực hiện thảo luận, nghiên cứu, xem xét các khía cạnh thương mại, phân tích khả năng lỗ, phân tích các trường hợp sử dụng và tạo ra các mẫu nguyên để xây dựng nên một khái niệm cho hệ thống đích giống nhau đích, quyền ưu tiên và phạm vi của nó Kết quả của giai đoạn nghiên cứu sơ bộ là Báo

Cáo Kết Quả Nghiên Cứu Tính Khả Thi Khi hệ thống tương lai được chấp nhận dựa trên bản báo cáo này cũng là lúc giai đoạn Phân tích bắt đầu.

 Phân tích yêu cầu (Analysis): o Xác định hệ thống cần phải làm gì. o Nghiên cứu thấu đáo tất cả các chức năng cần cung cấp và những yếu tố liên quan. o Xây dựng một mô hình nêu bật bản chất vấn đề từ một hướng nhìn có thực (trong đời sống thực). o Trao định nghĩa vấn đề cho chuyên gia lĩnh vực để nhận sự đánh giá, góp ý. o Kết quả của giai đoạn phân tích là bản Đặc Tả Yêu Cầu (Requirements Specifications).

 Thiết kế hệ thống (Design of the System): Công tác thiết kế xoay quanh câu hỏi chính: Hệ thống làm cách nào để thỏa mãn các yêu cầu đã được nêu trong Đặc Tả Yêu Cầu? o Nhận biết form nhập liệu tùy theo các thành phần dữ liệu cần nhập. o Nhận biết reports và những output mà hệ thống mới phải sản sinh o Thiết kế forms (vẽ trên giấy hay máy tính, sử dụng công cụ thiết kế) o Nhận biết các thành phần dữ liệu và bảng để tạo database o Ước tính các thủ tục giải thích quá trình xử lý từ input đến output. o Kết quả giai đoạn thiết kế là Đặc Tả Thiết Kế (Design Specifications).

 Xây dựng phần mềm (Software Construction): Đây là giai đoạn viết lệnh(code) thực sự, tạo hệ thống Từng người viết code thực hiện những yêu Đồ án 4: Xây dựng website bán quần áo nam

(procedure) mà anh ta tạo nên được viết như thế nào và lý do cho việc này Để đảm bảo chương trình được viết nên phải thoả mãn mọi yêu cầu có ghi trước trong bản Đặc Tả Thiết Kế Chi Tiết, người viết code cũng đồng thời phải tiến hành thử nghiệm phần chương trình của mình Phần thử nghiệm trong giai đoạn này có thể được chia thành hai bước chính:

 Thử nghiệm đơn vị: Người viết code chạy thử các phần chương trình của mình với dữ liệu giả (test/dummy data) Việc này được thực hiện theo một kế hoạch thử, cũng do chính người viết code soạn ra Mục đích chính trong giai đoạn thử này là xem chương trình có cho ra những kết quả mong đợi Giai đoạn thử nghiệm đơn vị nhiều khi được gọi là "Thử hộp trắng" (White Box Testing)

 Thử nghiệm đơn vị độc lập: Công việc này do một thành viên khác trong nhóm đảm trách Cần chọn người không có liên quan trực tiếp đến việc viết code của đơn vị chương trình cần thử nghiệm để đảm bảo tính “độc lập” Công việc thử đợt này cũng được thực hiện dựa trên kế hoạch thử do người viết code soạn lên.

 Thử nghiệm hệ thống (System Testing): Sau khi các thủ tục đã được thử nghiệm riêng, cần phải thử nghiệm toàn bộ hệ thống Mọi thủ tục được tích hợp và chạy thử, kiểm tra xem mọi chi tiết ghi trong Đặc Tả Yêu Cầu và những mong chờ của người dùng có được thoả mãn Dữ liệu thử cần được chọn lọc đặc biệt, kết quả cần được phân tích để phát hiện mọi lệch lạc so với mong chờ.

 Thực hiện, triển khai (System Implementation): Trong giai đoạn này, hệ thống vừa phát triển sẽ được triển khai sao cho phía người dùng Trước khi để người dùng thật sự bắt tay vào sử dụng hệ thống, nhóm các nhà phát triển cần tạo các file dữ liệu cần thiết cũng như huấn luyện cho người dùng, để đảm bảo hệ thống được sử dụng hữu hiệu nhất

 Bảo trì, nâng cấp (System Maintenance): Trong giai đoạn này, hệ thống vừa phát triển sẽ được triển khai sao cho phía người dùng Trước khi để người dùng thật sự bắt tay vào sử dụng hệ thống, nhóm các nhà phát triển cần tạo các file dữ liệu cần thiết cũng như huấn luyện cho người dùng, để đảm bảo hệ thống được sử dụng hữu hiệu nhất.

Phương pháp phân tích thiết kế hướng đối tượng

2.2.1 Các giai đoạn của chu trình phát triển phần mềm hướng đối tượng

- Phân tích hướng đối tượng (Object Oriented Analynis-OOA): Là giai đoạn phát triển một mô hình chính xác và súc tích của vấn đề, có thành phần là các đối tượng, khái niệm đời thực, dễ hiẻu đối với người sử dụng.

- Thiết kế hướng đối tượng (Object Oriented Design-OOD): Là giai đoạn tổ chức chương trình thành các tập hợp đối tượng cộng tác với nhau, mỗi đối tượng là một lớp Các lớp thành viên tạo thành một cây cấu trúc với mới quan hệ thừa kế hay tương tác bằng thông cáo.

- Lập trình hướng đối tượng (Object Oriented Programming-OOP): Giai đoạn xây dựng phần mềm có thể thực hiện sử dụng kĩ thuật lập trình hướng đối tượng Đó là phương thức thực hiện việc chuyển các thiết kế hướng đối tượng thành các chượng trình bằng việc sử dụng một ngôn ngữ lập trình có hỗ trợ các tính năng có thể chạy được, nó chỉ được đưa vào sử dụng sau khi đã trải qua nhiều vòng quay của nhiều bước thử nghiệm khác nhau.

2.2.2 Tổng quát về UML (Unified Modeling Language) a Khái niệm

Ngôn ngữ mô hình hóa thống nhất (Unifield Modeling Language – UML) là một ngôn ngữ để biểu diễn mô hình theo hướng đối tượng với chủ đích là:

 Mô hình hoá các hệ thống sử dụng các khái niệm hướng đối tượng. Đồ án 4: Xây dựng website bán quần áo nam

 Giải quyết vấn đề về mức độ thừa kế trong các hệ thống phức tạp, có nhiều ràng buộc khác nhau.

 Tạo một ngôn ngữ mô hình hoá có thể sử dụng được bởi người và máy. b Biểu đồ UML

Thành phần mô hình chính trong UML là các biểu đồ:

 Biểu đồ Use case: biểu diễn sơ đồ chức năng của hệ thống Từ tập yêu cầu của hệ thống, biểu đồ use case sẽ phải chỉ ra hệ thống cần thực hiện điều gì để thỏa mãn các yêu cầu của người dùng hệ thống đó Đi kèm với biểu đồ use case là các kịch bản

 Biểu đồ lớp: chỉ ra các lớp đối tượng trong hệ thống, các thuộc tính và phương thức của từng lớp và các mối quan hệ giữa những lớp đó

 Biểu đồ trạng thái: tương ứng với mỗi lớp sẽ chỉ ra các trạng thái mà đối tượng của lớp đó có thể có và sự chuyển tiếp giữa những trạng thái mà đối tượng của lớp đó có thể có và sự chuyển tiếp giữa những trạng thái đó

 Các biểu đồ tương tác biểu diễn mối liên hệ giữa các đối tượng trong hệ thống và giữa các đối tượng với các tác nhân biên ngoài Có hai loại biểu đồ tương tác: o Biểu đồ tuần tự: Biểu diễn mối quan hệ giưa các đối tượng và giữa các đối tượng và tác nhân theo thứ tự thời gian o Biểu đồ cộng tác: Biểu diễn mối quan hệ giữa các đối tượng và giữa các đối tượng và các tác nhân nhưng nhấn mạnh đến vai trò của các đối tượng trong tương tác.

 Biểu đồ hoạt động: biểu diễn các hoạt động và sự đồng bộ, chuyển tiếp các hoạt động, thường được sử dụng để biểu diễn các phương thức phức tạp của các lớp

 Biểu đồ thành phần: định nghĩa các thành phần của hệ thống và mối liên hệ giữa các thành phần đó

 Biểu đồ triển khai: mô tả hệ thống sẽ được triển khai như thế nào, thành phần nào được cài đặt ở đâu, các liên kết vật lý hoặc giao thức truyền thông nào được sử dụng.

Hệ quản trị cơ sở dữ liệu MySQL/PostgreSQL

- Khái niệm: MySQL chính là hệ quản trị cơ sở dữ liệu mã nguồn mở Relational Database Management System – RDBMS hiện nay được sử dụng phổ biến trên phạm vi toàn cầu Hệ quản trị cơ sở dữ liệu này hoạt động dựa trên mô hình tiêu chuẩn là Client (Máy khách) – Server (Máy chủ).

 Dễ dàng sử dụng: MySQL có thể dễ dàng cài đặt Với các công cụ bên thứ 3 làm cho nó càng dễ đơn giản hơn để có thể sử dụng.

 Giàu tính năng: MySQL hỗ trợ rất nhiều chức năng SQL được mong chờ từ một hệ quản trị cơ sở dữ liệu quan hệ-cả trực tiếp lẫn gián tiếp.

 Bảo mật: Có rất nhiều tính năng bảo mật, một số ở cấp cao đều được xây dựng trong MySQL.

 Khả năng mở rộng và mạnh mẽ: MySQL có thể xử lý rất nhiều dữ liệu và hơn thế NAMa nó có thể được mở rộng nếu cần thiết.

 Nhanh: Việc đưa ra một số tiêu chuẩn cho phép MySQL để làm việc rất hiệu quả và tiết kiệm chi phí, do đó nó làm tăng tốc độ thực thi.

 Giới hạn: Theo thiết kế, MySQL không có ý định làm tất cả và nó đi kèm Đồ án 4: Xây dựng website bán quần áo nam

 Độ tin cậy: Cách các chức năng cụ thể được xử lý với MySQL (ví dụ tài liệu tham khảo, các giao dịch, kiểm toán ) làm cho nó kém tin cậy hơn so với một số hệ quản trị cơ sở dữ liệu quan hệ khác.

 Sự phát triển chậm: Mặc dù MySQL vẫn là một sản phẩm công nghệ mã nguồn mở phổ biến nhưng có những phàn nàn liên quan đến quá trình phát triển kể từ khi nó được mua lại.

- Khi nào nên sử dụng MySQL:

 Các hoạt động phân tán: Khi bạn cần nhiều hơn những gì SQLite có thể cung cấp, bao gồm cả MySQL để ngăn xếp triển khai của bạn, giống như bất kỳ máy chủ cơ sở dữ liệu độc lập nào mà mang lại nhiều tự do hoạt động cùng với một số tính năng tiên tiến.

 Tính bảo mật cao: Tính năng bảo mật của MySQL cung cấp sự bảo vệ đáng tin cậy cho các dữ liệu truy nhập (và sử dụng) theo một cách đơn giản.

 Các ứng dụng web: Phần lớn các websites có thể hoạt động đơn giản trên MySQL Sự linh hoạt và có phần mở rộng của các công cụ là dễ dễ dàng sử dụng dụng và dễ dàng quản lý.

 Các giải pháp tùy chỉnh: Nếu bạn đang làm trên một giải pháp rất cụ thể và có tính tùy chỉnh, thì MySQL có thể thực hiện theo các quy tắc của bạn nhờ vào các thiết lập cấu hình phong phú và các phương thức hoạt động.

- Khi nào không nên sử dụng MySQL:

 Tuân thủ theo SQL: Bởi vì MySQL không thi hành theo đầy đủ chuẩn của SQL nên công cụ này không hoàn toàn tuân thủ theo SQL.

 Sự đồng thời: Mặc dù MySQL và một số công cụ thực hiện tốt việc đọc nhưng đồng thời việc đọc-viết có thể có vấn đề.

 Thiếu tính năng: Một lần NAMa, tùy thuộc vào sự lựa chọn của các cơ sở dữ liệu, MySQL có thể thiếu một số tính năng, chẳng hạn như tìm kiếm văn bản đầy đủ.

Lập trình phía front-end

- Tổng quan về ngôn ngữ thiết kế website HTML, CSS và JavaScript:

 HTML: cung cấp cấu trúc cơ bản của các trang web, được cải tiến và sửa đổi bởi các công nghệ khác như CSS và JavaScript.

 CSS: được sử dụng để kiểm soát trình bày, định dạng và bố cục.

 JavaScript: là ngôn ngữ kịch bản cho phép tạo nội dung cập nhật động, kiểm soát đa phương tiện, hình ảnh động và hầu hết mọi thứ khác.

 AngularJS: là một framework có cấu trúc cho các ứng dụng web động.

Nó cho phép bạn sử dụng HTML cho phép bạn mở rộng cú pháp của HTML để diễn đạt các thành phần ứng dụng của bạn một cách rõ ràng và súc tích Hai tính năng cốt lõi: Data binding và Dependency injection của AngularJS loại bỏ phần lớn code mà bạn thường phải viết.

 Là ngôn ngữ đánh dấu được dùng để tạo ra các trang siêu văn bản được dùng trên mạng Internet

 Html giúp cấu thành các cấu trúc cơ bản trên 1 website (chia khung sườn, bố cục thành phần trang web) và hỗ trợ các tập tin kĩ thuật số như video,hình ảnh Đồ án 4: Xây dựng website bán quần áo nam

 Trang html được quy định bằng thẻ tag, thẻ này được chứa trong dấu ngoặc đơn dạng trừ 1 số thẻ đặc biệt

 Cuối các trang html thường có đuôi html hoặc htm

 Phiên bản mới nhất của html là html 5 với nhiều tính năng tốt và chất lượng hơn so với các phiên bản cũ.

 Có thể tích hợp được với các ngôn ngữ khác như CSS, JavaScript, …

 Ngôn ngữ được sử dụng rộng lớn này có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng cực lớn.

 Sử dụng mượt mà trên hầu hết mọi trình duyệt.

 Có quá trình học đơn giản và trực tiếp.

 Mã nguồn mở và hoàn toàn miễn phí.

 Chuẩn chính của web được vận hành bởi World Wide Web Consortium (W3C).

 Dễ dàng tích hợp với các ngôn ngữ backend như PHP và Node.js.

 Được dùng chủ yếu cho web tĩnh Đối với các tính năng động cần sử dụng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP.

 Một lượng lớn code phải được viết để tạo một trang web đơn giản.

 Một số trình duyệt chậm hỗ trợ tính năng mới.

 Tính năng bảo mật không tốt.

1.1.3 CSS (Cascading Style Sheet language)

- CSS hiểu một cách đơn giản là cách mà ta thêm kiểu hiển thị (font chữ, kích thước…) cho một tài liệu web.

 CSS quy định cách hiển thị của các thẻ html bằng cách quy định các thuộc tính của các thẻ đó

 1 file CSS có thể cho phép quản lí định dạng và layout trên nhiều trang khác nhau.

 Có thể khai báo CSS bằng nhiều cách khác nhau Có thể đặt trong thẻ

hoặc 1 file riêng với phần mở rộng css, hoặc đặt trong từng thẻ html riêng biệt.

- Cú pháp: selector {property: value} Trong đó:

 Selector: phần tử html muốn định dạng

 Property: thuộc tính của thẻ

 Value: là các giá trị được gán cho các property

JavaScript là một trình thông dịch ngôn ngữ lập trình chính thức được nhúng trong trình duyệt web Bạn có thể làm bất cứ điều gì trong JavaScript cho phép Bao gồm:

 Lưu trữ và truy xuất giá trị.

 Xác định và gọi các hàm.

 Tải và sử dụng các mô-đun bên ngoài.

 Viết trình xử lý sự kiện đáp ứng với người dùng và các sự kiện khác.

- Đặc trưng của AngularJS: Đồ án 4: Xây dựng website bán quần áo nam

 Khả năng tương thích cao, tự động xử lý mã javascript để phù hợp vứi mỗi trình duyệt.

 Mã nguồn mở, miễn phí hoàn toàn và được sủ dụng rộng rãi.

 Giải pháp cho các Single Page Aplication dễ dàng.

 Code Front end rất thân thiện nhờ khả năng Binding data lên nền tảng HTML, thao tác rất thích.

 Dễ dàng tái sử dụng component

 Giúp lập trình viên viết code ít hơn với nhiều chức năng hơn.

 Chạy được trên các loại trình duyệt, trên cả PC lẫn mobile.

Lập trình phía back-end

2.6.1 Tổng quan về PHP/Laravel a PHP

- Khái niệm: PHP (Hypertext Preprocessor), thường được viết tắt thành PHP là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. b Laravel

- Khái niệm: Laravel là PHP Web Framework miễn phí, mã nguồn mở, được tạo bởi Taylor Otwell và dành cho việc phát triển các ứng dụng web theo mô hình kiến trúc mô hình MVC và dựa trên Symfony PHP Framework Một số tính năng của Laravel như là sử dụng hệ thống đóng gói module, quản lý package (Composer), hỗ trợ nhiều hệ quản trị CSDL quan hệ (MySQL,

MariaDB, SQLite, PostgreSQL…), các tiện ích hỗ trợ triển khai và bảo trì ứng dụng. Đồ án 4: Xây dựng website bán quần áo nam

PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

Phát biểu bài toán

Xây dựng Website cho phép khách hàng xem và đặt mua quần áo nam online, cho phép quản trị viên có thể quản lý nội dung Website, quản lý đơn hàng… Các yêu cầu của hệ thống được mô tả như sau:

Cửa hàng bán các loại quần áo thuộc các danh mục lớn khác nhau, chẳng hạn như áo, quần, váy, đồ truyền thống… gồm các thông tin (Mã danh mục, Tên danh mục) Mỗi một danh mục lớn sẽ lại có những danh mục con khác nhau, ví dụ danh mục lớn “áo” sẽ gồm các danh mục như áo sơ mi, áo thun, áo liền thân… gồm có thông tin (Mã danh mục con, Tên danh mục con) Khi cửa hàng có thêm danh mục mới (lớn, nhỏ), người quản trị có nhiệm vụ thêm danh mục (lớn, nhỏ) và hệ thống, nếu thông tin có sai sót, người quản trị có thể thực hiện sửa, xóa thông tin về danh mục khi có nhu cầu.

Mỗi danh mục con sẽ có nhiều sản phẩm khác nhau Mỗi sản phẩm sẽ gồm có các thông tin (Mã sản phẩm, Tên sản phẩm, Giảm giá (%), Mô tả, Mã danh mục con).

Mỗi sản phẩm sẽ có nhiều màu sắc khác nhau, thông tin bao gồm (Mã màu sản phẩm, Tên màu sản phẩm, Giá, ảnh sản phẩm có màu tương ứng, Mã sản phẩm) Ứng với mỗi màu sắc của sản phẩm sẽ có nhiều kích cỡ khác nhau, mỗi kích cỡ sẽ có số lượng sản phẩm đang tồn kho và có giá khác nhau tùy theo thị trường, thông tin sẽ bao gồm (Mã kích cỡ, Tên kích cỡ, Số lượng tồn kho, Mã màu sản phẩm).

Người quản trị có nhiệm vụ thêm sản phẩm và thêm các thông tin chi tiết của Đồ án 4: Xây dựng website bán quần áo nam

Người quản trị có thể quản lý đơn hàng, xem trạng thái đơn hàng, cập nhập trạng thái đơn hàng, thống kê doanh thu… Để thực hiện các nhiệm vụ quản lý người quản trị cần đăng nhập trước, thông tin người quản trị gồm (Mã người quản trị, Tên đăng nhập, Mật khẩu, Tên admin, Vai trò, Trạng thái).

Khi khách hàng có nhu cầu mua sản phẩm, khách hàng truy cập vào website xem thông tin của các sản phẩm (các sản phẩm có thể được hiển thị theo nhóm sản phẩm mới, sản phẩm ưu đãi, sản phẩm bán chạy, theo danh mục, tìm kiếm… tùy vào khách hàng chọn lựa) Khi khách hàng quan tâm đến sản phẩm nào khách hàng có thể xem thông tin chi tiết về sản phẩm đó Trong quá trình xem thông tin sản phẩm trên website, nếu khách hàng mua sản phẩm nào sẽ chọn sản phẩm đó đưa vào giỏ hàng.

Sau khi chọn mua các sản phẩm trong giỏ hàng, khách hàng có thể xem thông tin các sản phẩm trong giỏ hàng, sửa số lượng sản phẩm mua hoặc xóa sản phẩm chọn mua trong giỏ hàng Khi khách hàng muốn đặt mua, khách hàng sẽ thực hiện đặt hàng, thông tin đơn đặt hàng được lưu vào hệ thống Thông tin của đơn hàng gồm các thông tin (Mã đơn hàng, Ngày đặt hàng, Thành tiền, Địa chỉ giao hàng, Số điện thoại, Ghi chú, Tên khách hàng, Mã khách hàng), thông tin chi tiết đơn hàng gồm các thông tin (Mã chi tiết đơn hàng, Mã kích cỡ, Giảm giá (%), Số lượng, Mã đơn hàng) và trạng thái đơn hàng (Mã trạng thái, Tên trạng thái (Đơn hàng đã đặt; Đã xác nhận thông tin thanh toán; Đã giao cho ĐVVC; Đơn hàng đã nhận; Đơn hàng đã giao; Đơn hàng đổi/trả), Thời gian, Mã đơn hàng).

Khi có một khách hàng mới đặt hàng lần đầu trong hệ thống, khách hàng bắt buộc phải đăng nhập trước khi thanh toán, nếu chưa có tài khoản khách hàng phải đăng ký Thông tin của khác hàng sẽ được lưu lại sau khi đăng ký Khi thanh toán lần đầu, thông tin của khách hàng sẽ được xác minh thông qua cuộc gọi điện thoại do nhân viên thực hiện Thông tin của khách hàng gồm (Mã khách hàng, Tên đăng nhập, Mật khẩu, Tên khách hàng, Số điện thoại, Email, Địa chỉ) Khách hàng có thể xem lại thông tin khách hàng, nếu có sai sót khách hàng có thể thực hiện sửa thông tin.

Khách hàng có thể xem lại danh sách các đơn đặt hàng đã đặt và thông tin chi tiết từng đơn hàng đã đặt sau khi đăng nhập.

Đặc tả yêu cầu phần mềm

3.2.1 Các yêu cầu chức năng a Chức năng của phân hệ quản trị nội dung (nếu có)

Bảng 2: Chức năng của phân hệ quản trị nội dung

STT Chức năng Mô tả

1 Thêm danh mục lớn Cho phép thêm danh mục lớn và hệ thống

2 Sửa thông tin danh mục lớn Cho phép cập nhập danh mục lớn và hệ thống

3 Xóa danh mục lớn Cho phép xóa danh mục lớn trong hệ thống

4 Thêm danh mục con Cho phép thêm danh mục con và hệ thống

5 Sửa thông tin danh mục con Cho phép cập nhập danh mục con và hệ thống

6 Xóa danh mục con Cho phép xóa danh mục con trong hệ thống

II Quản lý sản phẩm

1 Thêm sản phẩm Cho phép thêm sản phẩm vào hệ thống

2 Sửa thông tin sản phẩm Cho phép sửa thông tin sản phẩm vào hệ thống

3 Xóa sản phẩm Cho phép xóa sản phẩm trong hệ thống

4 Tìm kiếm sản phẩm Cho phép tìm kiếm sản phẩm trong hệ thống

III Quản lý đơn hàng

1 Tìm kiếm đơn hàng (theo tên Cho phép tìm kiếm đơn hàng trong hệ Đồ án 4: Xây dựng website bán quần áo nam

2 Cập nhập trạng thái đơn hàng Cho phép cập nhập trạng thái trong hệ thống (Đang xác nhận, Đã xác nhận, Đã đóng gói…)

3 Xem đơn hàng theo ngày Cho phép xem đơn hàng theo ngày

1 Doanh thu Cho phép xem thống kê doanh thu

V Đăng nhập Cho phép người quản trị đăng nhập vào hệ thống

Hình 1: Use-case tổng quát Trang quản trị

Hình 2: Use-case Quản lý danh mục

Hình 3: Use-case Quản lý sản phẩm Đồ án 4: Xây dựng website bán quần áo nam

Bảng 3: Luồng sự kiện Use-case Thêm sản phẩm

1 Người quản trị chọn chức năng THÊM SẢN PHẨM

2 SYSTEM Hệ thống hiển thị hộp giao diện nhập thông tin sản phẩm

3 Người quản trị nhập thông tin sản phẩm, màu sắc, kích cỡ sau đó ấn nút LƯU để chuyển sang bước 4, nếu ấn nút HỦY chuyển sang luồng phụ 3a

4 SYSTEM Hệ thống kiểm tra thông tin người quản trị có nhập hợp lệ chưa, nếu hợp lệ hệ thống thêm thông tin sản phẩm lên giao diện và vào cở sở dữ liệu Nếu chưa hợp lệ chuyển sang luồng 4a

3.a Nếu người quản trị ấn nút HỦY

1 SYSTEM Hệ thống ẩn hộp nhập thông tin

4.a Nếu thông tin nhập không hợp

1 Hệ thống thông báo thêm thất bại

Bảng 4: Luồng sự kiện Use-case Sửa thông tin sản phẩm

1 Người quản trị chọn chức năng SỬA THÔNG TIN SẢN PHẨM trên mỗi sản phẩm

2 SYSTEM Hệ thống hiển thị hộp chứa các thông tin sản phẩm để SỬA

3 Người quản trị nhập các thông tin cần sửa của sản phẩm, nếu người quản trị ấn nút LƯU chuyển sang bước 4, nếu ấn nút HỦY chuyển sang luồng phụ 3a

4 SYSTEM Hệ thống kiểm tra thông tin nhập có hợp lệ, nếu hợp lệ hệ thống sửa thông tin sản phẩm trên giao diện và trong cở sở dữ liệu, nếu không hợp lệ chuyển sang luồng phụ 4a

3.a Nếu người quản trị ấn nút HỦY

1 SYSTEM Hệ thống ẩn hộp nhập sửa thông tin sản phẩm

4.a Nếu thông tin nhập không hợp lệ

1 SYSTEM Hệ thống thông báo sửa thông tin thất bại

Bảng 5: Luồng sự kiện Use-case Xóa sản phẩm

1 Người quản trị chọn chức năng XÓA SẢN PHẨM trên mỗi sản phẩm

2 Hệ thống hiển thị hộp xác nhận có chắc chắn muốn xóa

3 if Người quản trị chọn ĐỒNG Ý

3.1 Hệ thống ẩn hộp xác nhận

3.2 Hệ thống xóa sản phẩm trên giao diện và trong cơ sở dữ liệu và thông báo xóa thành công

4.1 Hệ thống ẩn hộp xác nhận

Hình 4: Use-case Quản lý đơn hàng Bảng 6: Luồng sự kiện Use-case Cập nhập trạng thái đơn hàng

1 Người quản trị chọn chức năng CẬP NHẬP TRẠNG THÁI ĐƠN HÀNG trên mỗi đơn hàng

2 SYSTEM Hệ thống hiển thị hộp chọn trạng thái cần cập nhập

3 Người quản trị chọn trạng thái cần cập nhập

4 SYSTEM Hệ thống lưu trạng thái và cơ sở dữ liệu và hiển thị lên giao diện Đồ án 4: Xây dựng website bán quần áo nam

Hình 5: Use-case Thống kê b Chức năng của phân hệ người dùng (nếu có)

Bảng 7: Chức năng của phân hệ người dùng

STT Chức năng Mô tả

1 Xem sản phẩm chung (bán chạy, ưu đãi, mới)

Cho phép xem thông tin sản phẩm (bán chạy, ưu đãi, mới)

2 Xem sản phẩm theo danh mục Cho phép xem thông tin sản phẩm theo danh mục

3 Xem chi tiết sản phẩm Cho phép xem thông tin chi tiết sản phẩm

4 Thêm sản phẩm vào giỏ hàng Cho phép thêm sản phẩm vào giỏ hàng

5 Sắp xếp sản phẩm (liên quan, mới nhất, bán chạy, giá)

Cho phép sắp xếp sản phẩm khi xem (liên quan, mới nhất, bán chạy, giá)

II Quản lý đơn đặt hàng

1 Xem đơn đặt hàng theo trạng thái

Cho phép xem các đơn đặt hàng theo trạng thái (Chờ xác nhận, Đang giao, Đã giao…)

III Quản lý giỏ hàng

1 Sửa số lượng sản phẩm Cho phép chỉnh sửa số lượng các sản phẩm trong giỏ hàng

2 Xóa sản phẩm khỏi giỏ hàng Cho phép xóa sản phẩm khỏi giỏ hàng

3 Đặt hàng Cho phép đặt hàng sản phẩm

4 Thanh toán Cho phép thanh toán sản phẩm

VI Quản lý hồ sơ cá nhân

1 Cập nhập thông tin cá nhân Cho phép cập nhập thông tin cá nhân

VII Tìm kiếm sản phẩm theo tên Cho phép tìm kiếm sản phẩm theo tên

VIII Đăng nhập Cho phép người dùng đăng nhập vào hệ thống

Hình 6: Use-case tổng quát Trang khách hàng Đồ án 4: Xây dựng website bán quần áo nam

Hình 7: Use-case Xem sản phẩm Bảng 8: Luồng sự kiện Use-case Xem sản phẩm

1 Khách hàng truy cập vào Website

2 Khách hàng chọn xem Trang chủ hoặc theo Danh mục, có thế sắp xếp sản phẩm (nếu có)

3 SYSTEM Hệ thống hiển thị sản phẩm theo yêu cầu khách hàng

Hình 8: Use-case Quản lý giỏ hàng Bảng 9: Luồng sự kiện Use-case Đặt hàng

1 Khách hàng chọn vào Xem giỏ hàng

2 Khi có sản phẩm trong giỏ hàng và khách hàng muốn mua, khách hàng nhập thông tin cá nhân và chọn hình thức thanh toán

3 Sau đó ấn nút THANH TOÁN để hoàn tất việc mua sản phẩm

1 SYSTEM Hệ thống lưu đơn hàng vào cơ sở dữ liệu Đồ án 4: Xây dựng website bán quần áo nam

Hình 9: Use-case Quản lý đơn đặt hàng

Hình 10: Use-case Quản lý hồ sơ cá nhân

3.2.2 Biểu đồ lớp thực thể

Hình 11: Biểu đồ lớp thực thể a Category (Danh mục)

Bảng 10: Mô tả lớp Category (Danh mục)

STT Tên thuộc tính Kiểu dữ liệu Mô tả

1 category_id Int Mã danh mục

2 category_name String Tên danh mục b SubCategory (Danh mục con) Đồ án 4: Xây dựng website bán quần áo nam

1 subcategory_id Int Mã danh mục con

2 subcategory_name String Tên danh mục con c Product (Sản phẩm)

Bảng 12: Mô tả lớp Product (Sản phẩm)

1 product_id Int Mã sản phẩm

2 product_name String Tên sản phẩm

3 product_description String Mô tả sản phẩm

4 product_discount Int Giảm giá (%)

5 release_date DateTime Ngày phát hành d Color (Màu sắc sản phẩm)

Bảng 13: Mô tả lớp Color (Màu sắc sản phẩm)

1 color_id Int Mã màu sản phẩm

2 color_name String Tên màu sản phẩm

3 product_price Double Giá sản phẩm

5 product_image1 String Ảnh sản phẩm có màu tương ứng

9 product_image5 String Ảnh sản phẩm có màu tương ứng e Size (Kích cỡ sản phẩm)

Bảng 14: Mô tả lớp Size (Kích cỡ sản phẩm)

1 size_id Int Mã kích cỡ sản phẩm

2 size_name String Tên kích cỡ sản phẩm

3 quantity Int Số lượng tồn kho sản phẩm f Orders (Đơn đặt hàng)

Bảng 15: Mô tả lớp Orders (Đơn đặt hàng)

1 order_id Int Mã đơn đặt hàng

2 order_date DateTime Ngày đặt hàng

3 customer_name String Tên khách hàng

4 customer_address String Địa chỉ

5 customer_phone String Số điện thoại

6 note String Ghi chú Đồ án 4: Xây dựng website bán quần áo nam

8 delivery_cost Double Phí vận chuyển g Orderstate (Trạng thái đơn đặt hàng)

Bảng 16: Mô tả lớp Orderstate (Trạng thái đơn hàng)

1 orderstate_id Int Mã trạng thái đơn đặt hàng

2 orderstate_name Int Tên trạng thái đơn hàng (0: Đơn hàng đã đặt; 1: Đã xác nhận thông tin thanh toán; 2: Đã giao cho ĐVVC; 3: Đơn hàng đã nhận; 4: Đơn hàng đã giao; 5: Đơn hàng đổi/ trả)

3 orderstate_date DateTime Thời gian trạng thái h Orderdetails (Chi tiết đơn đặt hàng)

Bảng 17: Mô tả lớp Orderdetails (Chi tiết đơn hàng)

1 orderdetails_id Int Mã chi tiết đơn đặt hàng

3 product_quantity Int Số lượng i Admin (Người quản trị)

Bảng 18: Mô tả lớp Admin (Người quản trị)

1 admin_id Int Mã admin

2 admin_username Int Tên đăng nhập

3 admin_password DateTime Mật khẩu

4 admin_name String Tên admin

5 admin_role String Vai trò

6 admin_state String Trạng thái j Customer (Khách hàng)

Bảng 19: Mô tả lớp Customer (Khách hàng)

1 customer_id Int Mã khách hàng

2 custome _username Int Tên khách hàng

3 customer_password DateTime Mật khẩu

4 customer_name String Tên khách hàng

6 customer_address String Địa chỉ

7 customer_phone String Số điện thoại

9 birthdate DateTime Ngày sinh Đồ án 4: Xây dựng website bán quần áo nam

3.2.3 Các yêu cầu phi chức năng

- Yêu cầu về hiệu quả sử dụng: phần mềm phải được thiết kế tăng hiệu quả làm việc, tiết kiệm thời gian cho các cấp quản lí chuyên môn

- Tính dễ sử dụng: phần mềm phải thân hiện, dễ sử dụng và có đầy đủ tài liệu hướng dẫn, hướng dẫn cài đặt cho người dùng

- Khả năng dễ thay đổi, cải tiến: xây dựng phần mềm có tính mở, dễ dàng cập nhật, bổ sung, cải tiến khi có các yêu cầu phát sinh.

- Yêu cầu về giao diện: giao diện người dùng phải được thiết kế rõ ràng, nhất quán , khoa học, đảm bảo hiệu suất giao tiếp người-máy.

- Tỉnh khả chuyển: hệ thống chạy được trên nhiều môi trường khác nhau.

Thiết kế hệ thống

3.3.1 Thiết kế cơ sở dữ liệu

Hình 12: Mô hình cơ sở dữ liệu quan hệ a Category (Danh mục)

Bảng 20: Mô tả bảng Category (Danh mục)

STT Tên thuộc tính Kiểu dữ liệu Ràng buộc Mô tả

1 category_id Int Primay key,

2 category_name Nvarchar (100) Not null Tên danh mục b SubCategory (Danh mục con)

Bảng 21: Mô tả bảng SubCategory (Danh mục con)

1 subcategory_id Int Primay key,

2 subcategory_name Nvarchar (100) Not null Tên danh mục con

3 category_id Int Not null Mã danh mục c Product (Sản phẩm)

Bảng 22: Mô tả bảng Product (Sản phẩm)

1 product_id String Primay key,

2 product_name Nvarchar (500) Not null Tên sản phẩm Đồ án 4: Xây dựng website bán quần áo nam

5 release_date DateTime Not null Ngày phát hành

6 subcategory_id Int Not null Mã danh mục con

7 created_time DateTime Not null Thời gian tạo

8 updated_time Datetime Thời gian cập nhập

9 admin_updated_id Int Mã người cập nhập

10 admin_created_id Int Not null Mã người tạo d Color (Màu sắc sản phẩm)

Bảng 23: Mô tả bảng Color (Màu sắc sản phẩm)

1 color_id String Primay key,

2 color_name Nvarchar (100) Not null Tên màu sản phẩm

3 product_price Double Not null Giá sản phẩm

4 product_image1 Nvarchar (200) Not null Ảnh sản phẩm có màu tương ứng

5 product_image2 Nvarchar (200) Ảnh sản phẩm có màu tương ứng

9 product_id Int Not null Mã sản phẩm e Size (Kích cỡ sản phẩm)

Bảng 24: Mô tả bảng Size (Kích cỡ sản phẩm)

1 size_id Int Primay key,

Mã kích cỡ sản phẩm

2 size_name Nvarchar (200) Not null Tên kích cỡ sản phẩm

3 quantity Int Not null Số lượng tồn kho sản phẩm

4 color_id Int Not null Mã màu sản phẩm f Orders (Đơn đặt hàng)

Bảng 25: Mô tả bảng Orders (Đơn đặt hàng)

1 order_id Int Primay key,

2 order_date DateTime Not null Ngày đặt hàng

3 customer_name Nvarchar (100) Not null Tên khách hàng

4 customer_address Nvarchar (250) Not null Địa chỉ

5 customer_phone Varchar (15) Not null Số điện thoại

7 total Double Not null Thành tiền

8 delivery_cost Double Not null Phí vận chuyển Đồ án 4: Xây dựng website bán quần áo nam

9 customer_id Int Not null Mã khách hàng g Orderstate (Trạng thái đơn đặt hàng)

Bảng 26: Mô tả bảng Orderstate (Trạng thái đơn hàng)

1 orderstate_id Int Primay key,

Mã trạng thái đơn đặt hàng

2 orderstate_name TinyInt Not null Tên trạng thái đơn hàng (0: Đơn hàng đã đặt; 1: Đã xác nhận thông tin thanh toán; 2: Đã giao cho ĐVVC; 3: Đơn hàng đã nhận; 4: Đơn hàng đã giao; 5: Đơn hàng đổi/trả)

3 orderstate_date DateTime Not null Thời gian trạng thái

4 order_id Int Not null Mã đơn đặt hàng h Orderdetails (Chi tiết đơn đặt hàng)

Bảng 27: Mô tả bảng Orderdetails (Chi tiết đơn hàng)

1 orderdetails_id Int Primay key,

Mã chi tiết đơn đặt hàng

2 product_discount TinyInt Not null Giảm giá (%)

3 product_quantity Int Not null Số lượng

4 size_id Int Not null Mã kích cỡ sản phẩm

5 order_id Int Not null Mã đơn đặt hàng i Admin (Người quản trị)

Bảng 28: Mô tả bảng Admin (Người quản trị)

1 admin_id Int Primay key,

2 admin_username Varchar (100) Not null Tên đăng nhập

3 admin_password Varchar (150) Not null Mật khẩu

4 admin_name Nvarchar (100) Not null Tên admin

5 admin_role TinyInt Not null,

6 admin_state TinyInt Not null,

Trạng thái j Customer (Khách hàng)

Bảng 29: Mô tả bảng Customer (Khách hàng)

1 customer_id Int Primay key,

2 custome _username Varchar (100) Not null Tên khách hàng

3 customer_password Varchar (150) Not null Mật khẩu Đồ án 4: Xây dựng website bán quần áo nam

6 customer_address Nvarchar (250) Địa chỉ

7 customer_phone Varchar (15) Số điện thoại

3.3.2 Thiết kế lớp đối tượng a Biểu đồ lớp VOPC của các ca sử dụng

- Biểu đồ lớp VOPC phân tích của Use-case Quản lý sản phẩm:

Hình 13:Biểu đồ lớp VOPC phân tích của Use-case Quản lý sản phẩm

- Biểu đồ lớp VOPC phân tích của Use-case Thêm sản phẩm:

Hình 14: Biểu đồ lớp VOPC phân tích của Use-case Thêm sản phẩm

- Biểu đồ lớp VOPC phân tích của Use-case Sửa thông tin sản phẩm:

Hình 15: Biểu đồ lớp VOPC phân tích của Use-case Sửa thông tin sản phẩm Đồ án 4: Xây dựng website bán quần áo nam

Hình 16: Biểu đồ lớp VOPC phân tích của Use-case Sửa thông tin sản phẩm

- Biểu đồ lớp VOPC phân tích của Use-case Xem sản phẩm theo danh mục:

Hình 17: Biểu đồ lớp VOPC phân tích của Use-case Xem sản phẩm theo danh mục

- Biểu đồ lớp VOPC phân tích của Use-case Đặt hàng:

Hình 18: Biểu đồ lớp VOPC phân tích của Use-case Đặt hàng a) Biểu đồ tuần tự

- Biểu đồ tuần tự của Use-case Quản lý sản phẩm:

Hình 19: Biểu đồ tuần tự của Use-case Quản lý sản phẩm Đồ án 4: Xây dựng website bán quần áo nam

Hình 20: Biểu đồ tuần tự của Use-case Thêm sản phẩm

- Biểu đồ tuần tự của Use-case Sửa thông tin sản phẩm:

Hình 21: Biểu đồ tuần tự của Use-case Sửa thông sản phẩm

- Biểu đồ tuần tự của Use-case Xóa sản phẩm:

Hình 22: Biểu đồ tuần tự của Use-case Xóa sản phẩm

- Biểu đồ tuần tự của Use-case Xem sản phẩm theo danh mục:

Hình 23: Biểu đồ tuần tự của Use-case Xem sản phẩm theo danh mục

- Biểu đồ tuần tự của Use-case Đặt hàng: Đồ án 4: Xây dựng website bán quần áo nam

Hình 24: Biểu đồ tuần tự của Use-case Đặt hàng b) Biểu đồ lớp chi tiết

- Biểu đồ lớp VOPC chi tiết của Use-case Quản lý sản phẩm:

Hình 25: Biểu đồ lớp VOPC chi tiết của Use-case Quản lý sản phẩm

- Biểu đồ lớp VOPC chi tiết của Use-case Thêm sản phẩm:

Hình 26: Biểu đồ lớp VOPC chi tiết của Use-case Thêm sản phẩm

- Biểu đồ lớp VOPC chi tiết của Use-case Sửa thông tin sản phẩm: Đồ án 4: Xây dựng website bán quần áo nam

Hình 28: Biểu đồ lớp VOPC chi tiết của Use-case Xóa sản phẩm

- Biểu đồ lớp VOPC chi tiết của Use-case Xem sản phẩm theo danh mục:

Hình 29: Biểu đồ lớp VOPC chi tiết của Use-case Xem sản phẩm theo danh mục

- Biểu đồ lớp VOPC chi tiết của Use-case Đặt hàng:

Hình 30: Biểu đồ lớp VOPC chi tiết của Use-case Đặt hàng 3.3.3 Thiết kế giao diện

-giao diện trang chủ: Đồ án 4: Xây dựng website bán quần áo nam

TRIỂN KHAI WEBSITE

Triển khai các chức năng cho phân hệ người dùng

Để xây dựng được các chức năng của trang người dùng theo thiết kế đã được trình bày ở chương 3, đồ án đã sử dụng HTML, CSS, và JavaScript, Jquery,

AngularJS để thiết kế giao diện và thao tác dữ liệu các trang theo yêu cầu Tiếp Đồ án 4: Xây dựng website bán quần áo nam

4.1.1 Trang chủ a) Phía font end

 Xây dựng bố cục trang chủ bằng các thẻ HTML

Dùng template để dựng giao diện chung:

>

Home

Định dạng
Số trang	149
Dung lượng	3,41 MB
File đính kèm	1_ThaiBinhAn_10119464_101191A_BTL.rar (3 MB)