Đồ án môn học lập trình web thiết kế và xây dựng wed thương mại điện tử bán hàng quần áo

Đồ án môn học lập trình web: Thiết kế & xây dựng website thương mại điện tử bán quần áo chuyên nghiệp. Tải ngay tài liệu tham khảo hữu ích!

Chuyên ngành

Công Nghệ Thông Tin

Người đăng

Ẩn danh

Thể loại

Đồ án môn học

2023 - 2024

45
2
0

Phí lưu trữ

30 Point

Tóm tắt

I. Tổng quan đồ án lập trình web bán hàng quần áo cho sinh viên

Đồ án môn học lập trình web là một cột mốc quan trọng trong quá trình học tập của sinh viên ngành Công nghệ thông tin. Đề tài thiết kế và xây dựng web thương mại điện tử bán hàng quần áo không chỉ mang tính ứng dụng cao mà còn phản ánh xu hướng phát triển mạnh mẽ của kinh doanh trực tuyến. Dự án này tập trung vào việc tạo ra một nền tảng bán hàng hoàn chỉnh, từ giao diện người dùng đến hệ thống quản trị, đáp ứng các yêu cầu chức năng và phi chức năng cơ bản của một trang web e-commerce. Mục tiêu cốt lõi là áp dụng kiến thức lý thuyết về ngôn ngữ lập trình C#, nền tảng .NET Frameworkmô hình MVC vào một sản phẩm thực tế. Việc hoàn thành đồ án này giúp sinh viên củng cố kỹ năng lập trình, tư duy logic và hiểu sâu hơn về quy trình phát triển một ứng dụng web từ đầu đến cuối. Sản phẩm cuối cùng là một website bán hàng quần áo có giao diện thân thiện, bố cục rõ ràng, và có khả năng hiển thị tốt trên nhiều trình duyệt, đặt nền móng vững chắc cho các dự án phức tạp hơn trong tương lai.

1.1. Xác định mục tiêu và yêu cầu của website thương mại điện tử

Việc xác định mục tiêu là bước đi đầu tiên và quan trọng nhất. Mục tiêu của đồ án là xây dựng một website thương mại điện tử chuyên kinh doanh mặt hàng quần áo, cung cấp trải nghiệm mua sắm trực tuyến tiện lợi cho người dùng. Để đạt được mục tiêu này, các yêu cầu chức năng và phi chức năng cần được định nghĩa rõ ràng. Về chức năng, hệ thống phải cho phép hiển thị danh sách sản phẩm theo từng loại, cung cấp chức năng quản lý sản phẩm (thêm, sửa, xóa) trong trang quản trị, tối ưu hóa URL và từ khóa chuẩn SEO, và xử lý đơn hàng hiệu quả. Các yêu cầu phi chức năng cũng không kém phần quan trọng, bao gồm: giao diện thân thiện và dễ sử dụng, tốc độ xử lý nhanh và chính xác, bố cục hợp lý để dễ dàng truy xuất thông tin, và đặc biệt là tính bảo mật thông tin khách hàng. Dữ liệu đầu vào bao gồm thông tin khách hàng, sản phẩm, bài viết, và các chính sách vận chuyển, được thu thập từ các nguồn tham khảo như trang Routine.vn, Canifa.com.

1.2. Tầm quan trọng của việc lựa chọn đề tài website bán hàng

