(Tiểu luận) báo cáo đồ án lập trình web website thời trang

0 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CƠNG NGHỆ TP HỒ CHÍ MINH BÁO CÁO ĐỒ ÁN LẬP TRÌNH WEB Website Thời Trang Ngành: CƠNG NGHỆ THƠNG TIN Lớp: 20DTHJB1 GVHD: ThS.Bùi Mạnh Toàn SVTH: Phạm Trung Hiếu MSSV: 2011063642 Nguyễn Thanh Hiếu MSSV: 2011068830 Lê Minh Hồng MSSV: 2011240974 TP.Hồ Chí Minh, 2023 MỤC LỤC LỜI MỞ ĐẦU Chương 1: TỔNG QUAN 1.1 Tổng quan đồ án 1.2 Nhiệm vụ đồ án  Đối với chủ Website :  Đối với khách hàng : Chương 2: CƠ SỞ LÝ THUYẾT 10 2.1 SQL Server 10 2.2 Các bảng liệu 10 2.3 Lượt đồ CSDL 13 2.4 Tổng quan ASP.NET: 13 2.4.1 Giới thiệu ASP.NET: 13 2.4.2 Tìm hiểu mơ hình lập trình web MVC ASP.NET: 14 2.5 Giới thiệu mơ hình lập trình Web ASP.NET MVC5 15 2.6 HTML: 17 2.7 CSS: 18 2.8 Bootstrap: 18 2.9 Jquery: 18 Chương 3: GIAO DIỆN WEBSITE BÁN QUẦN ÁO 3.1 19 Đăng ký, đăng nhập: 19 Giao diện view đăng ký 19 3.1.2 Trang đăng nhập: 20 20 Giao diện đăng nhập cho admin 20 Giao diện đăng nhập khách hàng 21 3.2 Trang chủ 21 3.3 Giới thiệu chức dành cho khách hàng 24 3.3.1 Sản phẩm 24 3.3.2 Lịch sử mua hàng 24 3.3.3 Chi tiết sản phẩm 25 3.3.4 25 Giỏ hàng 3.4 Chức Admin 26 3.4.1 Thêm sản phẩm 26 3.4.2 Quản lý đơn hàng 27 3.4.3 Quản lý khách hàng 27 3.4.4 Danh mục sản phẩm 28 CHƯƠNG IV: NHẬN XÉT VÀ ĐÁNH GIÁ 29 4.1 Kết luận: 29 4.1.1 Kết đạt được: 29 4.1.2 Hạn chế đề tài: 29 4.1.3 Hướng phát triển đề tài: 29 4.2 Kết luận: 30 LỜI MỞ ĐẦU Thị trường thời trang Việt Nam chịu nhiều ảnh hưởng thương hiệu thời trang nước Zara, Mango, H&M, Thời trang Việt Nam phải xoay xở để cạnh tranh với thương hiệu ngoại nhập Nhu cầu mua sắm người tiêu dùng tăng, giai đoạn bùng nổ công nghệ nên việc kinh doanh Online mặt hàng thời trang vô phát triển Các shop bán sỉ lẻ thời trang trực tuyến cải thiện nhận thức người tiêu dùng, họ sẵn sàng chi tiền cho trang phục mà họ thích Để tiếp cận nhiều khách hàng nhiều chủ shop quần áo đẩy mạnh hình thức kinh doanh online, khách hàng tìm kiếm đặt hàng trực tiếp tảng xa hội, website hay trang thương mại điện tử Chỉ cần điện thoại thông minh hay laptop, máy tính kết nối internet bạn xem đầy đủ thông tin sản phẩm mà bạn muốn mua, khơng cần phải tốn tiền trước khách hàng chọn hình thức ship COD tốn nhận hàng Qua thời gian học tập kiến thức học từ mơn mơn Lập trình Web, chúng em thấy việc tạo trang bán quần áo giúp người dùng dễ tiếp cận sản phẩm Chính nhóm chúng em học tập tìm hiểu cách làm trang web bán hàng Sau báo cáo sơ lược quy trình làm việc nhóm đúc kết kinh nghiệm thơng tin từ việc tìm hiểu lập trình web Nếu chúng em có khuyết điểm, mong thầy đánh giá nhận xét nhóm em để chúng em nhận thiết sót báo cáo lần Nhóm em xin chân thành cảm ơn! Chương 1: TỔNG QUAN 1.1 Tổng quan đồ án Đồ án giới thiệu cho biết trang web bán đồ thời trang, cách sử dụng web tìm hiểu cách tạo trang web 1.2 Nhiệm vụ đồ án Đối với chủ Website : Cập nhật thông tin sản phẩm nhập hàng về: tên sản phẩm, số lượng, nhà cung cấp, đơn giá bán Cập nhật số lượng thay đổi thông tin sản phẩm sau ngày bán hàng: số lượng lại, nhà cung cấp, giá bán Cập nhật thông tin sản phẩm bày web: tên sản phẩm, số lượng sản phẩm bán, phân loại sản phẩm, nhà cung cấp, đơn giá bán Lập hóa đơn bán hàng: tên sản phẩm, số lượng, đơn giá Đối với khách hàng : Có thể tìm kiếm thơng tin sản phẩm: tên sản phẩm, nhà cung cấp, số lượng bày bán, loại sản phẩm, đơn giá theo loại Có thể đăng ký tạo tài khoản đăng nhập làm thành viên shop Có thể thao tác với giỏ hàng có tài khoản đăng nhập: thêm xóa sản phẩm, tốn Chương 2: CƠ SỞ LÝ THUYẾT 2.1 SQL Server SQL server hay gọi Microsoft SQL Server, từ viết tắt MS SQL Server Đây loại phần mềm phát triển Microsoft sử dụng để dễ dàng lưu trữ cho liệu dựa theo tiêu chuẩn RDBMS SQL Server có khả cung cấp đầy đủ cơng cụ cho việc quản lý từ giao diện GUI đến sử dụng ngôn ngữ cho việc truy vấn SQL Điểm mạnh SQL điểm mạnh có nhiều tảng kết hợp như: ASP.NET, C# để xây dựng Winform có khả hoạt động độc lập Tuy nhiên, SQL Server thường kèm với việc thực riêng ngôn ngữ SQL, T-SQL,… 2.2 Các bảng liệu Hình 1: Hóa đơn Hình 2: Chi tiết hóa đơn Hình 3: Khách hàng Hình 4: Các loại sản phẩm Hình 5: Sản phẩm Hình 6: Nhà cung cấp 2.3 Lượt đồ CSDL Hình 6: Lược đồ CSDL 2.4 Tổng quan ASP.NET: 2.4.1 Giới thiệu ASP.NET: Đầu năm 2002, Microsoft giới thiệu kỹ thuật lập trình Web mẻ với tên gọi ban đầu ASP+, tên thức sau ASP.Net Với ASP.Net, không cần đòi hỏi bạn phải biết tag HTML, thiết kế web, mà cịn hỗ trợ mạnh lập trình hướng đối tượng trình xây dựng phát triển ứng dụng Web ASP.Net kỹ thuật lập trình phát triển ứng dụng web phía Server (Server-side) dựa tảng Microsoft Net Framework Hầu hết, người đến với lập trình web bắt đầu tìm hiểu kỹ thuật phía Client (Client-side) như: HTML, Java Script, CSS (Cascading Style Sheets) Khi Web browser yêu cầu trang web (trang web sử dụng kỹ thuật client-side), Web server tìm trang web mà Client yêu cầu, sau gởi cho Client Client nhận kết trả từ Server hiển thị lên hình ASP.Net sử dụng kỹ thuật lập trình phía server hồn tồn khác, mã lệnh phía server (ví dụ: mã lệnh trang ASP) biên dịch thi hành Web Server Sau Server đọc, biên dịch thi hành, kết tự động chuyển sang HTML/JavaScript/CSS trả Client Tất xử lý lệnh ASP.Net thực Server đó, gọi kỹ thuật lập trình phía server ASP.NET Microsoft phát triển qua nhiều phiên từ ASP.NET 1.0, 1.1, 2.0 gần ASP.NET 2.4.2 Tìm hiểu mơ hình lập trình web MVC ASP.NET: Mơ hình MVC (viết tắt chữ đầu từ Model - View - Controller) kiến trúc phần mềm hay mơ hình thiết kế sử dụng kỹ thuật phần mềm (đặc biệt phát triển ứng dụng web) Nó giúp cho tổ chức ứng dụng (phân bố source code ứng dụng) thành phần khác Model, View Controller Mỗi thành phần có nhiệm vụ riêng biệt độc lập với thành phần khác Model: thành phần chứa tất nghiệp vụ logic, phương thức xử lý, truy xuất CSDL, đối tượng mô tả liệu Class, hàm xử lý Model giao nhiệm vụ cung cấp liệu cho CSDL lưu liệu vào kho chứa liệu Tất nghiệp vụ logic thực thi Model Dữ liệu vào từ người dùng thông qua View để kiểm tra Model trước lưu vào sở liệu Việc truy xuất, xác nhận lưu liệu phần Model View: View hiển thị thông tin cho người dùng ứng dụng giao nhiệm vụ cho việc nhận liệu vào từ người dùng, gởi yêu cầu người dùng đến điều khiển (Controller), sau nhận lại phản hồi từ điều khiển hiển thị kết cho người dùng Các trang HTML, JSP, thư viện thể file nguồn phần View Controller: Controller tầng trung gian Model View Controller giao nhiệm vụ nhận yêu cầu từ người dùng (phía máy khách) Một IoC quy định rằng, đối tượng yêu cầu đối tượng khác, đối tượng đầu lấy đối tượng thứ hai từ nguồn bên ngồi, ví dụ từ tập tin cấu hình Và nhờ vậy, việc sử dụng DI IoC giúp kiểm thử dễ dàng • ASP.NET MVC có thành phần ánh xạ URL mạnh mẽ cho phép bạn xây dựng ứng dụng có địa URL xúc tích dễ tìm kiếm Các địa URL khơng cần phải có phần mở rộng tên tập tin thiết kế để hỗ trợ mẫu định dạng tên phù hợp với việc tối ưu hóa tìm kiếm (URL) phù hợp với lập địa theo kiểu REST • Hỗ trợ sử dụng đặc tả (các thẻ) trang ASP.NET (.aspx), điều khiển người dùng (.ascx) trang master page Bạn sử dụng tính có sẵn ASP.NET sử dụng lồng trang master page, sử dụng in-line expression (), sử dụng server controls, mẫu, data-binding, địa phương hóa (localization) • Hỗ trợ tính có sẵn ASP.NET chế xác thực người dùng, quản lý thành viên, quyền, output caching data caching, session profile, quản lý tình trạng ứng dụng, hệ thống cấu hình… • ASP.NET MVC bổ sung view engine Razor View Engine cho phép thiết lập view nhanh chóng, dễ dàng tốn cơng sức so với việc sử dụng Web Forms view engine 2.6 HTML: HTML chữ viết tắt cụm từ HyperText Markup Language ( dịch Ngôn ngữ đánh dấu siêu văn ), sử dụng để tạo trang web, website chứa nhiều trang trang quy tài liệu, tập tin HTML 12 Cha đẻ HTML Tim Berners-Lee, người khai sinh World Wide Web chủ tịch World Wide Web Consortium (W3C – tổ chức thiết lập chuẩn môi trường Internet) Một tài liệu HTML hình thành phần tử HTML (HTML Elements) quy định cặp thẻ (tag), cặp thẻ bao bọc dấu ngoặc (ví dụ ) thường khai báo thành cặp, bao gồm thẻ mở thẻ đóng (ví dụ ) Các văn muốn đánh dấu HTML khai báo bên cặp thẻ (ví dụ Đây chữ in đậm) Nhưng số thẻ đặc biệt lại khơng có thẻ đóng liệu khai báo nằm thuộc tính (ví dụ thẻ) Một tập tin HTML bao gồm phần tử HTML lưu lại đuôi mở rộng html htm 2.7 CSS: Là chữ viết tắt Cascading Style Sheets, ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngơn ngữ đánh dấu (ví dụ HTML) Bạn hiểu đơn giản rằng, HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,…thì CSS giúp thêm chút “phong cách” vào phần tử HTML đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều Phương thức hoạt động CSS tìm dựa vào vùng chọn, vùng chọn tên thẻ HTML, tên ID, class hay nhiều kiểu khác Sau áp dụng thuộc tính cần thay đổi lên vùng chọn 2.8 Bootstrap: Bootstrap framework CSS Twitter phát triển Nó tập hợp chọn, thuộc tính giá trị có sẵn để giúp web designer tránh việc lặp lặp lại trình tạo class CSS đoạn mã HTML giống 13 dự án web Ngồi CSS ra, bootstrap cịn hỗ trợ function tiện ích viết dựa JQuery(Carousel, Tooltip, Popovers , ) 2.9 Jquery: Jquery thư viện kiểu Javascript giúp đơn giản hóa cách viết Javascript tăng tốc độ xử lý kiện trang web JQuery thêm tương tác Ajax vào trang web bạn Chương 3: GIAO DIỆN WEBSITE BÁN QUẦN ÁO 3.1 Đăng ký, đăng nhập: 3.1.1 Trang đăng ký: 14 Giao diện view đăng ký 3.1.2 Trang đăng nhập: Giao diện đăng nhập cho admin 15 Giao diện đăng nhập khách hàng 3.2 Trang chủ 16 17 18 3.3 Giới thiệu chức dành cho khách hàng 3.3.1 Sản phẩm 3.3.2 Lịch sử mua hàng 19