Báo cáo môn học Đồ án lập trình web nâng cao Đ ti xây dựng website shop thời trang trực tuyến

Giao diện trang đăng nhập vào tài khoản của Quản trị viên ...---- Hình 42 Giao diện chức năng chính sửa thông tin khach hang.... Hình 50 Giao điện chức năng thêm mới thông tin san phpm H

BAO CAO MON HOC

DO AN LAP TRINH WEB NANG CAO

ĐÈ TÀI: Xây dựng website shop thời trang trực tuyến

Phạm Nghĩa Vinh

Chuyên ngành : CONG NGHE PHAN MEM

MỞ ĐẦU

Hiện nay, trên thế giới công nghệ thông tin và thương mại điện tử đang phát triển rất mạnh mẽ Kỹ thuật số giúp chúng ta tiết kiệm đáng kề các chỉ phC nhờ chi phC vận chuyển trung gian, chi phC giao dịch và đặ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 3 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, Kết Luận, Tài Liệu Tham Khảo

CHƯƠNG 1 TỎNG QUAN o5- 5c s2 se sveEvseTseEvserseErsersetrserseorssessrke 10

1.1.1 Tên đỀ tài - sẻ ©9941 E1 gu gvee 10

1.1.5 Bố cục luận văn - se 5s se set t7 3E736 190736550756 92e 25192456 10

1.2.1 Giới thiệu PHP 2-2 sex €ExEExeeEEsEExeeExseorsetrssrerrserssreree 12 1.2.2 Giới thiệu về ASP.NET MVC ss< cesccesv cach xe praeseeerrx 15 1.2.3 Giới thiệu về SQL Server

CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THÓNG . -5- 17

2.2.44 UC_ 004 “Quản lý Sản phsim” - o5 5° 5s sssczsexse seeserssesecee 21

2.2.4.6 UC 006 “Gió hàng” -cs- se 2csccssevvsersstxserxeerkserrseresssrree 25 2.2.5 Biểu đồ hoạt động: - sec sereetere th xxx xxx rserssessree 26 2.2.5.1 Biểu đồ hoạt động Đăng ký: -° se se csevssersevesersersserseree 26 2.2.5.2 Biểu đồ hoạt động Đăng nhập: - - 2 s- 5c 2 seszseeeesesssscsse 27 2.2.5.3 Biểu đồ hoạt động Quản lý Loại sản phsm - 5-5-5 55: 28 2.2.5.4 Biếu đồ hoạt động Quản lý Sản phsm 5-5 s55 csecs2 29 2.2.5.5 Biểu đồ hoạt động Gió hàng 2-5 se csecrserserrsersersrrsrree 30

2.2.6.1 Biểu đồ tuần tự Dang Ky ssscsscssssssssscsssssscssssessessssssssssescsscsnsseensees 32 2.2.6.2 Biểu đồ tuần tự Đăng nhập: 2 scsccserssessereserserssesersee 33 2.2.6.3 Biểu đồ tuần tự Quản lý Loại sản phsm 2 5 sec es 34 2.2.6.4 Biểu đồ tuần tự Quản lý Sản phsm 2-5 5-5 s52 s52 ssesee 35

3

2.2.6.5 Biểu đồ tuần tự Xem và lọc sản phsm - 2-5 5s se csccccsrs 36

2.2.6.6 Biểu đồ tuần tự Giỏ hàng - s se se sex sex eeeesrsrrsre 37

DANH MỤC HÌNH

Hinh 3 M6 hinh MVC a -

Hình 19 Giao diện chức năng đăng ký tài khoản cho thành viên hệ

Hình 25.Sử dụng thanh tìm kiếm 2 52s 12 2E1221211271221211 211211211 tre

Hình 29 Giao diện hiện thị mục đánh giá sản phpm của các thành viên trên hệ thông

Hình 31 Giao diện trang thanh toán đơn hàng cài Hình 32 Giao diện trang thanh toán băng vỀ điện tử momo thông qua mã QR Hình 33 Giao diện trang lịch sử mua hàng -cccctcriereerererrrrrrrrre

-Hình 37 Giao diện trang đăng nhập vào tài khoản của Quản trị viên .

Hình 42 Giao diện chức năng chính sửa thông tin khach hang

Hình 50 Giao điện chức năng thêm mới thông tin san phpm

Hình 54 Giao điện chức năng chỉnh sửa thông tin màu sắc

