Báo cáo môn học Đồ án lập trình web nâng cao Đ ti web bán quần áo

Giá thành rẻ và được hỗ trợ rất nhiều trên mạng sẽ giúp ta nhanh chóng xây dựng các website bán hàng thân thiện và để sử dụng với người dùng.. giúp người chủ kinh doanh có thê hiển thị t

TRUONG DAI HOC DIEN LUC KHOA CONG NGHE THONG TIN

Z

DAl HOC DIEN LUC ELECTRIC POWER UNIVERSITY

BAO CAO MON HOC

ĐỎ ÁN LẬP TRÌNH WEB NÂNG CAO

DE TAI: WEB BAN QUAN AO

Sinh viên thực hiện : Nguyễn Viết Tiến

Phạm Nghĩa Vinh

Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CONG NGHE PHAN MEM

Lớp : DI6CNPM5 Khóa : D16

Hà Nội, ngày thang I ndm 2024

Nguyễn Viết Tiến-

rất mạnh mẽ Kỹ thuật số giúp chúng ta tiét kiém dang ké cac chi phC nho chi phC van chuyén trung gian, chi phC giao dich va đặc biệt là giúp tiết kiệm thời gian để con

người đầu tư vào các hoạt động khác Hơn nữa, thương mại điện tử còn giúp con

người có thể tìm kiếm tự động theo nhiều mục đCch khác nhau, tự động cung cấp thông tin theo nhu cầu và sở thCch của con người Giờ đây, con người có thê ngôi tại nhà để mua sắm mọi thứ theo ý muốn và các website bán hàng trên mạng sẽ giúp ta làm được điều đó ChCnh vì vậy, các công nghệ trở nên được chú ý vì các tCnh năng của nó Giá thành rẻ và được hỗ trợ rất nhiều trên mạng sẽ giúp ta nhanh chóng xây dựng các website bán hàng thân thiện và để sử dụng với người dùng ChCnh vì vậy trong bài báo cáo này chúng em chọn đề tài vềẽ “Xây dựng website bán quần áo ” Đây là một hệ thống đơn giản nhưng đủ mạnh đề cho phep nhanh chóng xây dựng các ứng dụng bán hàng trên Internet

Cấu trúc bài báo cáo được chia thành 4 phầnẽ Chương lẽ Tổng quan, Chương 2ẽ

Phân tCch và thiết kế hệ thống, Chương 3ẽ Cài đặt, Chương 4ẽ Đánh giá kết quả và

hướng phát triển

MUC LUC

MO DAU ooo ccccccccccccccesssessessvessesssessessvessesssessesssessesssessesssessesesessesssessesssessesesesivsiessesesassees 1 MỤC LLỤC - 5 5S s2 E221 112 22H tt nu tt ng trau 2 DANH MỤC HÌNH 5 5s TT TH nH1 1 211 n1 HH ra 4 DANH MỤC BẢNG - c2 22122221 221222121 rrere 5 CHƯƠNG 1 TÔNG QUAN 5 51 122122221 22221221221 eag 7

1.1 GIỚI THIỆU ĐÈ TÀI 22225222 HH He ren HH2 Hung ra re terxe 7

In is sa 1Ă 7 1.1.2 Giới thiệu đề tài - 0 SH HH HH2 tt t2 trung 7 1.1.3 Lý do chọn đề tài À 2 S1 TT TH n1 1y ng ghe 7

1.1.4 Đối tượng và phạm vỉ nghiên cứu - ss SE ExcEEEx Etrrggrerryn 7 1.1.5 Bố cục luận văn 5 ST SE E1 HH HH g tu Hye 7

1.2 CÔNG NGHỆ SỬ DỤNG Q22 222212222 22222112211112212122122222122122 re 9

1.2.1 Giới thiệu C#: ST HH HH HH n HH ng re 9 1.2.2 Giới thiệu về ASP.NET MVC 2c nh HH ngu ryg 10

1.2.3 Giới thiệu về SQL SerVer 2-51 TT H1 HH H1 HH HH He ng HH re 11

CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KÉ HỆ THÓNG 5s c2 szsez 13

2.1 PHẦN TÍCH 2 222222 222 neo 13 2.2 THIẾT KÉ HỆ THÓNG Ặ 2222 2S n2 n ng H2 TH Ho re HH Hee rese 13

2.2.4 Đặc tả se Case LH HH ng ke 021111 kg 15

2.2.4.1.UC 001 “Đăng ký” cnn nnnnHnH HH nh Ha 15 2.2.4.2_.UC_ 002 “Đăng nhập” 5 2c E212 1e re 16