Lựa chọn đề tài website bán hàng quần áo cho đồ án môn học mang lại nhiều lợi ích thiết thực. Thứ nhất, đây là một lĩnh vực gần gũi và có nhu cầu thực tế cao, giúp sinh viên dễ dàng hình dung và phân tích các yêu cầu của người dùng cuối. Thứ hai, việc phát triển một trang thương mại điện tử đòi hỏi tích hợp nhiều công nghệ và kỹ thuật khác nhau, từ frontend (HTML, CSS, JavaScript) đến backend (ASP.NET MVC, C#) và quản trị cơ sở dữ liệu (SQL Server). Điều này tạo cơ hội cho sinh viên được thực hành và làm chủ một bộ công cụ phát triển web hoàn chỉnh. Theo báo cáo đồ án, quá trình này giúp “tích lũy kinh nghiệm làm việc với các công nghệ và kỹ thuật lập trình”. Hơn nữa, các thách thức trong việc xây dựng các module như giỏ hàng, thanh toán, quản lý tài khoản... sẽ rèn luyện khả năng giải quyết vấn đề và tư duy logic, những kỹ năng mềm cực kỳ cần thiết cho một lập trình viên chuyên nghiệp trong tương lai.

II. Thách thức thường gặp khi xây dựng web thương mại điện tử

Quá trình thực hiện đồ án môn học lập trình web bán quần áo không tránh khỏi những khó khăn và thách thức. Đây là giai đoạn quan trọng để sinh viên đối mặt và tìm cách vượt qua, từ đó trưởng thành hơn trong chuyên môn. Những thách thức này không chỉ liên quan đến kỹ thuật lập trình mà còn bao gồm cả kỹ năng quản lý dự án và làm việc nhóm. Một trong những rào cản lớn nhất là việc áp dụng lý thuyết vào thực tế, khi các vấn đề phát sinh thường phức tạp hơn nhiều so với các bài tập trên lớp. Hơn nữa, việc xây dựng một trang web thương mại điện tử chất lượng đòi hỏi sự kết hợp hài hòa giữa thiết kế giao diện (UI/UX) và hiệu năng của hệ thống backend. Tài liệu gốc cũng thừa nhận rằng “để tạo ra một website bán hàng online đẹp mắt và chất lượng là một vấn đề không hề dễ”. Việc nhận diện và phân tích kỹ lưỡng các thách thức này sẽ giúp sinh viên có sự chuẩn bị tốt hơn và xây dựng được kế hoạch làm việc hiệu quả.

2.1. Phân tích khó khăn về kiến thức công nghệ và lập trình

Một trong những hạn chế được nêu trong báo cáo là “còn thiếu kiến thức về ASP.NET MVC”. Đây là thách thức chung của nhiều sinh viên khi lần đầu tiếp cận một framework lớn. Mặc dù đã học các ngôn ngữ và công nghệ cơ bản như HTML, CSS, C#, việc kết hợp chúng một cách nhuần nhuyễn trong mô hình MVC để tạo ra một ứng dụng hoàn chỉnh là không đơn giản. Sinh viên phải tự tìm hiểu sâu hơn về luồng xử lý của một request, cách Controller tương tác với Model và truyền dữ liệu đến View, cũng như các kỹ thuật tối ưu hóa truy vấn đến cơ sở dữ liệu. Ngoài ra, việc gỡ lỗi (debug) cũng là một kỹ năng quan trọng. Báo cáo đề cập rằng “các bug xảy ra thường xuyên và mất nhiều thời gian để fix”, điều này cho thấy sự phức tạp trong việc xác định nguyên nhân lỗi trong một hệ thống có nhiều thành phần liên kết với nhau.

2.2. Vấn đề trong việc thiết kế giao diện UI UX thân thiện

Giao diện người dùng (UI) và trải nghiệm người dùng (UX) là yếu tố quyết định sự thành công của một website bán hàng. Thách thức ở đây là làm sao để thiết kế một giao diện vừa đẹp mắt, chuyên nghiệp, vừa dễ dàng thao tác cho mọi đối tượng khách hàng. Điều này đòi hỏi người phát triển không chỉ có kỹ năng về HTML, CSS, và Bootstrap mà còn phải có tư duy thẩm mỹ và sự thấu hiểu tâm lý người dùng. Trong đồ án này, nhóm sinh viên đã tham khảo thiết kế từ trang Candles.vn, một cách tiếp cận thông minh để học hỏi từ các sản phẩm đã thành công. Tuy nhiên, việc sao chép và tùy chỉnh lại giao diện sao cho phù hợp với sản phẩm và thương hiệu của mình, đồng thời đảm bảo tính nhất quán trên toàn bộ trang web (từ trang chủ, trang sản phẩm đến trang thanh toán) vẫn là một công việc đòi hỏi sự tỉ mỉ và đầu tư thời gian đáng kể.

III. Giải pháp công nghệ cho đồ án web bán quần áo ASP

Việc lựa chọn đúng công nghệ là nền tảng quyết định sự thành công của đồ án lập trình web. Đối với đề tài xây dựng web thương mại điện tử bán hàng quần áo, nhóm thực hiện đã quyết định sử dụng bộ công nghệ của Microsoft, bao gồm C#, .NET Framework, ASP.NET MVCSQL Server. Sự lựa chọn này được đánh giá là hợp lý và mang lại nhiều lợi thế. ASP.NET MVC là một framework mạnh mẽ, cung cấp cấu trúc rõ ràng thông qua mô hình MVC (Model-View-Controller), giúp tách biệt logic nghiệp vụ, giao diện người dùng và luồng điều khiển. Điều này không chỉ giúp mã nguồn trở nên dễ quản lý, bảo trì và mở rộng mà còn tạo điều kiện thuận lợi cho việc làm việc nhóm, khi mỗi thành viên có thể tập trung vào một thành phần cụ thể. Việc sử dụng SQL Server làm hệ quản trị cơ sở dữ liệu cũng đảm bảo tính ổn định, an toàn và khả năng xử lý lượng dữ liệu lớn, rất phù hợp với các ứng dụng e-commerce.

3.1. Lý do lựa chọn C .NET Framework và SQL Server cho dự án

Ngôn ngữ lập trình C# là một ngôn ngữ hiện đại, hướng đối tượng, được xây dựng trên nền tảng của C++ và Java, mang lại hiệu suất cao và cú pháp rõ ràng. Khi kết hợp với .NET Framework, nó cung cấp một môi trường phát triển toàn diện với thư viện lớp phong phú, giúp đơn giản hóa nhiều tác vụ phức tạp. SQL Server, một hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) của Microsoft, nổi bật với khả năng quản lý dữ liệu hiệu quả, tính bảo mật cao và dễ dàng tích hợp với các ứng dụng .NET. Sự kết hợp đồng bộ giữa C#, .NET và SQL Server tạo thành một hệ sinh thái công nghệ mạnh mẽ, cho phép xây dựng các ứng dụng web phức tạp như web thương mại điện tử một cách ổn định và có khả năng mở rộng tốt trong tương lai.

3.2. Ưu điểm của mô hình MVC trong phát triển ứng dụng web

Mô hình MVC (Model-View-Controller) là kiến trúc cốt lõi của framework ASP.NET MVC. Việc áp dụng mô hình này mang lại nhiều lợi ích vượt trội. Model đại diện cho dữ liệu và logic nghiệp vụ, tương tác trực tiếp với cơ sở dữ liệu. View chịu trách nhiệm hiển thị dữ liệu cho người dùng và không chứa logic xử lý. Controller đóng vai trò trung tâm, xử lý yêu cầu từ người dùng, tương tác với Model để lấy dữ liệu và chọn View phù hợp để trả về. Sự phân tách rõ ràng này giúp mã nguồn dễ đọc, dễ kiểm thử (test) và dễ bảo trì. Theo tài liệu, Controller “quản lý luồng điều hướng và tương tác với Model để lấy dữ liệu”, trong khi View “đảm nhiệm việc hiển thị dữ liệu”. Cách tổ chức này cho phép các lập trình viên frontend và backend có thể làm việc song song mà không ảnh hưởng nhiều đến nhau, từ đó đẩy nhanh tiến độ phát triển dự án.

IV. Hướng dẫn chi tiết thiết kế và xây dựng web bán quần áo

Quá trình thiết kế và xây dựng web thương mại điện tử bán hàng quần áo được chia thành các giai đoạn rõ ràng, tuân thủ theo quy trình phát triển phần mềm chuẩn. Từ khâu phân tích yêu cầu, thiết kế hệ thống cho đến triển khai và kiểm thử. Giai đoạn phân tích và hoạch định tập trung vào việc xây dựng sơ đồ chức năng, sitemap và lược đồ cơ sở dữ liệu. Giai đoạn triển khai là quá trình hiện thực hóa các thiết kế bằng cách viết mã nguồn cho các thành phần của mô hình MVC. Cụ thể, nhóm phát triển đã xây dựng các Controller để xử lý logic, tạo các Model để ánh xạ với các bảng trong cơ sở dữ liệu và thiết kế các View sử dụng cú pháp Razor để hiển thị giao diện. Các công nghệ phía client như HTML, CSS, JavaScriptBootstrap được sử dụng để tạo ra giao diện người dùng trực quan và đáp ứng (responsive). Quy trình này đảm bảo rằng sản phẩm cuối cùng không chỉ đáp ứng đủ chức năng mà còn có cấu trúc tốt và dễ dàng nâng cấp.

4.1. Quy trình phân tích và thiết kế cơ sở dữ liệu Database

Thiết kế cơ sở dữ liệu là xương sống của mọi ứng dụng web. Trong đồ án này, quá trình thiết kế bắt đầu bằng việc xác định các thực thể chính như TaiKhoan (Tài khoản), HangHoa (Sản phẩm), DonHang (Đơn hàng), KhachHang (Khách hàng), và PhanLoai (Phân loại). Sau đó, các mối quan hệ giữa các bảng được thiết lập để đảm bảo tính toàn vẹn dữ liệu. Ví dụ, một DonHang có thể có nhiều DonHangCT (Chi tiết đơn hàng), và mỗi DonHangCT liên kết với một HangHoa cụ thể. Tài liệu đồ án đã trình bày chi tiết các bảng dữ liệu với các cột, kiểu dữ liệu và khóa chính/khóa ngoại. Việc sử dụng một hệ quản trị cơ sở dữ liệu như SQL Server cho phép dễ dàng tạo và quản lý các bảng này. Một thiết kế database tốt giúp giảm thiểu sự dư thừa dữ liệu và tối ưu hóa tốc độ truy vấn, ảnh hưởng trực tiếp đến hiệu năng của toàn bộ website.

4.2. Triển khai các module chức năng sản phẩm giỏ hàng thanh toán

Các module chức năng là trái tim của trang web thương mại điện tử. Module quản lý sản phẩm cho phép quản trị viên thực hiện các thao tác CRUD (Create, Read, Update, Delete) đối với sản phẩm và danh mục. Module giỏ hàng là một tính năng phức tạp, yêu cầu xử lý logic để thêm, xóa, cập nhật số lượng sản phẩm. Trong đồ án, các phương thức như AddtoCart, UpdateCart, RemoveFromCart được xây dựng trong Controller để quản lý trạng thái giỏ hàng, thường được lưu trữ trong Session. Module thanh toán (Checkout) bao gồm các bước thu thập thông tin khách hàng, chọn phương thức vận chuyển và thanh toán, sau đó lưu thông tin đơn hàng vào cơ sở dữ liệu. Việc triển khai thành công các module này thể hiện khả năng áp dụng kiến thức lập trình C#ASP.NET MVC để giải quyết các bài toán nghiệp vụ thực tế.

4.3. Xây dựng giao diện người dùng Public và trang quản trị Admin

Hệ thống được chia thành hai phần chính: trang Public dành cho người dùng và trang Private (Admin) dành cho quản trị viên. Trang Public, với các giao diện như Trang chủ, Chi tiết sản phẩm, Giỏ hàng, được thiết kế để thu hút khách hàng và tối ưu hóa trải nghiệm mua sắm. Công nghệ Bootstrap được sử dụng để đảm bảo giao diện hiển thị tốt trên cả máy tính và thiết bị di động. Trang Admin, ngược lại, tập trung vào tính năng và hiệu quả, cho phép quản trị viên thực hiện các tác vụ như quản lý sản phẩm, quản lý đơn hàng, và quản lý tài khoản người dùng một cách nhanh chóng. Việc phân tách rõ ràng giữa hai khu vực này không chỉ giúp quản lý mã nguồn dễ dàng hơn mà còn tăng cường bảo mật thông tin hệ thống, ngăn chặn các truy cập trái phép vào chức năng quản trị.

V. Kết quả thực tiễn từ đồ án web thương mại điện tử quần áo

Việc hoàn thành đồ án web thương mại điện tử quần áo đã mang lại những kết quả đáng ghi nhận. Sản phẩm cuối cùng là một ứng dụng web hoạt động, mô phỏng thành công một trang bán hàng trực tuyến với các chức năng thiết yếu. Quan trọng hơn, quá trình thực hiện đồ án đã giúp sinh viên đạt được những mục tiêu học tập quan trọng. Đây không chỉ là việc nộp một bài báo cáo, mà là quá trình tích lũy kiến thức và kinh nghiệm thực tiễn vô giá. Thông qua dự án, sinh viên đã hiểu sâu sắc hơn về kiến trúc ứng dụng web với ASP.NET MVC, cách các thành phần Model, View, Controller phối hợp với nhau, và quy trình triển khai một dự án từ ý tưởng đến sản phẩm. Những kinh nghiệm này, từ việc giải quyết các vấn đề kỹ thuật đến việc quản lý thời gian, là hành trang quý báu cho sự nghiệp phát triển phần mềm sau này. Báo cáo kết luận đã nhấn mạnh việc “hiểu được kiến trúc ứng dụng web ASP.NET MVC” và “tích lũy kinh nghiệm triển khai và vận dụng ứng dụng web” là những kết quả quan trọng nhất.

5.1. Hoàn thiện các chức năng website bán hàng theo yêu cầu

Kết quả đạt được rõ ràng nhất là một website bán hàng hoàn chỉnh với các chức năng đã đề ra. Hệ thống cho phép người dùng xem sản phẩm theo danh mục, tìm kiếm sản phẩm, thêm vào giỏ hàng, và tiến hành thanh toán. Trang quản trị cung cấp đầy đủ công cụ để quản lý sản phẩm, danh mục, đơn hàng và tài khoản. Việc hiện thực hóa thành công các chức năng này chứng tỏ sinh viên đã nắm vững các kỹ thuật lập trình với C#ASP.NET MVC, cũng như khả năng làm việc với cơ sở dữ liệu SQL Server. Sản phẩm không chỉ chạy được mà còn có giao diện thân thiện, tuân thủ các nguyên tắc thiết kế cơ bản, tạo ra một trải nghiệm người dùng tương đối tốt. Đây là minh chứng cho nỗ lực học hỏi và khả năng áp dụng kiến thức lý thuyết vào giải quyết một bài toán thực tế.

5.2. Bài học kinh nghiệm trong quá trình triển khai dự án thực tế

Ngoài sản phẩm phần mềm, những bài học kinh nghiệm rút ra từ quá trình làm đồ án cũng là một kết quả vô giá. Sinh viên đã học được cách “phát triển khả năng giải quyết vấn đề và tư duy logic” khi đối mặt với các lỗi phát sinh. Việc phải tự tìm tòi, nghiên cứu tài liệu và gỡ lỗi đã nâng cao kỹ năng tự học. Đồng thời, quá trình làm việc với một dự án có quy mô vừa phải đã giúp sinh viên làm quen với việc quản lý mã nguồn, phân chia công việc và tuân thủ deadline. Những hạn chế gặp phải như thiếu kiến thức chuyên sâu hay khó khăn trong làm việc nhóm cũng là những bài học quan trọng để cải thiện trong các dự án tương lai. Kinh nghiệm thực tế này giúp thu hẹp khoảng cách giữa môi trường học thuật và yêu cầu của ngành công nghiệp phần mềm.

VI. Đánh giá và hướng phát triển cho đồ án lập trình web tương lai

Mọi dự án công nghệ đều có không gian để cải tiến và phát triển, và đồ án lập trình web này cũng không ngoại lệ. Việc đánh giá khách quan những điểm đã làm được và những hạn chế còn tồn tại là bước quan trọng để định hướng cho các phiên bản nâng cấp trong tương lai. Mặc dù đã hoàn thành các chức năng cơ bản của một trang web thương mại điện tử, sản phẩm vẫn còn một số hạn chế về mặt tính năng nâng cao và tối ưu hóa hiệu năng. Việc xác định các hướng mở rộng không chỉ cho thấy tầm nhìn của người phát triển mà còn mở ra cơ hội để tiếp tục học hỏi và áp dụng các công nghệ mới. Hướng phát triển có thể tập trung vào việc cải thiện trải nghiệm người dùng, tăng cường tính năng cho quản trị viên, hoặc tích hợp các dịch vụ của bên thứ ba để tạo ra một hệ thống hoàn thiện và chuyên nghiệp hơn.

6.1. Nhận diện các hạn chế còn tồn tại trong ứng dụng web

Báo cáo đã thẳng thắn nhìn nhận một số hạn chế của đồ án. Thứ nhất, về mặt công nghệ, kiến thức về ASP.NET MVC của sinh viên vẫn còn ở mức cơ bản, chưa khai thác hết các tính năng nâng cao của framework. Thứ hai, giao diện người dùng mặc dù đã thân thiện nhưng có thể được cải tiến thêm để chuyên nghiệp và hấp dẫn hơn. Thứ ba, các tính năng quan trọng như thanh toán trực tuyến qua cổng thanh toán (VNPAY, Momo) hay quản lý kho hàng chi tiết vẫn chưa được triển khai. Ngoài ra, các vấn đề về tối ưu hóa tốc độ tải trang và bảo mật thông tin ở mức độ cao hơn cũng cần được quan tâm. Nhận diện rõ các điểm yếu này là cơ sở để lập kế hoạch cải tiến sản phẩm một cách hiệu quả.

6.2. Đề xuất các tính năng mở rộng thanh toán online quản lý kho

Dựa trên những hạn chế đã xác định, tài liệu đã đề xuất một số hướng mở rộng khả thi. Hướng phát triển quan trọng nhất là “mở rộng thêm tính năng thanh toán trực tuyến và tính năng quản lý kho hàng”. Việc tích hợp cổng thanh toán sẽ giúp quá trình mua sắm trở nên liền mạch và chuyên nghiệp hơn. Hệ thống quản lý kho sẽ cho phép quản trị viên theo dõi số lượng tồn kho của từng sản phẩm, tự động cập nhật khi có đơn hàng mới, giúp tránh tình trạng bán hàng khi đã hết sản phẩm. Các hướng mở rộng khác có thể bao gồm: xây dựng hệ thống đánh giá, bình luận sản phẩm; tích hợp module marketing qua email; tối ưu hóa SEO nâng cao; hoặc thậm chí áp dụng các mô hình lập trình hướng sự kiện để xử lý tương tác người dùng một cách hiệu quả hơn. Những cải tiến này sẽ nâng tầm đồ án từ một sản phẩm học thuật thành một ứng dụng có giá trị thương mại thực sự.

11/09/2025

Trích đoạn nội dung tài liệu

Chương 1. Mô tả tóm tắt về website - Day la mot website ban va giới thiệu sản phẩm của cửa hàng, Công ty đến người tiêu dùng với giao diện đơn giản, đẹp mắt, thân thiện bố cục website rõ rang va hién thị dé dang trên tất cả các trình duyệt phô biến hiện nay với chỉ tiết mặt hàng, giá cả chính xác, nhanh chóng đáp ứng những nhu cầu của người tiêu dùng - _ Xác định yêu cầu, thu thập thông tin và các đữ liệu liên quan e Yêu cầu chức năng: - _ Hiện thị danh sách các mặt hàng theo từng loại. -_ Thao tác thêm/ sửa/ xóa trên hệ thống quản trị dé dang. - Tuy chinh tir khóa, mô tả, tag, link URL chuẩn SEO.

- Bài viết giới thiệu cần đầy đủ tiêu đề, nội dung. - Hién thi san pham/ dịch vụ theo danh mục cụ thê. - _ Cập nhật thông tin sản phẩm đây đủ, chính xác. - _ Tối ưu thao tác thêm/ xóa/ sửa thông tin sản phẩm.

- _ Xử ly đơn hàng, quan ly đơn đặt hàng. e© Yêu cầu phi chức năng: - _ Giao diện thân hiện, dễ thao tác. - _ Tốc độ xử lý cực nhanh, chính xác. - _ Bố cục hợp lý, đễ truy xuất.

- __ Tính an toản bảo mật thông tin, đữ liệu khách hàng. ° Nguồn thông tin và dữ liệu: - _ Dữ liệu khách hàng - _ Dữ liệu sản phâm, bài viết - _ Dữ liệu vận chuyển - _ Dữ liệu tài khoản - _ Thông tin vẻ thương hiệu và nhà sản phẩm - _ Thông tin về danh mục sản phẩm - _ Thông tin từ bên thứ ba ¢ Trang chu hién thị danh sách sản phâm mới nhất cùng với danh sách best sale. ® _ Trang hiên thị sản phẩm quần áo theo phân loại, kiêu hang. s® lrang hiển thị danh sách túi xách.

¢ Trang hién thị danh sách chính sách của cửa hàng. e Trang đăng nhập, đăng kí. SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB © _ Trang hiên thị thông tin khách hàng đã có tải khoản. s® lrang đổi mật khẩu.

¢ Trang xem lịch sử đơn mua hàng. © _ Trang hiên thị giỏ hàng. ® Trang thanh toán đơn hang. © _ Trang tìm kiếm sản phẩm.

Tham khảo một số trang web như: https://candles.vn/, hffps:/routine.vn/, hftps://canifa,com/ vv. Lây thiết kê từ web https://candles. Cơ sở lý thuyết: Ngôn ngữ HTML Hinh 1.1: HyperText Markup Language HTML có tên đầy đủ là Hypertext Markup Language nghĩa là ngôn ngữ đánh dấu siêu văn bản. HTML thường được sử dụng đề tạo và cầu trúc các phần trong trang web và ứng dụng, phân chia các đoạn van, heading, link, blockquotes,.

HTML không phải là một ngôn ngữ lập trình mà chỉ là một ngôn ngữ đánh dấu.2 Ngôn ngữ định dạng dữ liệu (CSS) Hình 1.2: Casading Style Sheets CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng đề tìm và định dang lai các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML). Bạn có thể hiểu đơn giản rằng, nêu HTML đóng vai trò định dạng các phan tử trên website như việc tao ra các đoạn văn bản, các tiêu đề, bảng.3 Bootstrap Framework SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB AS ee ” 7 on £ e@oee: ee oe oe = ấm £ t 2 9 us ae ar aos ˆ. - ® o> Oo 8 G “8® c tr 0 @G @ 8 @ Baagsnadad » 8 A E G& 86 8 8 poogo beots © inh 1.3: Bootstrap Bootstrap 14 1 framework HTML, CSS, va JavaScript cho phép nguwoi ding dé dang thiết kế website theo 1 chuan nhất định, tạo các website thân thiện với các thiết bị cầm tay như mobile, ipad, tablet,. Mặc dù vậy, vẫn thiếu sự thống nhất do việc các thư viện được sử dụng quá nhiều, cần phải thay đổi liên tục.

