đồ á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

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘTVIỆN KỸ THUẬT CƠNG NGHỆ

<b>ĐỒ ÁN MƠN HỌCLẬP TRÌNH WEB</b>

<b>Đề tài</b>

<b>XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG BÁN THỊT</b>

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

<i>Tháng ../2023</i>

<b>MỤC LỤC</b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>CHƯƠNG I:MỞ ĐẦU...12</b>

<b>1.Giới thiệu...12</b>

<b>2.Kiến trúc hệ thống...13</b>

<b>CHƯƠNG II:NỘI DUNG...15</b>

<b>3.Biểu đồ Usecase...15</b>

<b>3.1.Mô tả use case...15</b>

<b>3.2 Biểu đồ use case toàn hệ thống...16</b>

<b>3.3. Biểu đồ use case Quản lý giỏ hàng...17</b>

<b>3.4. Biểu đồ use case Quản lý sản phẩm...17</b>

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

<b>3.6. Biểu đồ use case Quản lý đơn hàng...18</b>

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

<b>3.10. Đặc tả use case...19</b>

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

<b>3.11. Phân quyền...29</b>

<b>4.Class Diagram...30</b>

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

<b>5.1. Biểu đồ tuần tự Đăng nhập...31</b>

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

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

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

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

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b>CHƯƠNG III:THIẾT KẾ DATABASE...35</b>

<b>6.Thiết kế DataBase...35</b>

<b>6.1. Lược đồ quan hệ thực thể...35</b>

<b>6.2. Lược đồ...35</b>

<b>6.3. Lược đồ chi tiết...36</b>

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

<b>7.Thiết kế giao diện...39</b>

<b>7.1 Giao diện bán hàng...39</b>

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

<b>7.2. Giao diện dành cho Admin...43</b>

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

<b>8.Thiết kế chức năng chi tiết...47</b>

<b>8.1. Use case 01: Đăng ký...47</b>

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

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

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

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

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

<b>DANH MỤC BẢNG</b>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 tốn...25

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

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

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

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

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

<b>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 </b>”. 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 “<b>Cơng nghệ thông tin</b>” 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

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

<b>Phần 1. Nội dung (6.0 điểm)ST</b>

<b>T^{Nội dung}đánh giáĐiểmtốiđa</b>

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

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

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

0.5 ^Hầukhông thực^như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ên}khô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ên}khô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ên}khơ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ên}khô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ên}khô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ả

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

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

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

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ết}trình tự tin, thu

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

1 ^{Trả lời câu hỏi}_{củ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

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

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

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

<b>KẾ HOẠCH THỰC HIỆN ĐỒ ÁN</b>

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

<b>CHƯƠNG I:MỞ ĐẦU</b>

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

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.

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

+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.

<b>2.Kiến trúc hệ thống</b>

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 tồ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.

<i>Hình 1. 1 Các thành phần chính của mơ hình MVC</i>

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

</div><span class="text_page_counter">Trang 47</span><div class="page_container" data-page="47">

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 <b>Chỉnh sửa giỏ hàng </b>để 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

</div><span class="text_page_counter">Trang 48</span><div class="page_container" data-page="48">

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

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

</div><span class="text_page_counter">Trang 49</span><div class="page_container" data-page="49">

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

</div><span class="text_page_counter">Trang 50</span><div class="page_container" data-page="50">

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

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

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

<i>Hình 5. 6 Activity diagram Chỉnh sửa giỏ hàng</i>

8.3 Use case 09: Quản lý sản phẩm8.3.1 Thiết kế giao diện

</div><span class="text_page_counter">Trang 51</span><div class="page_container" data-page="51">

<i>Hình 6. 1 Giao diện trang Quản lý sản phẩm</i>

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

</div><span class="text_page_counter">Trang 52</span><div class="page_container" data-page="52">

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

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

</div><span class="text_page_counter">Trang 53</span><div class="page_container" data-page="53">

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

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

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

</div><span class="text_page_counter">Trang 54</span><div class="page_container" data-page="54">

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

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 <b>Lưu </b>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

</div><span class="text_page_counter">Trang 55</span><div class="page_container" data-page="55">

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

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

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

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

</div><span class="text_page_counter">Trang 57</span><div class="page_container" data-page="57">

<i>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</i>

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

</div><span class="text_page_counter">Trang 58</span><div class="page_container" data-page="58">

<i>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</i>

<b>1. Cài đặt</b>

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

<b>2. Thử nghiệm</b>

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

<b>3. Đánh giá</b>

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

</div><span class="text_page_counter">Trang 59</span><div class="page_container" data-page="59">

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

<b>Hạn chế:</b>

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

</div><span class="text_page_counter">Trang 60</span><div class="page_container" data-page="60">

<b>TÀI LIỆU THAM KHẢO</b>

</div>