đồ án môn học lập trình web đề tài xây dựng website quản lý cửa hàng bán thịt

TạoView 1.0 Sinh viênkhông viếtđược các câulệnh tạo Viewnhư yêu cầuSinh viên viếtđược các câulệnh tạo View,còn nhiều saisótSinh viên viếtđược phần lớn các câu lệnhtạo View, cònmột vài sa

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT

VIỆN KỸ THUẬT CÔNG NGHỆ

ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB

Đề tài XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG BÁN THỊT

2 Nguyễn Quốc Hoàng Bảo : 2124802010096

Lớp:D21CNTT07

Tháng /2023

MỤC LỤC

CHƯƠNG I:MỞ ĐẦU 12

1.Giới thiệu 12

2.Kiến trúc hệ thống 13

CHƯƠNG II:NỘI DUNG 15

3.Biểu đồ Usecase 15

3.1.Mô tả use case 15

3.2 Biểu đồ use case toàn hệ thống 16

3.3 Biểu đồ use case Quản lý giỏ hàng 17

3.4 Biểu đồ use case Quản lý sản phẩm 17

3.5 Biểu đồ use case Quản lý tài khoản khách hàng 18

3.6 Biểu đồ use case Quản lý đơn hàng 18

3.7 Biểu đồ use case Quản lý thông tin liên hệ 19

3.10 Đặc tả use case 19

3.10.1 Đặc tả use case Đăng ký 19

3.10.2 Đặc tả use case Đăng nhập 20

3.10.3 Đặc tả use case Xem sản phẩm 21

3.10.4 Đặc tả use case Tìm kiếm 21

3.10.5 Đặc tả use case Chọn sản phẩm 23

3.10.6 Đặc tả use case Quản lý giỏ hàng 23

3.10.7 Đặc tả use case Quản lý thanh toán 25

3.10.8 Đặc tả use case Quản lý thông tin khách hàng 26

3.10.9 Đặc tả use case Quản lý sản phẩm 26

3.10.11 Đặc tả use case Quản lý liên hệ 27

3.11 Phân quyền 29

4.Class Diagram 30

5 Biểu đồ tuần tự các chức năng của hệ thống 31

5.1 Biểu đồ tuần tự Đăng nhập 31

5.2 Biểu đồ tuần tự Hiển thị sản phẩm 32

5.3 Biểu đồ tuần tự Cập nhật giỏ hàng 32

5.4 Biểu đồ tuần tự Quản lý giỏ hàng 33

5.5 Biểu đồ tuần tự Quản lý sản phẩm 33

CHƯƠNG III:THIẾT KẾ DATABASE 35

6.Thiết kế DataBase 35

6.1 Lược đồ quan hệ thực thể 35

6.2 Lược đồ 35

6.3 Lược đồ chi tiết 36

CHƯƠNG IV:PHÂN TÍCH,THIẾT KẾ CHƯƠNG TRÌNH,GIAO DIỆN 39

7.Thiết kế giao diện 39

7.1 Giao diện bán hàng 39

7.1.1 Giao diện chính (Trang chủ) 39

7.1.2 Giao diện trang Menu 40

7.1.3 Giao diện trang Giới thiệu 41

7.1.4 Giao diện trang Khuyến mãi 41

7.1.5 Giao diện trang Liên Hệ 42

7.1.6 Giao diện trang Tin Tức 43

7.2 Giao diện dành cho Admin 43

7.2.1 Giao diện trang đăng nhập admin 44

7.2.2 Giao diện Quản lý sản phẩm 44

7.2.3 Giao diện Quản lý đơn hàng 45

7.2.4 Giao diện Chi tiết đơn hàng 45

7.2.5 Giao diện quản lý khách hàng 45

7.2.6 Giao diện quản lý liên hệ 46

8.Thiết kế chức năng chi tiết 47

8.1 Use case 01: Đăng ký 47

8.1.1 Thiết kế giao diện 47

8.1.2 Activity diagram Đăng ký 51

51

8.1.3 Detail Processing (Đăng ký) 52

8.2 Use case 08: Quản lý giỏ hàng 53

8.2.1 Thiết kế giao diện 54

