báo cáo bài tập lớn thiết kế lập trình backend đề tài xây dựng website giày

Đối với đối tượng sử dụng là quản lý cửa hàng sẽ được cấp một tài khoản và mật khẩu riêng sau khi đăng nhập vào được hệ thống thì người quản lý sẽ thực hiện được chức năng thêm, sửa, xóa

BAO CAO BAI TAP LON HOC PHAN: THỰC TẬP CNTT 4

THIET KE LAP TRINH BACKEND

ĐÈ TÀI: XÂY DỰNG WEBSITE GIÀY

Giảng viên hướng dẫn: Nguyễn Đức Thiện

Sinh viên thực hiện: Lưu Anh Tú

Mã sinh viên: 1571020267

Lop: CNTT 15-04

Ha Noi, thang 07 nam 2023

TRƯỜNG ĐẠI HỌC ĐẠI NAM KHOA CÔNG NGHỆ THÔNG TIN

ĐẠI NAM UNIVERSITY

BAO CAO BAI TAP LON HOC PHAN: THỰC TẬP CNTT 4

THIET KE LAP TRINH BACKEND

DE TAI: XAY DUNG WEBSITE GIAY DEP

(Của giảng viên hướng dẫn)

Ky va ghi ho tén

MỤC LỤC

DANH MỤC HÌNH ẢNH - 5 21 HH HH 2121221121 reye 6 DANH MỤC CÁC BÁNG - ST HH HH HH HH2 tt n1 H21 7 CHUONG I GIỚI THIỆU VỀ ĐÈ TÀI -5 2s SE 12212 t2 10111 ga § 1.1 Lý do chọn để tải: ST TH TH HH HH1 nu r H2 n1 ren § 1.2 Mục tiêu của để tài: - 5c 2222 2212212 11 2212212212122 e §

ID .'Ũ1DỤẦAẢẢẢÁẶẶÝÝÝ §

1.4 Giới hạn và phạm vi của đỀ tài - ác cccnnTnE n tEH HH 121gr rưyn §

1.5 Các công nghệ được sử dụng trong để tải: c2 rườn 8

CHƯƠNG 2 MÔ TẢ CÁC CHỨC NĂNG CỦA ỨNG ĐỤNG 0 che 9