Bootstrap là câu trả lời cho van dé nay.4 JavaScript # JavaScript Hình 1.4: JavaScript JavaScript là ngôn ngữ lập trình phô biến nhất trên thé giới trong suốt 20 năm qua. Nó cũng là một trong số 3 ngôn ngữ chính của lập trình web: 1. HTML: Giúp bạn thêm nội dung cho trang web. CSS: Dinh dang thiét ké, bé cuc, phong cach, canh lề của trang web.

JavaScript: Cải thiện cách hoạt động của trang web.5 C# SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Hinh 1.5: C# C# (hay C sharp) là một ngôn ngữ lập trình đơn giản, được phát triển bởi đội ngũ kỹ sư của Microsoft vào năm 2000. C# là ngôn ngữ lập trình hiện đại, hướng đối tượng và được xây dựng trên nền tảng của hai ngôn ngữ mạnh nhất la C++ va Java.6 NET FRAMEWORK NET Framework la mét nén tang phat trién img dung phan mềm mạnh mẽ của Microsoft. Nó cung cấp một môi trường chạy ứng dụng cho việc phát triển và thực thi các ứng dụng trên nền tảng Windows. Tuy nhiên, từ .NET 5 trở di, Microsoft đã hợp nhất .7 SQL SERVER NET Framework Hinh 1.6: Net Framework SQL Server la mot hé quan tri co sé dir liéu quan hé (Relational Database Management System (RDBMS) ) sir dung cau lénh SQL (Transact-SQL) dé trao đổi dữ liệu giữa máy Client và máy cài SQL Server.