2.2.4.3 UC_003 “Quan ly Loai san phon” c2 2211122222 16

2.2.4.4 UC 004 “Quan ly San phom” c.ccccccccccsscsscesessesseesestsseseeseeseseeeeees 17

2.2.4.5 UC_005 “Xem Thong tin Sản Phomm” c2 2c 12221122 sssey 18

2.2.4.6.UC_ 006 “Giỏ hàng” c2 1011 2121 tre 19 2.2.5 Bid dé hoat GO gs ccc ce cccccccccccsseesessseseesesssesessscsssssesecssesevssesevsevevsevevseeees 21

2.2.5.3 Biểu đồ hoạt động Quản lý Loại sản phom 25c ncccEcsrerrxe 23 2.2.5.4 Biểu đồ hoạt động Quản lý Sản phom - 5-5 Sc tEEEEEtEErxerrrei 24

2.2.6 Biểu đồ tuần tự - 5: nh TH n1 12 tre 25

2.2.6.1 Biêu đồ tuần tự Đăng ký ng HH HH HH rà 26

2.2.6.3 Biểu đồ tuần tự Quản lý Loại sản phom 5-5 SE ExzExExrrsre 27

2.2.6.6 Biéu d6 tuan tự Gid hang ccc cecccececcsscescscessesessessesvssesecsessesevenseseseeeees 29

2.3 THIET KE CO SO DU LIBU ooo coc ccc cose cecsccssesesscssesssesssessessvessrttvecssessssessetseueevevssesvesetetteuees 30

2.3.1 Sơ đồ quan hệ CSDIL 2 S121 11211211711 21121x E121 E1 crrrrrrrien 30

3.2.2.3 Giao diện trang Shop Ì Q1 L 1211112211212 11211152221 11211111 34 3.2.2.4 Giao diện trang Shop 2 Q1 011211221122 112111522 2111211111 35 3.2.2.5 Giao diện trang Shop 3 Q1 01121122112 1121122 112111 36 3.2.2.6 Giao diện trang Shop 4 Q1 n2 v12 1H 112111 37 3.2.2.7 Giao diện trang Shop Nữ 2 2 02122121111 111 2111 H 1tr k re 38 3.2.2.8 Giao diện trang Shop Nam L1 112222 1122112222 ky 39 3.2.2.9 Giao diện trang Shop CHảy L0 00112 112 HH1 ky 40

3.2.2.11 Giao điện trang chỉ tiết sản phơm 52 2s E1 222212 2E rrey 42

3.2.2.14 Giao diện trang Giỏ Hàng Q0 12.11121211 122212 rà 45 3.2.2.15 Giao diện Trang chủ quản lý - L2 2 2112121122111 rerres 46

3.2.2.17 Giao điện trang Quản lý Sản Phom G0 222 22222211 47

CHƯƠNG 4 ĐÁNH GIÁ KÉT QUÁ VÀ HƯỚNG PHÁT TRIẾN 48

1 ĐÁNH GIÁ KẾT QUẢ 222552225221 2112 SE kHH HH H2 2222222221 ye 48 1.1 Chức năng đã làm được -L 2111221111112 111122111111112 2211111111111 11kg 48 1.2 Chức năng chưa làm được 0 2221122221111 111122211111 re 48

2 HƯỚNG PHÁT TRIỂN 2002 2e 48

TAL LIEU THAM KHÁO - 2 S211 2E1211211211271 11211 1x11 ggrry 49

DANH MỤC HÌNH

Hình I Biên dịch chương trình - L2 21121211121 11211 1121152111111 11211 10111181181 key 9 Hình 2 Hoạt động mô hình 3 lớp L2 2221121111221 121 1112111511211 1812 tre 10 S000) 0600 /(09010)108)/09aaÝÝ 11 Hình 4 Mô hình phân rã chức nang clta website cc cece ceeeteeeneceeecenseeneaes 13 Hình 5 Use Case tổng quát 5S s EEE121E112 1111111112111 1 1E rrrưyg 15

Hinh 8 Biéu đồ hoạt động Quản lý Loại sản phom 5 52s EEEc t2 tExcrrrret 23

Hình 9 Biêu đồ hoạt động Quản lý Sản phom 52 2E 1212125 1222 tk cmrtxe 24

Hình 13 Biểu đồ tuần tự Quản lý Loại sản phom 5-5 ST TS SE EEg trreg 27