2.1 ỳ` ii si na 9

2.2 Mô tả chỉ tiết các chức năng - Stc TT TỰ 2 1n 1 1 212122121 err ru 9 CHƯƠNG 3 THIẾT KẺ HỆ THÓNG 52 5 TỰ H112 1212 ree 11 3.1 Thiết kế giao diện ¿- + s1 2212 12t t1 T21 121 nang ng re 11

3.1.1 Giao diện trang chủ óc c ng vn HT H112 011111 11811111 HH 11 01111111111 k du 11

EU Cốc 11 3.1.3 Giao dign dang on 12

3.1.4 Giao điện đanh mục sản phẩm + St E211 11211 2122222101 1 erreg 13 3.1.5 Giao diện trang chỉ tiết sản phẩm 1 5s S E212 211212 ga 13 3.1.6 Giao điện đề xuất sản phẩm - 1.5 TT HH H121 212121 erryg 14

3.1.7 Giao diện trong g1ỏ hàằng., LH 1 1011111011111 1101111121111 11 1111110111111 1111 Hy 14

3.1.8 Giao điện thêm sản phẩm mới tt SE E11 11121121122122 2111 11a 15

3.1.9 Giao dién About US - ng ng ng ng kg kg kg Tre 15 3.1.10 Giao diện Contact s TT HS TH TT ng KT KH KT kg ca g vt 16 3.1.11 Giao diện ACCOUII ccecccccccceccessecevesscecesusevessevessecertsecensecettaseettacerteecerers 16

3.1.12 Giao diện chỉnh sửa thông tin sản phâm - 5 ST EEE rEE 1t cm re 17

3.1.13 Giao điện xem chỉ tiết hóa đơn 55c c2 1221 2212211212222 ru 17 3.2 Thiết kế cơ sở đữ liệu - 21 22c 2112212112211 21121 212121212 e 17

3.2.1 Danh sach Cac Dang ố ố 17

CHUONG 4 XAY DUNG CHUONG TRINH 0 000cccccccccccccsccsscesesssessesssessessesesseseessen 19

4.1 Các giao diện thực tế sau khi Xây Ựng L2 1H11 11H01 0211111811111 1111 rau 19

4.2 Mã nguồn một số chức năng St SE E211 211211112211 2121101212121 0rrre 19 4.2.1 Mã nguồn chức năng đăng nhập - 2 St SE 1121121122122 E1 1 neerreg 19 4.2.3 Mã nguồn chức năng đăng ký tài khoản 5 SE E2 trường 20

KẾT LUẬN - 5 SccnHrHnnHn HH tt u11 2121 2tr run 21 TÀI LIỆU THAM KHẢO 55 25c 1 211021 2 22 2111 212g ra 22

MỞ ĐẦU

Quản lý cửa hàng giày đòi hỏi các chức năng như quản lý đặt hàng, bán hàng, thanh toán Đề giải quyết bài toán này, cần có một hệ thống phần mềm quản lý bán hàng đề hỗ trợ quản lý tất cả các hoạt động kinh doanh Các tính năng của phần mềm bao gồm quản lý đặt hàng, lập hóa đơn Đề tăng cường kinh doanh, cần phát triển chiến lược quảng cáo và marketing va tăng cường chất lượng dịch vụ đề thu hút và giữ chân khách hàng.Hệ thống có những người sử dụng như : Admin , khách hàng Xin chân thành cảm ơn đến thầy giáo hướng dẫn thầy Nguyễn Đức Thiện chủ nhiệm môn “Thực Tập CNTT 4”, người trực tiếp hướng dẫn và giúp đỡ chúng em về kiến thức, tài liệu, phương pháp, đã luôn dành thời gian, công sức hướng dẫn trong suốt đề tài tiêu luận và trong quá trình làm bài.Xin chân thành cảm ơn các cán bộ, giảng viên khoa CNTT đã cung cấp tài liệu, kiến thức để em có thể học tập và phát triên thêm sau này

DANH MỤC HÌNH ẢNH

Hình I: Giao diện trang chủ L2 211 121 1n 1211 2111111111111 011111 111kg HH TH Hy Hiệu 11

Hình 2: Giao diện đăng nhập 20111211 112111112141101111111 1011111111111 0118111111151 115 tyer 11 Hình 3: Giao diện đăng Kí Q01 n2 1 H1 11101011111 1H11 111111211 1 HH HH TH 1 tràn 12

Hình 4: Giao diện danh mục sản phâm dececeseaececenseesescesesseccenseecenteccusseceeeaeceveascevensceeessecenaaaeeeese 13

Hình 5: Giao diện trang chi tiết san pham ccccccccccccccseesscssssessecssesssessiesssetssesseteessesesserseeess 13 n1 Ninc h0 8 60 8n - aádẢ 14 Hình 7: Giao diện trong giỏ hàng., 12111211 11011111111 111 011111 110111110110 111 1H H2 1 kg 14

Hình 8: Giao diện thêm sản phẩm mới 22- 1 2S E2 1E 18211 112111112112 2112 1 1 ng 15

Hình 9: Giao dién About Us ices ceecccceseccecesececescecerseecerseecessecceseecensesevseseetsecevsseceveaseeees 15 Hinh 10: Giao dién Contact US ccc cecccccecccccececccenecccersceceescccstscccsesascesauseveauccvetsseestsseeeeeenees 16 Hình 11: Giao dién AcCount 0 ccc ccc cccecccccenscccersccceseccensecceesescessuscvesuseresseventsseentsseentsseenees 16

Hình 12: Giao diện chỉnh sửa thông tin sản phẩm 52 ST E812 21 1errree 17

Hình 13: Giao diện xem chỉ tiết hóa đơn 55+ 22211 12221111221111112111210 112.111 re 17

DANH MỤC CÁC BẢNG

Bảng l1: Bảng cơ sở đữ liệu aCCOUTIH L0 2012112110112 10110111112111101181111111 1011111101111 re 17

Bảng 2: Bảng cơ sở dữ liệu chỉ tiết hóa đơn s St n2 n1 H121 cr re 18

Bảng 3: Bảng cơ sở đữ liệu hóa đơn c1 2n 22v 21011911 1101111111111 01211 01 011111 1g vn 18 Bảng 4: Bảng cơ sở dữ liệu Shoes 0 L2 1 121011011111 111111101101 0110110111111 111 11x yeu 19

Bang 5: Bang cơ sở đữ liệu The Lodi ccc ccccccccccccescscscesesssveresssvevssesesesessseavavsseavseseseseaeseerevevavece 19

CHUONG 1 GIOI THIEU VE DE TAI

1.1 Ly do chon dé tai:

Đề tăng cường kinh doanh, cần phát triển chiến lược quảng cáo và marketing và tăng cường chất lượng dịch vụ dé thu hut va giữ chân khách hàng lên sẽ mở thêm web quản ly giày dép

1.2 Mục tiêu của đề tài:

- Trau ddi kiến thức cho môn học, có kinh nghiệm phân tích, thiết kế, xây dựng các chương trình thực tế

- Tin hoc hóa quy trinh quản lý tại cửa hàng

- _ Ứng dụng website quản lý bán giày đép online với các tính năng sau: giao diện thân thiện, dễ sử dụng, xem thông tin sản phẩm, đặt hàng, tương tác dé dang, nhanh chóng

13 Tinh kha thi:

- _ Xây dựng được Website bán sản phẩm theo yêu cầu của dé tai

- Xây dựng được hệ thống quản lý của hàng giày đép có đủ các chức năng cơ

bản

1.4 _ Giới hạn và phạm vi của đề tài:

- Nhỏ, trước mắt sẽ triển khai theo quy mô cửa hàng

- _ Đối tượng sử dụng: phần mềm được sử dụng bởi admin, khách hàng

1.5 _ Các công nghệ được sử dụng trong đề tài:

- ASP.NET CORE MVC,

- HTML, CSS, JS,

- SQLServer

CHƯƠNG 2 MÔ TẢ CÁC CHỨC NĂNG CỦA ỨNG DỤNG

2.1 Danh sách chức năng

STT | NGƯỜI SỬ DỤNG | TÊN CHỨC NĂNG

1 Admin - Quan lý sản phâm: Thêm, sửa, xóa, tìm kiêm san pham

- Quản lý danh mục: Thêm, sửa, xóa danh mục

- Đăng nhập/Đăng xuất

3 Khách hàng - Đăng kí tài khoản

- Xem sản phâm

- Quản lý giỏ hàng: Thêm, xóa, sửa, tìm kiếm sản phẩm

trong gid hang

- Quan ly don hang

- Dat hang

- Quan ly tai khoan ca nhan:

+ Đồi mật khâu + Thay đổi thông tin

- Đọc tin tức

- Đăng nhập/Đăng xuất

2.2 Mô tả chỉ tiết các chức năng

Admin (Quản trị viên) sẽ quản lý tài khoản cho phép từng đối tượng sử dụng

có thê truy cập vào trang website dé thực hiện những mục đích khác nhau

Đối với khách hàng việc đăng kí/đăng nhập được điễn ra nhanh chóng Đối với người dùng đã đăng kí tài khoản trước đó, sau khi điền tên đăng nhập và password người dùng đã có thế dễ đàng vào trang web để mua hàng hoặc xem sản phẩm trên trang web Nếu người dùng chưa có tài khoản thì khách hàng có thể đễ dàng đăng ký tài khoản mới một cách đễ dàng bằng việc điền đầy đủ tên đăng nhập, địa chỉ email cũng như thiết lập mật khâu và nhập lại mật khẩu, hoàn thành xong bước đăng kí tài khoản và có thê đăng nhập được vào hệ thông bằng tên đăng nhập và password đã tạo Đối với đối tượng sử dụng là quản lý cửa hàng sẽ được cấp một tài khoản và mật khẩu riêng sau khi đăng nhập vào được hệ thống thì người quản lý sẽ thực hiện được chức năng thêm, sửa, xóa và chức năng phân quyền Thêm, sửa, xóa những sản phẩm mới về hoặc điều chỉnh số lượng cũng như xóa các mặt hàng tồn kho không bán được đề đừng bán mặt hàng này

Quản lý danh mục giúp cho khách hàng dễ dàng tìm kiếm sản phâm một cách

dễ đàng Sản phẩm sẽ được phân chia ra theo từng danh mục riêng khách hàng có thể tìm kiếm qua đặc điểm của sản phẩm, qua tên của sản phâm Không chỉ có các mục về sản phẩm mà còn có những mục như thông tin giới thiệu chỉ tiết sản phẩm, số lượng sản phẩm còn trong kho từ đó người dùng có thể thêm sản pham vao gid hang dé dang hơn Đối với admin quản lý đanh mục giúp cho dé đàng quản lý được lượng loại hàng đang được đăng bán, giúp cho việc thêm, sửa, xóa sản phẩm được thuận tiện và chóng Quản lý sản phẩm cho phép admin thêm, sửa, xóa thông tin của sản phâm kèm hình ảnh đi kèm Cập nhật liên tục các chương trình khuyến mãi cho từng sản phẩm, cũng như mức giá của sản phẩm đó Đối với người admin chức năng quản lý sản phâm

sẽ giúp cho việc kiểm soát số lượng hàng hóa đễ dàng hơn Từ những con số thống kê được trên hệ thống thì quản lý có thể năm rõ được số lượng chính xác sản phẩm bán chạy sản phâm tồn kho đề từ đó đưa ra những chiến lược kinh doanh đề đây mạnh thu được doanh số cho cửa hàng

Tìm kiếm (tìm theo tên, mã mặt hàng, khoảng giá, ) cho phép người quản

lý của cửa hàng cập nhật những sản phẩm có sẵn trong menu hôm nay của cửa hàng từ

đó giúp cho người dùng có thê tìm kiếm các sản phẩm hiện đang kinh doanh, ngoài ra khách hàng có thê dễ dàng xem chỉ tiết thông tin của sản phâm mà khách hàng vừa tìm kiếm băng những mô tả chỉ tiết của cửa hàng về sản phâm đó

10

CHUONG 3 THIET KE HE THONG 3.1 Thiét ké giao dién

3.1.1 Giao dién trang chu

Hinh I: Giao điện trang chủ

- Giao điện trang chủ gồm những thông tin hiến thị cho khách hàng xem và ấn vào sản phẩm phục vụ nhu cầu của khách hàng khi đến với website

-_ Hiến thị một số danh mục và loại sản phẩm

3.1.2 Giao diện đăng nhập

Home Shop AboutUs ContactUs Account o

Signin

Not a member? Register

Hình 2: Giao điện đăng nhập

- Mục đích: đề thực hiện việc đặt hàng (đối với khách hàng) hoặc quản lý sản

phâm (đối với quản trị viên)

- - Khách hàng muốn mua thì phải đăng nhập vào hệ thống bằng địa chỉ email và password đã đăng kí

11

Khi đăng nhập thành công:

+ Đối với khách hàng: Tên khách hàng sẽ được hiển thị lên trên mục trang account „ ngược lại nếu đăng nhập sai thì hệ thống sẽ yêu cầu nhập lại + Đối với quản tri viên: Tên Admin sẽ được hiển thị lên trên mục trang account „ ngược lại nếu đăng nhập sai thì hệ thống sẽ yêu cầu nhập lại Khi hoàn tất quá trình đăng nhập:

+ Đối với khách hàng: Thi hệ thống sẽ trở lại trang chủ để cho bạn tìm kiếm sản phẩm muốn mua

+ Đối với quản trị: Thì hệ thông sẽ truy cập vào trang chủ rồi có thể an vào mục shop có thê thêm, sửa , xóa sản phâm

Giao diện đăng kí

Hình 3: Giao điện đăng kí

Mục đích: đăng ký thông tin để thực hiện mua sắm sản phẩm tại website Rang buộc: thông tin phải chính xác

Tại trang đăng kí thông tin khách hàng sẽ đăng kí những thông tin mà hệ thống yêu câu Sau khi đăng ký xong thông tin sẽ được hệ thống xử lý khách hàng quay về trang đăng nhập để đăng nhập thực hiện mua hàng

Thông tin đăng kí phải đăng kí đầy đủ thông tin, nếu không điền đủ thông tin thì

hệ thống sẽ báo bạn phải điền đủ thông tin Đối với email thì hệ thống có kiểm tra

bạn phải nhập email có hợp lệ không, nếu không hợp lệ hệ thống sẽ yêu cầu nhập lại Khi nhập mật khâu bạn phải nhập đúng mật khâu nếu mật khẩu không tring khớp hệ thống sẽ phản hồi lại mật khâu không hợp lệ

12

3.1.4 Giao diện danh mục sản phâm

LUUANHTU

Hinh 4: Giao dién danh muc san pham

- Muc dich: hién thi danh sach san pham của một loại sản phẩm nao do

- é thuận tiện cho việc lựa chọn sản phẩm, hệ thống có rất nhiều cách để tìm kiếm sản phẩm nhanh đáp ứng nhu cầu khách hàng

- Khách hàng muốn mua một sản phẩm theo một tên loại sản phẩm nào đó thì khách hàng lựa chọn sản phẩm mà mình muốn mua tại danh mục sản phẩm hoặc nhập tên sản phâm tại thanh tìm kiếm

- _ Khi khách hàng lựa chọn một loại sản phâm nào đó sẽ có rất nhiều sản phẩm

3.1.5 Giao diện trang chi tiết sản phâm

Tình 5: Giao điện trang chỉ tiết sản phẩm

- _ Mục đích: hiến thị thông tin chỉ tiết của một sản phẩm như: mô tả, câu tạo, công dụng, giá bán,

13

3.1.6 Giao diện đề xuất sản phâm

Sản phẩm

Tình 6: Giao diện đề xuất sản phẩm

Bên cạnh đó trong trang chỉ tiết cũng đề xuất các sản phâm tương tự đề khách hàng lựa chọn

3.1.7 Giao diện trong giỏ hàng

Home Shop About Us ContatUs Account «

Hình 7: Giao điện trong giỏ hàng

Mục đích: lưu thông tin, hiện thông tin những sản phâm chọn mua

14

3.1.8 Giao diện thêm sản phâm mới

Home Shep AboutUs ContatUs Accoupt &

Giả sale

Short Description:

Thể loại

List Ảnh

Chọn tập | Không có tệp nào được chọn

Hinh 8: Giao điện thêm sản phẩm mới

- _ Mục đích: thực hiện thêm sản phẩm

3.1.9 Giao dién About Us

Hinh 9: Giao dién vé About Us

- Mue dich: hiéu biét hon vé shop Pigeon ciing nhu noi vé dé tin cậy của shop

15