Mét RDBMS bao gồm databases, database engine và các ứng dụng dùng đề quản lý dữ liệu và các bộ phận khac nhau trong RDBMS. a SOL Server SV thuc hiện: SVI— SV2 DO AN MON HOC LAP TRINH WEB Hinh 1.NET MVC ASP.NET MVC (Model-View-Controller) la mét mé hinh phat triển ứng dụng web được phát triển bởi Mierosof. Nó cung cấp một cách cầu trúc và quản lý ứng dụng web hiệu quả bằng cách tách biệt các phần chính của ứng dụng thành ba phần riêng biệt: Model, View, và Controller. Dưới đây là một cơ sở lý thuyết về ASP.NET MVC: © Model: Model đại diện cho đữ liệu và logic của ứng dụng.

Nó chứa thông tin về dữ liệu cần được hiển thị hoặc xử lý, và logic đề thao tác với dữ liệu. Model thường tương tác với cơ sở đữ liệu và cung cấp đữ liệu cho view. ®© View: View là phân giao diện người dùng của ứng dụng. Nó dam nhiệm việc hiên thị dữ liệu cho người dùng và thường không chứa nhiều về logic.

Nó thường được sử dụng cú pháp Razor dé thé hién dữ liệu. ¢ Controller: controller là trung tâm của mô hình MVC. Nó xử lý yếu cầu từ người dùng, quản lý luỗng điều hướng và tương tác với Model để lấy đữ liệu và cung cấp nó cho View Controller thực hiện logic điều khiên của ứng dụng. Model « _ ejyeq Hinh 1.NET MVC SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Phan tich va hoach dinh 2.

