Xây dựng ứng dụng web với asp net Đề tài xây dựng trang web kinh doanh giày nike

Phan Quốc Cường BÁO CÁO ĐỒ ÁN MÔN HỌC XÂY DỰNG ỨNG DỤNG WEB VỚI ASP.NET ĐỀ TÀI: XÂY DỰNG TRANG WEB KINH DOANH GIÀY NIKE Đồng Tháp – tháng 10 năm 2023 Nhóm sinh viên thực hiện:... Và cuối

Giảng viên hướng dẫn:

ThS Phan Quốc Cường

BÁO CÁO ĐỒ ÁN MÔN HỌC XÂY DỰNG ỨNG DỤNG WEB VỚI ASP.NET

ĐỀ TÀI:

XÂY DỰNG TRANG WEB KINH DOANH GIÀY NIKE

Đồng Tháp – tháng 10 năm 2023

Nhóm sinh viên thực hiện:

BÁO CÁO ĐỒ ÁN MÔN HỌC XÂY DỰNG ỨNG DỤNG WEB VỚI ASP.NET

ĐỀ TÀI:

XÂY DỰNG TRANG WEB KINH DOANH GIÀY NIKE

Nhóm sinh viên thực hiện:

Phạm Văn Tấn – C1210025

Nguyễn Anh Kiệt – C1210012 Nguyễn Trọng Phúc – C1210021

Lớp: CĐ CNTT K21A

Giảng viên hướng dẫn:

ThS Phan Quốc Cường

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

PHIẾU ĐÁNH GIÁ THỰC HIỆN BÁO CÁO



Tên đề tài: Xây dựng trang web kinh doanh giày NIKE

Trường: Cao đẳng Cộng đồng Đồng Tháp

Chuyên ngành: Công nghệ thông tin