Hình 59 Giao diện chức năng thêm mới thông tin thương hiệu sản phpm

Hình 60 Giao diện chức năng chính sửa thông tin thương hiệu sản phpm

Hình 66 Giao điện chức năng đổi mật khpu

DANH MỤC BẢNG

; CHUONG 1 é TONG QUAN

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

1.1.1 Tên đề tài

>

Dé tai “Xây dung website ban quan á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 phpm 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 phpm của công ty mình

1.1.3 Lý do chọn đề tài:

Do hiện nay các cửa hàng, công ty về các loại quần áo chưa

được phát triển và

quảng bá nhiều trên nền tảng website online đề kinh doanh

Vì vậy em đã chọn làm đề tài này nhằm đưa ra giải pháp tiên lợi, nhanh

gọn trong vi kinh doanh các sản phpm của các chuôi cửa hàng hoặc công ty có thê quảng bá và bán các loại sản phpm 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ủ

- _ Khảo sát nhụ cầu và hướng phát triển của loại sản phpm qua mạng online cũng

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

cơ sở dữ liệu SQL Server

1.1.5 Bố cục luận văn:

+ Chương lẽ Tổng quan

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 vị 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 đữ 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ở dữ liệu

Chương 3ẽ Cài đặt và Giao diện

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

website

+ Chuong 4é Danh gia kết quả và hướng phát triển

Đưa ra kết luận và liệt kê ra nhimg tCnh nang đã 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

+ Tài liệu tham khảoẽ

+ Xem danh sach san phpm

+ Cập nhật thông tin cua san phpm

+ Thêm sản phpm mới

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

¢ Quan ly loai san phpmé

+ Xem danh sách loại sản phpm

+ Cap nhập thông tin loại sản phpm

+ Thêm loại sản phpm

+ Xóa loại sản phpm 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

+ Xem sản phpm theo loại

+ Xem sản phpm theo top

+ Chức năng xem chi tiết san phpmé

+ Hién thị các sản phpm liên quan

+ Thêm sản phpm vào giỏ hàng, cập nhập số lượng (phải

đăng nhập)

% Chức năng gid hangé

+ Xem danh sách giỏ hàng

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

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

1.2.CONG NGHE SU DUNG

1.2.1 Giới thiệu chung về ngôn ngữ PHP

PHP là một ngôn ngữ lập trình mã nguồn mở được sử dụng rộng rãi cho các ứng dụng web PHP được tạo ra bởi Rasmus Lerdorf vào năm 1994, và từ đó đã phát triển thành một trong những ngôn ngữ lập trình phổ biến nhất trên thế giới

Với cú pháp đơn giản và để học, PHP cho phep các lập trình viên tạo ra các ứng dụng web động và tương tác với cơ sở đữ liệu PHP được hỗ trợ bởi hầu hết các máy chủ web

và cung cấp tCnh năng tùy chỉnh và mở rộng cao

Những tính năng của ngôn ngữ PHP

Tnh năng tương tác với co so dir ligué PHP hỗ trợ tương tác với các cơ sở đữ liệu pho bién nhu MySQL, Oracle, PostgreSQL, v.v., cho phep lập trình viên truy vấn, thêm, sửa, xóa đữ liệu từ các ứng dụng web

Tnh năng tạo trang web độngẽ PHP cho phep tạo ra các trang web động, tức là các trang web có thê thay đối nội dung và tương tác với người ding

TCnh năng tạo các ứng dụng web đa chức năngẽ PHP co thé str dụng đề tạo các ứng dụng web đa chức năng như trang web thương mại điện tử, các hệ thống quản lý nội dung, v.v

TCnh năng tùy chỉnh và mở rộngẽ PHP có thể được mở rộng và tùy chỉnh để đáp ứng các yêu câu đặc biệt của các ứng dụng web

Mã nguồn mởẽ PHP là một ngôn ngữ mã nguồn mở, điều này cho phep các lập trình viên truy cập và chỉnh sửa mã nguồn đề phù hợp với nhu cầu của mình Nó cũng có một cộng đồng lớn và tCch cực hỗ trợ cho các lập trình viên

TCnh linh hoạtẽ PHP có thể hoạt động trên nhiều nền tang khac nhau nhu Windows, Linux va macOS, va co thê kết hợp với nhiều loại cơ sở dữ liệu khác nhau