Các module chức năng: Trình bảy sơ đồ chức năng Properties Properbes địa # TentieuHang Navigation Proj ngs = Navigation Properties Properties SD Taikhoon địa # UserName Navigation Properties ý) HangHoas # H#hThucTT # TinhTrang # Tongtien a a = Navigation Properties OMT $5) DenitengcTs Navigation Propertes Teiknoan 2. Site map: Trinh bay so dé lién két _e~ TrangHOME ~~ o* = os ~= -“ I — ˆ“ ¥ ~~~ Trang chi tiét san +3 La na Trang giỏ hàng Trang tài khoản của tôi I 4) i --" \ I eo" \ V--- q X La. Trang thông báo đặt hàng Trang đặt hàn mm Trang thanh toán ° oa a > : thành công 2. Database diagram: Mô tả lược đồ quan hệ + taiKhoanQT (maTK, tenDangNhap, matKhau, ho Ten, trang Tha1).

SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB + bai Viet(maBV, tenBV, hinhAnh, ndTomTat,ngayDang, taikhoan, daDuyet, maLoai). GUI: Mô tả giao diện các các nhóm trang web của website Hang hoa Home Index, ChiTietSP, LoaiHang, GioHang, CheckOut, TaiKhoan Toi ChinhSach 1 ChiTietCS SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trién khai ung dung web 3. Thiết kế giao diện: Trình bày các bước thiết kế, công cụ sử dụng và kết quả Trang HOME SÀN PHẨM MỚI NHẤT ~ 8 xa 1 Striped CollarP Candles Roulette Short Candles Motor Tshirt Candles TNE Cargo S 410. BEST SELLER CANDLES SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trang CHI TIET SAN PHAM 8B Candles Motor Tshirt 328.000 VND +»9060we > » Théng tin chi tiet t CANDLES MOTO T-SHIRT .ừ_ SIZE CHART San pham tuong tu 328.00) ie SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trang giỏ hang Giỏ Hàng của bạn Tên sản phẩm Ảnh Size Giá Số lượng Thành tiền Tổngtiền: 324000đ TIẾP TỤC MUA SAM THANH TOÁN NGAY.