8.2.2 Activity diagram Xem giỏ hàng: 56

8.2.3 Detail Processing (Cập nhật số lượng sản phẩm trong Giỏ hàng) 57

8.2.4 Activity diagram Chỉnh sửa giỏ hàng 60

8.2.5 Detail Processing (Xóa sản phẩm trong Giỏ hàng) 61

8.3 Use case 09: Quản lý sản phẩm 62

8.3.1 Thiết kế giao diện 62

8.3.2 Activity Diagram Quản lý sản phẩm 66

8.3.5 Thêm mới sản phẩm 67

8.3.6 Chỉnh sửa sản phẩm 71

8.3.7 Hiển thị sản phẩm 75

8.3.8 Xoá sản phẩm 77

CHƯƠNG V:KẾT LUẬN 82

TÀI LIỆU THAM KHẢO 83

THAM GIA ĐÓNG GÓP 83

DANH MỤC HÌNH ẢNH Hình 1 1 Các thành phần chính của mô hình MVC 13

Hình 1 2 Mô hình tuần tự của MVC 14

Hình 1 3 Mô tả use case 15

Hình 1 4 Use case toàn hệ thống 16

Hình 1 5 Biểu đồ use case quản lý giỏ hàng 17

Hình 1 6 Biểu đồ use case quản lý sản phẩm 18

Hình 1 7 Use case quản lý tài khoản khách hàng 18

Hình 1 8 Use case quản lý đơn hàng 18

Hình 1 9 Use case quản lý thông tin liên hệ 19

Hình 2 1 Class diagram 31

Hình 2 2 Biểu đồ tuần tự đăng nhập 32

Hình 2 3 Biểu đồ tuần tự hiển thị sản phẩm 33

Hình 2 4 Biểu đồ tuần tự cập nhật giỏ hàng 33

Hình 2 5 Biểu đồ tuần tự quản lý giỏ hàng 34

Hình 2 6 Biểu đồ tuần tự quản lý sản phẩm(Thêm sản phẩm) 34

Hình 3 1 Lược đồ quan hệ thực thể 36

Hình 3 2 Giao diện chính(Index) 40

Hình 3 3 Giao diện trang(Menu) 41

Hình 3 4 Giao diện trang(Giới thiệu) 42

Hình 3 5 Giao diện trang(Khuyến mãi) 43

Hình 3 6 Giao diện trang(Liên hệ) 43

Hình 3 7 Giao diện trang(Tin tức) 43

Hình 4 1 Giao diện trang đăng nhập(Admin) 45

Hình 4 2 Giao diện trang quản lý sản phẩm(Admin) 45

Hình 4 3 Giao diện trang đơn hàng(Admin) 46

Hình 4 4 Giao diện trang chi tiết đơn hàng(Admin) 46

Hình 4 5 Giao diện trang quản lý khách hàng(Admin) 47

Hình 4 6 Giao diện quản lý liên hệ(Admin) 47

DANH MỤC BẢNG Bảng 1 1 Mô tả use case 15

Bảng 1 2 Use case đăng ký 20

Bảng 1 3 Use case đăng nhập 21

Bảng 1 4 Use case xem sản phẩm 21

Bảng 1 5 Use case tìm kiếm 22

Bảng 1 6 Use case chọn sản phẩm 23

Bảng 1 7 Use case quản lý giỏ hàng 24

Bảng 1 8 Use case quản lý thanh toán 25

Bảng 1 9 Use case quản lý thông tin khách hàng 26

Bảng 1 10 Use case quản lý sản phẩm 27

Bảng 1 11 Use case quản lý liên hệ 28

Bảng 2 1 Phân quyền 29

Bảng 2 2 Khách hàng 36

Bảng 2 3 Sản phẩm 36

Bảng 2 4 Liên hệ 37

Bảng 2 5 Đơn hàng 37

Bảng 2 6 Chi tiết đơn hàng 38

Bảng 3 1 Mô tả use case 01: Đăng ký 47

Bảng 3 2 Danh sách chi tiết các control (Trang đăng ký) 50

Bảng 3 3 Detail Processing(Đăng ký) 52

Bảng 3 4 Quản lý giỏ hàng 53