Hình 17 Sơ đồ quan hệ CSDL - 5 s2 E21 1EE12111121121111 117111121 1110111 30

Hình 18 Giao diện trang đăng ký Q2 001121112 2 11H15 HH he 32 Hình 19 Giao diện Trang chủ - L1 1221122111211 12 115 11511151111 1212k ky 33 Hình 20 Giao diện trang Shop Ì L2 2112111122222 211511152212 1118112 Hk re 34 Hình 2l Giao diện trang Shop 2 L L2 12111211112 212 2111111502121 181151 rờ 35 Hình 22 Giao diện trang Shop 3 2L 2 22111211112 212 211111150212 111m rờ 36 Hình 23 Giao diện trang Shop 4 - L2 1211221122212 21111115012 111m rời 37 Hình 24 Giao diện trang Shop Nữ 001201121112 n1 HH1 nà 38 Hình 25 Giao diện trang Shop Nam L1 0222112121 1121211 21 1112121111118 39 Hình 26 Giao diện trang Shop CHảy Ặ 0 0.11121221112111 2111 11181 122111122 ru 40

Hình 28 Giao diện trang chi tiết sản phơm 5: cS EEE SE 1E E2 tre 42

Hình 31 Giao diện trang Giỏ Hàng 2 0220222212121 112111 11151551111 2111 Hy 45 Hình 32 Giao diện trang Quản lý thương hiệu 5 0222212222222 12 222 tre 46 Hình 33 Giao diện trang Quản lý Sản Phom 2 7 22212121112 122121 22112 2eke+ 47

DANH MUC BANG

Bang | Bang tác nhân và mô tả - 0 2211212122111 1211121110111 18151811 11118118 ky 14 Bảng 2 Danh sách các Use case và mô tả -.L c1 221212112 221112111 212111111811 ca 14

Bảng 4 Bảng LoaiSanPham 0 2211211112112 1 1511151111115 5 1111111111 H kh 31 Bảng 5 Bảng Giollang - L2 2112111112111 111111150115 111151110111 111 H11 ky 31

DANH SACH CAC KY TU, CHU VIET TAT

CHUONG | & TONG QUAN

1.1 GIỚI THIỆU ĐÈ TÀI

1.1.1 Tên đề tài

Đề tài “Xây dựng website bán quân áo ”

1.1.2 Giới thiệu đề tài:

Website buôn bán quần áo là website cung cấp các loại quần áo, giày đep, phụ kiện, giúp người chủ kinh doanh có thê hiển thị tất cả mặt hàng sản phom của mình lên trên website này, ngoài ra còn có thê giao địch với khách hàng thông qua website cũng như quản lý sản phom của công ty mình

ba và bán các loại sản phom của mình trên mạng online môt cách đơn giản mà không

cần tốn quá nhiều thời gian, chỉ phC của khách hàng cũng như của chủ các cửa hàng

1.1.4 Đối tượng và phạm vi nghiên cứu:

Vv Đối tượngẽ

Các sản phom quần áo, giày đep, phụ kiện

Pham vi nghiên cứuẽ Khảo sát, thu thập thông tin về các cửa hàng chuyên bán quần áo

> Cach tiép cané

- Thu thông tin, ý kiên tư các cửa hàng có trên thị trường

thâp hiện

như các nguôn hàng cân cung câp cho các tiêu thương bán nhỏ lẻ

> Phương pháp nghiên cứuẽ

- Nghiên cứu và xây dựng website b ng ngôn ngữ Asp.Net MVC và sử dụng hệ

cơ sở dữ liệu SQL Server

1.1.5 Bo cuc luan van:

Giới thiệu tông quan về luận vănẽ Giới thiệu tên đề tài, lý do chọn đề tài, đôi tượng

và phạm vi nghiên cứu, bổ cục luận văn và chức năng của website

+ Chương 2ẽ Phân tCch Thiết kế hệ thống

Phân tCch các sơ đồ hệ thống của website, vẽ ra các luồng dữ liệu, đề ra các tác nhân và mô tả sau đó tiên hành thiết kế các sơ đồ Use Case, đặc tả chức năng tưng

thành phần và cuối cùng là thiết kế cơ sở đữ liệu

Yêu câu vé website, phan cứng và giới thiệu các giao diện của website

+ Chương 4ẽ Đánh giá kết quả và hướng phát triển

Đưa ra kết luận và liệt kê ra những tỄEnh năng đã làm được và chưa làm được cũng như hướng phát triển trong tương lai của website

TrCch dan các tài liệu tham khảo trong suôt quá trình thực hiện đồ án