Lớp: Công nghê ( thông tin K21A

MỤC LỤC

DANH MỤC HÌNH 6

LỜI CẢM ƠN 7

LỜI NÓI ĐẦU 8

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1

I GIỚI THIỆU TỔNG QUAN LẬP TRÌNH WEB VỚIASP.NET 1

1 Giới thiệu về ứng dụng web 1

2 Giới thiệu về NET Framework 3

3 Giới thiệu về ASP.NET 4

3.1 Lịch sử của ASP.NET 4

3.2 Cấu trúc và những thành phần của ASP.NET 5

II LÝ DO CHỌN ĐỀ TÀI 5

1 Thương hiệu nổi tiếng 5

2 Tính thời sự và phù hợp với xu hướng 5

3 Sử dụng công nghệ ASP.NET 5

4 Tiềm năng thị trường: 5

5 Mục tiêu học tập: 6

CHƯƠNG 2: 7

CHƯƠNG 3: 7

CHƯƠNG 4: 7

KẾT LUẬN 7

TÀI LIỆU THAM KHẢO 8

DANH MỤC HÌNH

Hình 1 - Cấu trúc ứng dụng web 1

Hình 2 - Mô hình 2 lớp 2

Hình 3 - Mô hình 3 lớp 2

Hình 4 - Qu Ā trình biên dịch ASP.NET 4

Hình 5 - Qu Ā trình xử lý tập tin aspx 4

LỜI CẢM ƠN

Nhóm chúng em xin chân thành cảm ơn thầy đã giúp đỡ chúng em thực hiện đề tài này Thầy Phan Quốc Cường đã tận tình hướng dẫn, giúp đỡ, chỉ bảo chúng em trong suốt thời gian thực hiện đồ Ān kết nghề nhiệp

Đồng thời chúng em cũng xin trân trọng cảm ơn những tình cảm quí b Āu mà thầy trong trường đã truyền đạt cho chúng em, những kinh nghiệm, kỹ thuật và c Āch thứctrong việc xây dựng đề tài này

Và cuối cùng tôi cũng xin được gửi lời cảm ơn đến gia đình đã luôn luôn động viên, ủng hộ, những người bạn đã gắn bó, chia sẻ rất nhiều kinh nghiệm và những kiến thức và nhất là trong thời gian thực hiện đề tài, để đề tài có thể hoàn thành một

c Āch thành công nhất

Tuy nhiên, do thời gian có hạn nên em không thể ph Āt huy hết những ý tưởng, khả năng hổ trợ của ngôn ngữ và kỹ thuật lập trình vào đề tài Trong qu Ā trình xây dựng web bằng ASP.NET, không thể tr Ānh khỏi c Āc sai xót, mong nhận được sựthông cảm của qúi thầy cô

Nhóm em chân thành cảm ơn

Đồng Tháp, ngày … tháng … năm 20….

Nhóm thực hiện

Nhóm 4

LỜI NÓI ĐẦU

Trong thời đại công nghệ số hiện nay, việc ph Āt triển ứng dụng web đã trở thành một phần không thể thiếu trong lĩnh vực kinh doanh Cùng với sự phổ biến của mạng internet, việc tạo ra một trang web kinh doanh chuyên nghiệp và hấp dẫn là yếu tố

quan trọng để thu hút và duy trì kh Āch hàng

Trong đồ Ān môn học "Xây dựng ứng dụng web với ASP.NET", chúng tôi đã tập trung vào việc xây dựng một trang web kinh doanh giày Nike Đề tài này được chọn

với mục tiêu giới thiệu và b Ān c Āc sản phẩm giày Nike thông qua nền tảng trực tuyến ASP.NET, một framework mã nguồn mở và đa nền tảng của Microsoft, đã được sử

dụng để ph Āt triển ứng dụng web này

Trong b Āo c Āo này, chúng tôi sẽ trình bày chi tiết về qu Ā trình xây dựng trang web kinh doanh giày Nike bằng ASP.NET B Āo c Āo sẽ bao gồm c Āc phần chính như mục tiêu và phạm vi của dự Ān, kiến trúc của trang web, thiết kế giao diện người dùng, tích hợp c Āc tính năng chức năng và quản lý cơ sở dữ liệu

Chúng tôi hy vọng rằng b Āo c Āo này sẽ cung cấp cho bạn c Āi nhìn tổng quan về quy trình ph Āt triển ứng dụng web với ASP.NET và giúp bạn hiểu rõ hơn về c Āch xây dựng một trang web kinh doanh hiệu quả

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI

I GIỚI THIỆU TỔNG QUAN LẬP TRÌNH WEB VỚI ASP.NET

1 Giới thiệu về ứng dụng web

Trong kỹ thuật phần mềm, một Ứng dụng web hay webapp là một trình ứng dụng

mà có thể tiếp cận qua web thông qua mạng như Internet hay intranet Ứng dụng webphổ biến nhờ vào sự có mặt vào bất cứ nơi đâu của một chương trình Khả năng cập nhật và bảo trì ứng dụng Web mà không phải phân phối và cài đặt phần mềm trên

hàng ngàn m Āy tính là lý do chính cho sự phổ biến của nó Ứng dụng web được dùng

để hiện thực Webmail, b Ān hàng trực tuyến, diễn đàn thảo luận, hệ quản trị nội dung

và nhiều chức năng kh Āc Dưới đây là một ví dụ đơn giản khi chúng ta mở một trang web

Hình 1 - Cấu trúc ứng dụng web

Ngay sau khi người dùng nhấn nút Enter sau khi nhập địa chỉ của trang web trên thanh tìm kiếm của bất kỳ trình duyệt nào M Āy chủ sẽ gửi c Āc tập tin 12 phản hồi đến trình duyệt để đ Āp lại yêu cầu, trình duyệt sau đó sẽ chạy c Āc tập tin này để hiển thị trang được yêu cầu Cuối cùng, người dùng có thể tương t Āc với trang web Điều quan trọng nhất cần lưu ý ở đây là c Āc đoạn mã sẽ được trình duyệt web phân tích cú

ph Āp Ứng dụng web cũng hoạt động theo c Āch tương tự Đoạn mã này có thể có hoặc không cung cấp c Āc hướng dẫn cụ thể để b Āo lại với trình duyệt về c Āch phản hồi với c Āc loại dữ liệu kh Āc nhau của người dùng Do vậy, cấu trúc ứng dụng web sẽphải bao gồm tất cả c Āc thành phần phụ cũng như c Āc ứng dụng bên ngoài thay thế cho toàn bộ ứng dụng phần mềm, trong trường hợp nói trên là một trang web Một ứng dụng web không chỉ phải hiệu quả mà còn phải đảm bảo độ tin cậy, khả năng mởrộng, bảo mật và mạnh mẽ

1

Đây là một dạng mô hình đơn giản, kh Ā phổ biến của một ứng dụng phân t Ān Trong mô hình này, việc xử lý dữ liệu được thực hiện trên Database Server, việc nhận và hiển thị dữ liệu được thực hiện ở Client.

Ưu điểm:

- Dữ liệu tập trung do đó đảm bảo dữ liệu được nhất qu Ān

- Dữ liệu được chia sẻ cho nhiều người dùng

Khuyết điểm:

- C Āc xử lý tra cứu và cập nhật dữ liệu được thực hiện ở Database Server, việc nhận kết quảvà hiển thị phải được thực hiện ở Client nên khó khăn trong vấn đề bảo trì và nâng cấp

- Khối lượng dữ liệu truyền trên mạng lớn vì vậy chiếm dụng đường truyền, thêm g Ānh nặng cho Database Server

Mô hình ứng dụng 3 lớp

2

Hình 3 - Mô hình 3 lớp

Mô hình 2 lớp phần nào đ Āp ứng được c Āc yêu cầu khắc khe của một ứng dụng phân t Ān Tuy nhiên, khi khối lượng dữ liệu lớn, ứng dụng đòi hỏi nhiều xử lý phức tạp, số người dùng tăng, mô hình 2 lớp không thể đ Āp ứng được Mô hình 3 lớp sử dụng thêm Application Server giữ nhiệm vụ tương t Āc giữa Client và Database server, giảm bớt c Āc xử lý trên Database server, tập trung c Āc xử lý nhận và hiển thị

dữ liệu tại Application server

− Xử lý truy cập dữ liệu tập trung tại Database Server

Khuyết điểm: Phải sử dụng thêm một Application Server vì vậy chi phí tăng.

Giới thiệu về NET Framework

2 Giới thiệu về NET Framework

.NET Framework là một nền tảng lập trình và cũng là một nền tảng thực thi ứng dụng chủ yếu trên hệ điều hành Microsoft Windows được ph Āt triển bởi Microsoft

C Āc chương trình được viết trên nền NET Framework sẽ được triển khai trong môi trường phần mềm (ngược lại với môi trường phần cứng) được biết đến với tên

Common Language Runtime (CLR) Môi trường phần mềm này là một m Āy ảo trong

đó cung cấp c Āc dịch vụ như an ninh phần mềm (security), quản lý bộ nhớ (memory management) và c Āc xử lý lỗi ngoại lệ (exception handling)

.NET Framework bao gồm tập c Āc thư viện lập trình lớn và những thư viện này

hỗ trợ việc xây dựng c Āc chương trình phần mềm như lập trình giao diện, truy cập, kết nối cơ sở dữ liệu, ứng dụng web, c Āc giải thuật, cấu trúc dữ liệu và giao tiếp mạng CLR cùng với bộ thư viện này là 2 thành phần chính của NET framework .NET Framework đơn giản hóa việc viết ứng dụng bằng c Āch cung cấp nhiều thành phần được thiết kế sẵn, người lập trình chỉ cần học c Āch sử dụng và tùy theo sự

s Āng tạo mà gắn kết c Āc thành phần đó lại với nhau Nhiều công cụ được tạo ra để hỗ trợ xây dựng ứng dụng NET và IDE (Integrated Developement Environment) được

ph Āt triển và hỗ trợ bởi chính Microsoft là Visual Studio

3

3 Giới thiệu về ASP.NET

ASP.NET là một nền tảng ứng dụng web (web application framework) được ph Āt triển và cung cấp bởi Microsoft cho phép những người lập trình tạo ra những trang web động, những ứng dụng web và những dịch vụ web Lần đầu tiên được đưa ra thị trường vào th Āng 2 năm 2002 cùng với phiên bản 1.0 của.NET framework, là công nghệ nối tiếp của Microsoft's Active Server Pages(ASP)

ASP.NET được biên dịch dưới dạng Common Language Runtime (CLR), cho phép những người lập trình viết mã ASP.NET với bất kỳ ngôn ngữ nào được hỗ trợ bởi ngôn ngữ NET

Hình 4 - Quá trình biên dịch ASP.NET

4

Hình 5 - Quá trình xử lý tập tin aspx

3.1 Lịch sử của ASP.NET

Sau khi phiên bản Internet Information Service 4.0 được ph Āt hành vào năm 1997, Microsoft tạo mô hình nghiên cứu ứng dứng web để giải quyết những khó khăn của ASP.NET, mục đích chính là t Āch biệt phần thể hiện và phần nội dung cũng như c Āchviết rõ ràng hơn

Người được giao nhiệm vụ định hình mô hình ASP lúc đó chính là Mark Anders,

quản lý của nhóm IIS và Scott Guthrie

Những thiết kế ban đầu về ASP.NET được Anders và Guthrie thực hiện chỉ vỏn vẹn trong khoảng 2 th Āng Những mã prototype đầu tiên được Guthrie viết trong khoảng thời gian nghỉ lễ Gi Āng sinh năm 1997

3.2 Cấu trúc và những thành phần của ASP.NET

Language/Ngôn ngữ: Là tập con của NET Framework, tại đây có rất nhiều ngôn

ngữ lập trình kh Āc nhau phải kể đến như C#, VB.net, PHP, JavaScript,… Trong đó C# và VB.net được sử dụng phổ biến nhất trong ứng dụng ph Āt triển ứng dụng web

Library/Thư viện: ASP NET Framework gồm có một bộ c Āc lớp library chuẩn

Web library là thư viện được dùng phổ biến nhất cho c Āc ứng dụng web Web library bao gồm tất cả c Āc thành phần cần thiết sử dụng trong ph Āt triển c Āc ứng dụng web-based

5

Common Language Runtime/Thời gian chạy CLR: CLR là một trong c Āc cơ

sở hạ tầng của phần đông c Āc kiểu ngôn ngữ lập trình phổ thông Trong đó, CLR thựchiện c Āc t Āc vụ chính để xử lý c Āc trường hợp đặc biệt và thu gom r Āc

II LÝ DO CHỌN ĐỀ TÀI

1 Thương hiệu nổi tiếng

Nike là một trong những thương hiệu giày hàng đầu thế giới và được ưa chuộng rộng rãi Việc xây dựng trang web kinh doanh giày Nike sẽ mang lại tiềm năng kinh doanh lớn và thu hút sự quan tâm của đông đảo kh Āch hàng

2 Tính thời sự và phù hợp với xu hướng

Trong thời đại số hóa và mua sắm trực tuyến ngày càng phổ biến, việc có một trang web kinh doanh giày Nike sẽ đ Āp ứng nhu cầu mua sắm trực tuyến của người dùng hiện nay Đây là một đề tài phù hợp với xu hướng thương mại điện tử và tiềm năng ph Āt triển lâu dài

3 Sử dụng công nghệ ASP.NET

ASP.NET là một framework web mạnh mẽ và phổ biến, được sử dụng rộng rãi trong việc ph Āt triển ứng dụng web chuyên nghiệp Chọn đề tài này cho phép chúng tôi Āp dụng và nâng cao kiến thức về ASP.NET, mở rộng khả năng ph Āt triển ứng dụng web và tạo ra một sản phẩm chất lượng cao

4 Tiềm năng thị trường:

Thị trường giày thể thao và giày Nike đang có sự ph Āt triển mạnh mẽ Việc xây dựng một trang web kinh doanh giày Nike sẽ tạo ra cơ hội kinh doanh và cạnh tranh trong ngành công nghiệp này

5 Mục tiêu học tập:

Đề tài này cho phép chúng tôi Āp dụng kiến thức đã học trong môn học "Xây dựng ứng dụng web với ASP.NET" vào một dự Ān thực tế Chúng tôi có thể rèn kỹ năng ph Āt triển ứng dụng web, quản lý cơ sở dữ liệu, thiết kế giao diện người dùng

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG I.Mô tả trang web và các mô hình Diagam

1.Mô tả trang web

Hệ thống b Ān đồ điện tử online bao gồm 1 trang web dành cho user và admin

- Ở trang website b Ān hàng:

+ Cho phép người dùng có thể vào trang web để xem danh s Āch c Āc sản phẩm theo từng chủng loại, nhà sản xuất, tìm kiếm sản phẩm theo từ khóa

+ Cho phép người dùng thêm vào giỏ hàng, quản lý giỏ hàng, chỉnh sửa

số lượng, xóa giỏ hàng và hiện tổng tiền

+ Kh Āch hàng gồm 2 vai trò: kh Āch hàng không có tài khoản (guest) và

có tài khoản (customer)

+ Nếu người dùng chưa có tài khoản thì sẽ hiện form điền thông tin khi đặt hàng.+ Người dùng đã đăng ký tài khoản để mua sản phẩm mà không cần phảiđiền form thông tin

- Ở trang website Admin:

+ C Āc admin có quyền đăng nhập và đăng ký

+ Tại trang chủ sẽ thống kê c Āc thông tin của cửa hàng

+ Admin được phép thêm, xem, xóa, sửa quyền

+ Mỗi loại tài khoản sẽ được phân quyền kh Āc nhau

+ Ở trang quản lý sản phẩm, c Āc tài khoản có quyền vào được phép

thêm, xem , xóa, sửa sản phẩm

+ Ở trang quản lý chủng loại sản phẩm, c Āc tài khoản có quyền vào được phép thêm, xem , xóa, sửa chủng loại sản phẩm

+ Ở trang quản lý chủng loại sản phẩm, c Āc tài khoản có quyền vào được phép thêm, xem , xóa, sửa nhà sản xuất.1

+ Ở trang quản lý nhập hàng, c Āc tài khoản có quyền vào được phép

thêm, xem , xóa, sửa đơn nhập hàng

+ Ở đơn đặt hàng, c Āc tài khoản có quyền vào được phép xem c Āc đơn hàng chưa thanh to Ān, đã thanh to Ān nhưng chưa giao, đã thanh to Ān và đã giao, và duyệt đơn hàng

7

2.Sơ đồ Use Case và ERD

2.1 Các Use Case Diagram

Hình 6 Biểu đồ Use case chính

8

2.2 Sơ đồ quan hệ ERD

Hình 7 Sơ đồ quan hệ ERD

9

CHƯƠNG 3:

11

CHƯƠNG 4:

12

KẾT LUẬN

Qua qu Ā trình thực hiện đồ Ān, chúng em đã hiểu biết hơn về mã nguồn mở có thể chủ động trong việc cài đặt và đưa lên Internet một trang web của chính mình Đồ Ān cơ bản đã xử lý hết c Āc chức năng theo yêu cầu của cửa hàng và đã đưa lên mạng thử nghiệm thật và cho kết quả như mong muốn Vì thời gian không cho phép nên chúng

em chưa tìm hiểu rõ và kỹ hơn đề tài này hơn nữa Vì thế đề tài cũng có nhiều thiếu sót và chưa thể làm được như tích hợp một số cổng thanh to Ān trực tuyến, giao diện chưa được đẹp Hướng ph Āt triển - hoàn thiện phương thức thanh to Ān trực tuyến an toàn giúp kh Āch hàng tin tưởng vào website hơn Tiếp tục tối ưu hóa SEO giúp kh Āch hàng có thể tìm thấy website mình dễ dàng hơn Thực tiện tích hợp thêm c Āc mô-đun mới giúp cho kh Āch hàng cảm thấy thân thiện hơn Tích hợp việc thanh to Ān trực tuyến trên Internet thông qua c Āc nhà cung cấp dịch vụ tại Việt Nam như: Momo, Onepay, SmartLink, Kim bảo, Ngân lượng…

13

TÀI LIỆU THAM KHẢO

14