Bảng 3 5 Danh sách chi tiết các control trong giỏ hàng 57

Bảng 3 6 Detail Processing(Cập nhật số lượng sản phẩm trong giỏ hàng) 58

Bảng 3 7 Danh sách chi tiết các control(Trang chỉnh sửa giỏ hàng) 60

Bảng 3 8 Detail processing(Xóa sản phẩm trong giỏ hàng) 63

Bảng 3 9 Quản lý sản phẩm(Admin) 63

Bảng 3 10 Danh sách chi tiết control(Admin) 66

Bảng 3 11 Detail processing(Admin) 68

Bảng 3 12 Thêm mới sản phẩm(Admin) 72

Bảng 3 13 Chỉnh sửa sản phẩm(Admin) 76

Bảng 3 14 Hiển thị sản phẩm(Admin) 78

Bảng 3 15 Xóa sản phẩm(Admin) 80

LỜI MỞ ĐẦU

Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cả chiều rộng và sâu Máy tính điện tử không còn là một thứ phương tiện quý hiếm mà đang càng ngày càng trở thành một công cụ làm việc và giải trí thông dụng của con người, không chỉ ở nơi làm việc mà còn ngay trong gia đình Đặc biệt là công nghệ thông tin được áp dụng trên mọi lĩnh vực kinh tế, chính trị, xã hội… Ứng dụng công nghệ thông tin và tin học hóa được xem là một trong yếu tố mang tính quyết định trong hoạt động quốc gia, tổ chức và trong cả các cửa hàng Nó đóng vai trò hết sức quan trọng và có thể tạo nên bước đột phá mạnh mẽ Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng đề truyền tại, trao đổi thông tin trên toàn cầu Bằng Internet, chúng ta đã thực hiện được những công việc với tốc độ nhanh hơn, chi phí thấp hơn nhiều so với các thức truyền thống Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao đời sống con người Trong hoạt động sản xuất, kinh doanh, thương

mại điện tử đã khẳng định được xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một của hàng,việc quảng bá và giới thiệu sản phẩm đến khách hàng đáp ứng nhu cầu mua sắm ngày càng cao của khách

hàng sẽ là cần thiết Vì vậy, nhóm chúng em đã thực hiện đề tài “Xây dựng Website bán thịt ” Của hằng

có thể đưa các sản phẩm lên Website của mình mà không cần đến cửa hàng, cửa hàng sẽ gửi sáng phẩm đếntay khách hàng Website là nơi quản bá tốt nhất tất cả sản phẩm mình bán ra

Qua đây chúng em xin gửi lời cảm ơn chân thành và bày tỏ lòng biết ơn đến sự chỉ bảo tận tình của giảng viên trong khoa “Công nghệ thông tin” là thầy ThS.Nguyễn Hữu Vĩnh, người đã trực tiếp hướng dẫn, chỉ bảo và giúp đỡ chúng em trong thời gian thực hiện đồ án này

TRƯỜNG ĐH THỦ DẦU MỘT

VIỆN KỸ THUẬT CÔNG NGHỆ CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự do – Hạnh phúc

PHIẾU CHẤM TIỂU LUẬN

Thời gian: Địa điểm:

Học phần:

Tên đề tài:

Sinh viên/ Nhóm SV thực hiện Lớp

Phần 1 Nội dung (6.0 điểm)

ST

T Nội dung đánh giá

Điểm tối đa

Kém (25%) Trung bình

(50%)

Khá (75%) Tốt (100%) Điể

m đánh giá

Thực hiệnđược yêu cầu,vẫn còn mộtvài sai sótquan trọng

Thực hiệnđúng yêu cầu

có một vài saisót nhỏ

Thực hiệnđúng và đầy

Sinh viên viếtđược các câulệnh tạo View,còn nhiều saisót

Sinh viên viếtđược phần lớn các câu lệnhtạo View, cònmột vài sai sótnhỏ

Sinh viên viếtđược tất cả các câu lệnhtạo View (saisót không đángkể)

Chương 2 Tạo

Stored

Procedure

1.0 Sinh viênkhông viếtđược các câu

StoredProcedure nhưyêu cầu