1.1.6 Chức năng:

Chức năng admin (Quản lý sản phom và các loại sản phom)ẽ

% Chức năng đăng nhậpẽ

+ Cho phep Quản lý đăng nhập b ng tài khoản đã được cấp

¢ Quan ly san phomé

+ + + +

Xem danh sach san phom

Cập nhật thông tin của sản phom

Thêm sản phom mới

Xóa sản phom tạm thời

% Quản lý loại sản phomẽ

+ + +

Xem danh sách loại sản phom

Cập nhập thông tin loại sản phom

Thêm loại sản phom

Xóa loại sản phom tạm thời

Chức năng user (Gồm các quyền và chức năng của một khách hàng)ẽ

% Chức năng đăng kýẽ

+ Lấy thông tin của khách hàng để đăng ký thành viên

% Chức năng đăng nhậpẽ

+ Cho phep khách hàng đăng nhập b ng tài khoản đã đăng ký thành viên

% Chức năng xem sản phomẽ + Xem đanh sách sản phom

+ Xem sản phom theo loại

+ Xem san phom theo top

« Chie nang xem chi tiét san phomé + Hién thị các sản phom liên quan

+ Thém sản phom vào giỏ hàng, cập nhập số lượng (phải đăng nhập)

% Chức năng giỏ hàngẽ + Xem đanh sách giỏ hàng

+ Cập nhập số lượng của giỏ hàng, giá

+ Xóa sản phom khỏi giỏ hàng

L2 CÔNG NGHỆ SỬ DỤNG

1.2.1 Giới thiệu C#:

Giới thiệu ngôn ngữ lập trình C# C# hay Csharp là một trong những ngôn ngữ lập trình trong họ DotNet của Microsoft và khi lập trình C# người lập trình phải chuon

bị va cai dat NET iramework.”

Hai thành phần cốt 16i cha NET iramework không thể thiếu cho bất kỳ ứng dụng hoặc dịch vụ được phát triên trên nền tảng này là Common Language Runtime (CLR) va NET tramework Class Library GCL)