CE Cal US hon ĐÃ THŨNG BÁO © ALL RIGHTS RESERVED SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trang thanh toán Thông tin thanh toán A Sử dụng 9 cộng 325.000đ Phương thức thanh toán * «Gi Hoàn tắt thanh toán TES : CO CN KG .ố ra] YR aL Ce ty SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trang tim kiém Két qua tim kiém 20% Candles Lifetime Sweater 525.009đ corte Ey CHÍNH SÁCH. 'GỬI EMAIIL KT 1A. fao © ALL RIGMTS RESERVED SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trang dang ki, dang nhap Đăng nhập Đăng ký HỖ TRỢ CHÍNH SÁCH. Cà Oo ao nai ©ALL R!GHTS RESERVED SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trang thông tin cá nhân quỳnh Thông tin tài khoản Q Ho so cia toi quỳnh a Đối mật khẩu hihi@gn 4 Ding xudt Hưng Yên CHÍNH SÁCH Co Gửi email nhận khuyến mãi TU] POG TẾ cu) 22 oi Trang đổi mật khâu quỳnh Đổi mật khẩu A Ho waiatoi B di mat knau B) won hang ate v0 4.

Dang xust ere Cal Us i To OG ĐÃ THÔN BÁ0. © ALL RIGHTS RESERVED SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trang danh sach don hang quynh Danh sách đơn hàng của tôi Tên sản ph hân i Thành tiền A Ho so cia toi ua Osi mst ens = 5 n hàng của té t ND OE Ca ns Dean `. fae CEE Cr) SV thực hiện: SV1I — SV2 DO AN MON HOC LAP TRINH WEB Trang chính sách CHÍNH SÁCH MUA HÀNG fỚC ĐẶT HÀNG ONLINE Bước 1: Chọn mặthàng Quý khách quan tâm để xem các thông tin của sản phẩm, giá cả, mẫu mã, quy trình s bảo hành. Bước2: Khi muốn mu 2 nút "Đặt hàng”, hệ hách có thể chọn hàng" để quay lại trang đa hoặc điều chỉnh số lượng che Khi đã chọn đủ thiết của Quý khác húng tô dã Bước 4: Bấm nút “Tiến hành th nhân đơn đặt hàng MUA HÀNG TẠI CỬA HÀNG: Đổi w h mua sắm tại cửa hàng, quỷ khách có án và giao hàng theo từng nhu cầu của quý CCl CUS Gửi email nhân khuyến mái ĐÃ THÔNG BÁO DI T1 1-2 3.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