Sinh viên viếtđược các câulệnh tạo StoredProcedure, cònnhiều sai sót

Sinh viên viếtđược phần lớn các câu lệnhtạo StoredProcedure, cònmột vài sai sótnhỏ

Sinh viên viếtđược tất cả các câu lệnhtạo StoredProcedure (saisót không đángkể)

Chương 2 Tạo

Function

1.0 Sinh viênkhông viếtđược các câu

Function nhưyêu cầu

Sinh viên viếtđược các câu

Function, cònnhiều sai sót

Sinh viên viếtđược phần lớn các câu lệnhtạo Function,còn một vài saisót nhỏ

Sinh viên viếtđược tất cả các câu lệnhtạo Function.(sai sót khôngđáng kể)

Sinh viên viếtđược các câu

Trigger &

Transaction,còn nhiều saisót

Sinh viên viếtđược phần lớn các câu lệnhtạo Trigger &

Transaction,còn một vài saisót nhỏ

Sinh viên viếtđược tất cả các câu lệnhtạo Trigger & Transaction.(sai sót khôngđáng kể)Chương 2 Tạo

& Phân quyền 1.0 Sinh viênkhông viết Sinh viên viếtđược các câu Sinh viên viếtđược phần lớn Sinh viên viếtđược tất cả

cho User

được các câulệnh tạo &

phân quyềncho User

lệnh tạo &

phân quyềncho User, cònnhiều sai sót

các câu lệnhtạo & phânquyền choUser, còn mộtvài sai sót nhỏ

các câu lệnhtạo & phânquyền choUser (sai sótkhông đángkể)

đề tài

Viết được mộtphần kết quảđạt được, hạnchế và hướngphát triển của

đề tài

Viết đượcphần lớn kếtquả đạt được,hạn chế vàhướng pháttriển của đềtài

Viết được kếtquả đạt được,hạn chế vàhướng pháttriển của đề tài

chính tả

Đúng mẫu,còn nhiều lỗichính tả, lỗiđịnh dạng

Đúng mẫu,còn một vài lỗiđịnh dạng

Đúng mẫu,đúng địnhdạng

2 Thuyết trình

1.0 Người thuyếttrình chưa tựtin, chưa thuhút ngườinghe

Người thuyếttrình còn mắcmột số lỗi(giọng nhỏ,đọc là chủ yếu,

…)

Người thuyếttrình tự tin Người thuyếttrình tự tin, thu

nghe

Phần 3 Trả lời câu hỏi (2.0 điểm)

1 Trả lời câu hỏicủa CB chấm

2.0 Không trả lờiđược câu hỏiđặt ra

Trả lời được50% câu hỏiđặt ra, câu trảlời chưa hoànchỉnh

Trả lời đượccâu hỏi đặt ra,còn 1 vài saisót nhỏ

Trả lời chínhxác hầu hết câuhỏi đặt ra

CHƯƠNG I:MỞ ĐẦU

Các thành phần chức năng của dự án:

1.Chức năng đăng nhập/tìm kiếm sản phẩm:

+Đăng ký tài khoản

+Đăng nhập vào trang web

+Xem thông tin chi tiết về sản phẩm thịt gà

+Tìm kiếm sản phẩm về thịt gà

+Chọn sản phẩm để mua

2.Chức năng mua hàng/thanh toán:

+Đặt hàng sản phẩm về thịt gà

+Quản lý sản phẩm trong giỏ hàng

+Thanh toán bằng các phương thức thanh toán trực tuyến thông qua dịch vụ như ví điện tử,banking…3.Chức năng của quản trị viên:

+Quản lý thông tin khách hàng

+Quản lý sản phẩm (chi tiết sản phẩm, thêm sản phẩm, chỉnh sửa sản phẩm, xóa sản phẩm, v.v.).+Quản lý thông tin tuyển dụng.

+Quản lý thông tin liên hệ

+Quản lý danh sách sản phẩm đã đặt hàng trong đơn hàng của khách hàng

tượng khác

Hình 1 1 Các thành phần chính của mô hình MVC