Trong do Common Language Runtime (CLR) có nhiệm vu quản lý bộ nhớ, thực thi code, xtr ly 16i, NET iramework Class Library (iCL) duoc str dung dé phat trién cac img dung tu command line dén Graphical User Interface (GUD

Trong các ứng dụng Windows sử dụng NET iramework, mã nguồn chương trỉnh (C#, VB.NET) duoc biên dich thanh CIL (formerly called MSTIL) và được lưu trữ trong file gọi là assembly

Sau đó assembly được biên dịch bởi CLR đề trở thành mã thực thi của hệ điều

hành Hình bên dưới thể hiện quá trình chuyền đổi CIL code thành native code

Application (.NET code)

CIL code

Native code

Hinh 1 Bién dịch chương trình

Ngôn ngữ lập trình là một loại ngôn ngữ đặc biệt được thiết kế để giúp các lập trình

viên có thê đễ dàng tạo ra các phần mềm (hay ứng dụng) máy tCnh Ngôn ngữ lập trình bao gồm các quy tắc mà các lập trình viên cần tuân theo khi viết mã lệnh (source code)

Việc học một ngôn ngữ lập trình chCnh là việc tìm hiểu các quy tắc viết mã lệnh có trong ngôn ngữ lập trình đó

Mã lệnh (source code) là một tập hợp các hướng dẫn (hay chỉ thị) được viết đề

yêu cầu máy tỨnh thực hiện một số tác vụ nhất định Mã lệnh được viết đưới dang văn bản thuần tuý và con người có thê đọc được

Đối với lập trình hiện đại, mọi thử đều đi nhiều lớp, tương tự như C#, cũng có cả

mô hình 3 lớp để chúng ta thực thi ap dung

Ở C# chúng ta gọi là mô hình 3 lớp aka 3 Layers Nó khá là nồi tiếng với sinh viên

VN đang học C# (một số trường sẽ là Lập trình NET, lập trình C#, lập trình ứng

* Data Access Layeré Lop nay la lép dé truy xuất với CSDL, chỉ duy

nhat lớp này được làm việc với database

10

1.2.2 Giới thiệu về ASP.NET MVC:

ASP.NET MVC là công nghệ sau ASP.NET Web qorm cho pheẹp người dùng phát triển ứng đụng web gồm 3 thành phần chCnhẽ Model, View, Controller Với ưu điểm nỗi bật là nhẹ hơn(Iightweigt), dễ kiêm thử giao diện và thưa hưởng các tCnh năng có săn của ASP.NET đã khiến công nghệ này phát triển

Về bản chất thì đây là phon mở rộng của namespace System.Web được đặt trong namespace System.Web.MVC

Hiện nay da so framework về web (PHP, Java ) đều sử dụng mô hình MVC như một mẫu thiết kế chuon (Design Pattern) Tùy theo đặc điểm của ứng đụng mà bạn chon cau tric cho trang web cia minh theo ASP.NET Web irom hay theo kiến trúc

MVC, déi khi ra có thê kết hợp cả hai

MVC là viết tắt của 3 tư M-Model, V-View, C-Controller Mô hình MVC là

một kiến trúc phần mềm hay mô hình thiết kê phần mềm giúp chúng ta cách ứng dụng của chúng ta thành những phần độc lập có những nhiệm vụ riêng

1.2.3 Giới thiệu về SQL Server:

SQL server chCnh la cụm tư viết tắt của Structure Query Language được sử dụng nhiều trong các lĩnh vực bởi chức năng quản lý đữ liệu Các ngôn ngữ cấp cao nhué Visual C, Oracle, Visual Basic, déu c6 trinh hé tro la SQL Những ứng dụng khi chạy phải sử dụng SQL khi người dùng truy cập tới cơ sở dữ liệu thì không cần sử

dụng trực tiếp SQL

+ Lich str ra doi SQL server

- Năm 1989, phiên bản đâu tiên cua SQL Server I.0 ra đời được dùng cho các hệ điều hành 16 bit va được phát triên cho tới ngày nay

Cho tới khi SQL Server ra phiên bản 6.5 thì được thị trường chấp nhận rộng rãi Một đột phá cải tién cho SQL Server 7.0 khi được Microsoft viet lai một engine hoàn toàn mới Đến khi SQL Server tư phiên bản 7.0 cải tiến lên 8.0 chủ yếu phát triển về tCnh năng thiết kê website

Cho đến ngày nay thì phiên bản mới nhất đó là SQL Server 2016 hỗ trợ bộ vi xử lý 64

bít ra đời vào ngay | thang 6 nam 2016

+ Một vài ấn bán SQL Server Enterpriseẽ là một ấn bản chứa tất cả các đặc điểm nỗ bật của SQL Server nhué các công cụ cho tạo và quản lý phân cụm SQL Server, nhân bộ máy cơ sở đữ liệu và

một số dịch vụ đi kèm Nó có thể đánh địa chỉ 12 terabytes và quản lý cơ sở dữ liệu lên tới 524 petabytcs

Standardẽ Ấn bản này có thê chạy tốt trên hệ thống lên tới 4 CPU và 2 GB

RAM rat thCch hop cho cac dịch vụ thiết kê web vưa và nhỏ

Developerẽ Ấn bản này giới hạn số lượng người kết nối với server nhưng có đầy

đủ các tCnh năng của Enterprise Edition Đây là phiên bản được sử dụng cho kiểm tra

và phát triển ứng dụng phù hợp cho các cá nhân trong lĩnh vực web nhué freelancer Việt Nam

Workgroupẽ ấn bản SQL Server này có các chức năng lõi cơ sở dữ liệu nhưng không

đi kèm các dịch vụ Ở phiên bản 2012 không có an ban nay

Expressẽ Ấn bản này dễ dàng sử dụng và quản trị cơ sở đữ liệu đơn giản

12

CHƯƠNG 2: PHAN TICH VA THIET KE HE THONG

2.2.1 Danh sách các Actor và mô tả:

Các thông tin vé Actor va Use case cua dé tai duoc mé ta trong bang 1

Dang nhap Xem san

pham Xem chỉ tiếết sản phẩm

Bang 1 Bang tac nhân và mô tả

2.2.2 Danh sách Use case va m6 ta:

ID Actor Tén use case Chức năng Ghỉ chú

° - Luông sự kiện chCnhẽ

- Khách hàng nhập Email, mật khou và nhập lại mật khou để đăng ký vao website

- Hệ thông kiểm tra dữ liệu và thêm đữ liệu vào CSDL

- Hệ thống ghi nhận hoạt động đăng ký thành công và chuyên đến trang chủ của website

° Luông sự kiện phyeé

- Khi dt liéu sai theo yêu cau hệ thống sẽ thông báo ra màn hình, sau đó khách hàng cần nhập lại theo đứng yêu cầu

* Business Rulesé

- TAat cả các trường đữ liệu cần nhập là bắt buộc, không được bỏ qua