Tốc độ xử lý nhanhẽ PHP có thê xử lý một lượng lớn các yêu cầu đồng thời và có thê

xử lý các ứng dụng web phức tạp một cách nhanh chóng và hiệu quả

Độ tin cậy và ôn địnhẽ PHP được sử dụng phổ biến trong nhiều dự án lớn và đã được kiểm tra và chứng minh tEnh ôn định và độ tin cậy của nó trong nhiều năm Nhược điểm:

Bảo mậtẽ PHP đã từng bị chỉ trCch vì những lỗ hồng bảo mật Việc sử dụng không đúng các thủ tục bảo mật có thé dan đến các vấn đề về báo mật và mở cửa cho các cuộc tấn công từ bên ngoài

Hiệu năngẽ PHP có thê không được tôi ưu để xử lý các ứng dụng web lớn và phức tạp đặc biệt là khi phải xử lý lượng lớn dữ liệu

Quản lý mã nguồnẽ Do PHP là một ngôn ngữ mã nguồn mở, điều này có thể làm cho quản lý mã nguồn và phiên bản của nó trở nên phức tạp Các lập trình viên phải sử dụng các công cụ quản lý mã nguồn đề đảm bảo rằng các phiên bản mới nhất của mã nguồn được theo dõi và giữ cho mã nguồn ôn định

Hỗ trợ cộng đồngẽ Mặc du PHP có một cộng đồng lớn và nhiều tài liệu, nhưng việc

hỗ trợ và bảo trì của các phiên bản PHP cũ có thê gặp khó khăn Điều này có thê dẫn đến việc không cập nhật và các lỗ hông bảo mật trong các phiên bản cũ của PHP

Cú phápẽ Cú pháp của PHP có thê khá khó hiểu và khó đọc, đặc biệt đối với các lập

trình viên mới bắt đầu học PHP Điều này có thể làm cho việc phát triển và bảo trì

mã nguồn trở nên khó khăn

¢ Hình 2 Hoạt động mô hình 3 lop

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

ASP.NET MVC là công nghệ sau ASP.NET Web Iorm cho phep người dùng phát triền ứng dụng web gồm 3 thành phần chCnhẽ Model, View, Controller Voi wu điểm nôi bật là nhẹ hon(lightweigt), 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à phpn 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ế chupn (Design Pattern) Tùy theo đặc điểm của ứng dụng mà ban chon cau trúc cho trang web của mình theo ASP.NET Web jrom hay theo kiến

trúc MVC, đô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

Hinh 3 M6 hinh MVC

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

SQL server chCnh là cụm tư viết tắt cla Structure Query Language duoc str 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 nhưẽ Visual C, Oracle, Visual Basic, đều có trình hỗ trợ là SQL Những ứng dụng khi chạy phải sử dyng 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

_ Nam 1989, phién ban dau tién cua SQL Server 1.0 ra doi được dùng cho các

hệ điều hành 16 bịt và được phát triên cho tới ngày nay

Cho tới khi SỌL 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 viết lại một engine hoan toàn mới Đến khi SQL Server tư phiên bản 7.0 cai 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 ngày | thang 6 năm 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 tao 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 petabytes

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 các dịch vụ thiết kê web vưa và nhỏ

đây đủ các tỄnh năng của Enterprise Ediion Đâ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 địch vụ Ở phiên bản 2012 không có ân bản này

Expressé An ban nay dé dang str dung va quan tri cơ sở dữ liệu

don gian

Website ban quan áo cung cấp người dùng những tCnh năng chCnh bao gồm chức năng quản lý và chức năng khách hàng Những chức năng trên được thê hiện ở hình sau

Stra Stra

Hinh 4, Mo hinh phan ra chic nang cua website 2.1THIET KE HE THONG

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

Các thông tin về Actor và Use case của dé tài được mô tả trong bảng 1

nhân

Quản lý Loại sản ph m Quản lý Sản phm

Đăng nhập Xem sản phm Xemchi tiếết sản ph m Giỏ hàng

Bang 1 Bang tác nhân và mô tả

Đăng ký tài khoản

Đăng nhập vào trang web

Ghi chú

Thếm, cập nhật, xóa tạm thời, Xem

2.1.3 Vẽ Use Case:

Use Case tông quát

Hình 5 Lse Case tổng quát

So do Use case tong quat của nhân viên va quan trị viên:

2.1.4 Dac ta Use Case:

đề đăng ký vào website

CSDL

đến trang chủ của website

Luong sự kién phué

màn hình, sau đó khách hàng cân nhập lại theo đúng yêu câu Busmess Rulesẽ

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

Luong sự kién phué

thoại, sau đó người dùng cần nhập lại dữ liệu theo đúng yêu cầu

Busmess Rulesẽ

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

bỏ qua

2.1.4.3 UC_003 “Quan ly Loai san phpm”

¢ Actor su dung “Thém Loại san phpm”

-_ Người quản lý thực hiện

Actor sử dụng “Sửa Loại sản phpm”

sau khi Sửa

Luong sự kién phué

Business Rulesé

Actor sử dụng “Xóa ”

» - Tiền điều kiệnẽ

Người dùng click vào nút [Xóa| trong giao diện “Quản

lý Loại sản phpm”

Luong su kién chCnhé

điện Xóa Loại sản phpm

- _ Hệ thống sẽ chuyền trạng thái của Loại sản phpm đang sửa thành “Đã Khóa”

- _ Trả về giao diện “Quản lý Loại sản phpm” sau khi Xóa tạm thời

Luong sự kién phué

Business Rulesé

2.1.4.4 UC_004 “Quan ly San phpm”

¢« Actor str dung “Thém San phpm”

Tiền điều kiệnẽ

» - Tiền điều kiệnẽ

¢« Actor sir dụng “Xóa ”

* Tién điều kiệnẽ

2.1.4.5 UC_005 “Xem Thông tin Sản Phpm”

# Actor sử dụng “Xem thông tim sản phpm”

chưa, nếu đúng sẽ hiền thị thông tin chỉ tiết sản phpm can xem

thoại thông báo

¢« Actor si dung “Thém vao gid hang”

* Tién diéu kiéné

- _ Người dùng ở trang chỉ tiết sản phpm

hàng

chưa, nếu đúng sẽ thêm sản phpm tương ứng với số lượng vào giỏ hàng

2.1.4.6 UC_006 “Gid hang”

¢ Actor su dung “Thém san phpm vao g16 hang”

* Tién diéu kiéné

vào giỏ hàng| ở các sản phpm

¢« Actor si dung “Cap nhat san phpm trong Gid hàng”

» _ Tiền điều kiéné

¢« Actor su dụng “Xóa sản phpm trong Gid hang”

* Tién điều kiệnẽ

2.1.5 Biểu đồ hoạt động: 2.1.5.1 Biêu đồ hoạt động Đăng kýẽ

2.1.5.2 Biêu đồ hoạt động Đăng nhậpẽ

Đăng nhập

Cơ sở dữ liệu 05/14

2.1.5.3 Biều đồ hoạt động Quản lý Loại san phpmé

nh 8 Biếu đồ hoạt động Quản lý Loại sản phẩm

2.1.5.4 Biểu đồ hoạt động Quản lý Sản phpmẽ

Hình 9 Biêu đồ hoạt động Quản lý Sản phẩm

2.1.5.5 Biêu đồ hoạt động Giỏ hàng

Hình 10 Biêu đồ hoạt động Giỏ hàng

2.1.6 Biểu đồ tuần tự

2.1.6.1 Biêu đồ tuần tự Đăng ký

Hinh 11 Biéu dé tuan tu Dang ky

2.1.6.2 Biêu đồ tuần tự Đăng nhậpẽ

2.1.6.3 Biêu đồ tuần tự Quản lý Loại sản phpm

nh 13 Biểu đồ tuân tự Quản lý Loại sản phẩm

2.1.6.4 Biêu đồ tuần tự Quản lý Sản phpm

Hình 14 Biểu đồ tuân tự Quản lý Sản phẩm

2.1.6.5 Biêu đồ tuần tự Xem và lọc sản phpm

2.1.6.6 Biéu dé tuan ty Gid hang

Hình 16 Biếu đồ tuần tự Giỏ hàng

22 THIET KE CO SO DU LIEU

2.2.1 Sơ đồ quan hệ CSDL

Cơ sở dữ liệu của đề tài được thiết kế gồm 4 bangé SanPham, LoaiSanPham va GioHang Trong day bang LoaiSanPham, GioHang co quan hé vé1 bang SanPham Chi tiết về quan hệ giữa các bảng cho bởi hình bên đưới