đồ á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ỘTVIỆN KỸ THUẬT CÔNG NGHỆ

ĐỒ ÁN MÔN HỌCLẬ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

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

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

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ẢNGBả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 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

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

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

TNội dungđánh giáĐiểmtốiđa

Kém (25%)Trung bình(50%)

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

Chương 1 Tạolập & quản lýCSDL

0.5 Hầukhông thựcnhưhiện được cácyêu cầu đưa ra

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ầucó một vài saisót nhỏ

Thực hiệnđúng và đầyđủ các yêu cầu

Chương 2 TạoView

1.0 Sinh viênkhông viếtđược các câulệnh tạo Viewnhư yêu cầu

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ạoStoredProcedure

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ạoFunction

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ể)

Chương 2 TạoTrigger & Transaction

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

Trigger & Transactionnhư yêu cầu

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ể)

Chương 3.Nêu đượcđóng góp củaTiểu luận

0.5 Chưa viếtđược kết quảđạt được, hạnchế và hướngphát triển củađề 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

Phần 2 Trình bày (2.0 điểm)

Hình thức, bố cục của cuốn báo cáo

1.0 Không đúngmẫu và còn

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ết

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

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

Họ tên:……… Điểm:……… Họ tên:……… Điểm:……… Họ tên:……… Điểm:………

TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV:

KẾ HOẠCH THỰC HIỆN ĐỒ ÁN

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.

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

Kiến trúc mô hình MVC

Trong kiến trúc MVC, một đối tượng đồ họa người dùng(GUI Compone nt) bao gồm 3thành phần cơ bản: Model, View, và Controller Model có trách nhiệm đối với toàn bộdữ liệu cũng như trạng thái của đối tượng đồ họa View chính là thể hiện trực quan củaModel, hay nói cách khác chính là giao diện của đối tượng đồ họa Và Controller điềukhiển việc tương tác giữa đối tượng đồ họa với người sử dụng cũng như những đốitượ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átthô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ẩm8.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ểuHệ đ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