Khi người sử dụng hoặc những đối tượng khác cần thay đổi trạng thái của đối tượng đồhọa, nó sẽ tương tác thông qua Controller của đối tượng đồ họa Controller sẽ thực hiệnviệc thay đổi trên Model Khi có bất kỳ sự thay đổi nào xảy ra ở Model, nó sẽ phát

thông điệp ( broadcast message) thông báo cho View và Controller biết Nhận được

8.2.2 Detail Processing (Cập nhật số lượng sản phẩm trong Giỏ hàng)

Giao diện khi click Chỉnh sửa giỏ hàng để tiến hành cập nhật số lượng sản phẩm hoặc xoá sản phẩm trong giỏ hàng

Hình 5 3 Giao diện trang Chỉnh sửa giỏ hàng

Hình 8.10.Danh sách chi tiết các Control (trang Chỉnh sửa giỏ hàng)

Hình 5 4 Giao diện trang giỏ hàng sau khi cập nhật sản phẩm

Giỏ hàng đã cập nhật sau khi xoá sản phẩm DỰNG HEO

Hình 5 5 Giao diện trang Giỏ hàng sau khi xóa sản phẩm

8.2.3 Activity diagram Chỉnh sửa giỏ hàng

Hình 5 6 Activity diagram Chỉnh sửa giỏ hàng

8.3 Use case 09: Quản lý sản phẩm

8.3.1 Thiết kế giao diện

Hình 6 1 Giao diện trang Quản lý sản phẩm

Hình 8.15.Danh sách chi tiết các Control (trang Quản lý sản phẩm)

8.3.5 Thêm mới sản phẩm

Hình 8.17.Giao diện trang Thêm mới sản phẩm

Nếu chưa nhập gì mà click vào button Thêm thì sẽ báo lỗi

Hình 8.18.Giao diện trang Thêm mới sản phẩm (Bắt lỗi)

8.3.6 Chỉnh sửa sản phẩm

Hình 8.19.Giao diện trang Chỉnh sửa sản phẩm

Tiến hành chỉnh sửa số lượng còn tồn của sản phẩm có mã là DT1 từ 11 thành 100, rồi click vào button Lưu thì trang sẽ chuyển về trang Quản lý sản phẩm ban đầu, và sự thay đổi được lưu vào cơ sở dữ liệu, thay đổi trên trang bán hàng

Bảng 8.11.Danh sách chi tiết các Control (trang Chỉnh sửa sản phẩm)

8.3.7 Hiển thị sản phẩm

Giao diện trang hiển thị chi tiết sản phẩm

Hình 8.20.Giao diện trang Hiển thị chi tiết sản phẩm

Hình 8.22 Giao diện trang Quản lý sản phẩm trước khi xóa sản phẫm mã DT11

Trang Quản lý sản phẩm sau khi xoá sản phẩm mã Đùi gà ta

Hình 8.23.Giao diện trang Quản lý sản phẩm sau khi xóa sản phẫm mã đùi gà ta

1 Cài đặt

Yêu cầu hệ thống máy tính tối thiểu

Hệ điều hành: Windows, MacOS,

Thiết bị thông minh có kết nối Internet

2 Thử nghiệm

Chương trình chạy tốt trên các trình duyệt Web IE 7.0 và trên trình duyệt khác như opera, cốc cốc, Microsoft Edge,

Các chức năng đã thiết kế hoàn thiện và chạy ổn định

Tốc độ duyệt lần đầu tiên có thể chậm vì giao diện được thiết kế hoàn toàn trên asp.net mvc

3 Đánh giá

Về mặt cơ bản trang web đã giới thiệu cũng như cung cấp đầy đủ các chức năng, dịch vụ cần thiết để phục vụ cho việc bán hàng

Nâng cao độ phổ biến của trang web đến với mọi người

-Tìm hiểu tương đối kỹ về Website

-Tìm hiểu tương đối căn bản và đầy đủ về ASP.Net, CSS, JavaScript, HTML

-Phân tích thiết kế hệ thống tương đối đầy đủ

-Giao diện Website được thiết kế đơn giản, thân thiện và dễ sử dụng

Hạn chế:

-Việc biểu diễn các thông tin trên Website chưa được linh hoạt

TÀI LIỆU THAM KHẢO