đồ án môn học lập trình web xây dựng website đặt món nhà hàng tiệc cưới

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.71 MB, 54 trang )

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

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

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

<b>XÂY DỰNG WEBSITE ĐẶT MÓN NHÀ HÀNGTIỆC CƯỚI</b>

<b>GVHD: ThS. Võ Quốc LươngSVTH: Trần Đức TràMSSV: 2024801030001LỚP: D20KTPM02</b>

<b>BÌNH DƯƠNG - 11/2022</b>

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

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

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

<b>XÂY DỰNG WEBSITE ĐẶT MĨN NHÀ HÀNGTIỆC CƯỚI</b>

<b>GVHD: ThS. Võ Quốc LươngSVTH: Trần Đức TràMSSV: 2024801030001LỚP: D20KTPM02</b>

<b>BÌNH DƯƠNG - 11/2022</b>

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

Đề tài:” Xây dựng website đặt lịch tiệc cưới.” đã hồn thành. Trong q trìnhnghiên cứu và hồn thiện phần mềm, chúng tôi đã nhận được sự hướng dẫn và hỗ trợnhiệt tình từ phía nhà trường, Viện Kỹ thuật- Công nghệ và giảng viên hướng dẫn.Chúng tôi xin cảm ơn thầy Võ Quốc Lương đã tận tình hướng dẫn trong q trìnhthực hiện nghiên cứu. Chúng tơi xin gửi lời cảm ơn đến Viện Kỹ thuật- Công nghệcùng Trường Đại học Thủ Dầu Một đã tạo cơ hội cho chúng tơi thực hiện phần mềmnày.

Trong q trình thực hiện làm ra phần mềm, chúng tôi đã rất nỗ lực và cốgắng hết khả năng của nhóm nhưng có thể có những thiếu sót. Rất mong q thầy cơvà Nhà trường cho chúng tơi những góp ý khách quan nhất để phần mềm của chúngtơi được hồn thiện hơn.

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

<b>GIỚI THIỆU</b>

Ngày nay với sự phát triển mạnh mẽ của công nghệ thông tin, hầu hết tin học đãđược ứng dụng trong mọi lĩnh vực nghiên cứu khoa học cũng như đời sống con người. Nóđã trở thành cơng cụ hữu ích cho con người trong các hoạt động lưu trữ, xử lý thơng tin

<b>một cách nhanh chóng và đtôi lại hiệu quả cao nhất.</b>

Với sự phát triển nhanh chóng của nền kinh tế và sự bùng nổ của khoa học cơngnghệ nói chung và cơng nghệ thơng tin nói riêng, việc ứng dụng cơng nghệ thơng tintrong công tác quản lý ngày càng được chú trọng.

Hiện nay nhu cầu ăn uống và tổ chức những sự kiện (đám cưới, sinh nhật, nhữngbuổi tiệc…) rất là phổ biến nên việc xuất hiện những nhà hàng tiệc cưới cũng trở nênnhiều hơn. Vì quá nhiều sự lựa chọn khách hàng khơng thể nào có thể đi đến từng địađiểm để có thể đánh giá và lựa chọn một nhà hàng u thích, có món ngon hợp khẩu vịcủa mình. Chúng tôi đã xây dựng một website giúp cho khách hàng có thể dễ dàng đặtlịch vào những dịp như đám cưới, hội nghị, thôi nôi,... Khi sử dụng website mọi người sẽtiết kiệm rất nhiều thời gian, tiện lợi và giao diện rất dễ sử dụng. Nếu mọi người có nhữngphản hồi góp ý thì cũng có thể góp ý trực tiếp trên website nên rất thuận tiện.

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

1. Tính cấp thiết và tính khả thi của đề tài...11

1.1. Tính cấp thiết của đề tài...11

1.2. Tính khả thi của đề tài...11

2. Phương pháp nghiên cứu...11

2.1. Phương pháp nghiên cứu phỏng vấn...11

2.2. Phương pháp nghiên cứu tài liệu...12

2.3. Phương pháp tổng hợp và phân tích số liệu...12

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

2.2. Đặc tả Usecase thêm món ăn trong CSDL...24

2.3. Đặc tả Usecase sửa thông tin trong CSDL...25

2.4. Đặc tả Usecase xóa thơng tin món ăn...26

2.5. Đặc tả Usecase tìm kiếm món ăn...27

2.6. Đặc tả Usecase tạo Account...27

2.7. Đặc tả Usecase đặt hàng...28

3. Biểu đồ tuần tự...30

3.1. Biểu đồ tuần tự đăng nhập...30

3.2. Biểu đồ tuần tự thêm...30

3.3. Biểu đồ tuần tự sửa...30

3.4. Biểu đồ tuần tự xóa...31

3.5. Biểu đồ tuần tự tìm kiếm...32

Chương III: CÀI ĐẶT HỆ THỐNG...33

1. Thiết kế cơ sở dữ liệu...33

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

3.1. Giao diện trang chủ...39

3.2. Giao diện món ăn...40

3.3. Giao diện đăng nhập...40

3.4. Giao diện đăng kí...41

3.5. Giao diện chi tiết sản phẩm...42

3.6. Giao diện giỏ hàng...43

3.7. Giao diện đặt hàng...43

3.8. Giao diện đặt hàng thành công...44

3.9. Giao diện thanh sản phẩm mới nhất và bán nhiều nhất...44

3.10. Giao diện thanh sản phẩm cùng loại...45

3.11. Giao diện quản lý món ăn...45

3.12. Giao diện quản lý tài khoản khách hàng...46

3.13. Giao diện thêm thông tin khách hàng...46

3.14. Giao diện đăng nhập phần quản lý...47

3.15. Giao diện đăng kí tài khoản quản lý...48

D. KẾT LUẬN...50

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

TÀI LIỆU THAM KHẢO...51

<b>DANH MỤC HÌNH</b>Hình 1:Biểu đồ Use case khách hàng và guest...16

Hình 2:Biểu đồ use case quản lý...17

Hình 3: Use case xem chi tiết sản phẩm...18

Hình 4: Use case quản lý giỏ hàng...19

Hình 5: Use case quản lý sản phẩm...19

Hình 6: Use case quản lý loại món...20

Hình 7: Use case quản lý thực đơn...20

Hình 8: Use case quản lý tài khoản khách hàng...21

Hình 9: Use case thanh tốn...22

Hình 10: Biểu đồ tuần tự đăng nhập...30

Hình 11: Biểu đồ tuần tự thêm...30

Hình 12: Biểu đồ tuần tự sửa...31

Hình 13: Biểu đồ tuần tự xóa...31

Hình 14: Biểu đồ tuần tự tìm kiếm...32

Hình 15: Database Diagram...33

Hình 16:Giao diện trang chủ...39

Hình 17: Giao diện món ăn...40

Hình 18: Giao diện đăng nhập...41

Hình 19: Giao diện đăng kí...41

Hình 20: Giao diện chi tiết sản phẩm...42

Hình 21: Giao diện giỏ hàng...43

Hình 22: Giao diện đặt hàng...44

Hình 23: Giao diện đặt hàng thành cơng...44

Hình 24: Giao diện thanh sản phẩm mới nhất và bán nhiều nhất...44

Hình 25: Giao diện sản phẩm cùng loại...45

Hình 26: Giao diện quản lý món ăn...45

Hình 27: Giao diện quản lý tài khoản khách hàng...46

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

Hình 28: Giao diện thêm thơng tin khách hàng...46Hình 29: Giao diện đăng nhập phần quản lý...47Hình 30: Giao diện đăng kí tài khoản quản lý...48

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

Bảng 1: Danh mục viết tắt...9

Bảng 2: Phân công nhiệm vụ...10

Bảng 4: Danh sách actor...15

Bảng 5: Danh sách use case...15

Bảng 7:Đặt tả use case đăng nhập...22

Bảng 8: Đặt tả use case thêm món ăn...24

Bảng 9: Đặt tả use case sửa món ăn...25

Bảng 10: Đặc tả use case xóa món ăn...26

Bảng 11: Đặt tả use case tìm kiếm món ăn...27

Bảng 12: Đặt tả use case tạo account...27

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

ĐTDĐ Điên thoại di độngSĐT, sđt Số điện thoại

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

<b>PHÂN CƠNG NHIỆM VỤ</b>

<b>Bảng 2: Phân cơng nhiệm vụ</b>

1 - Phần mở đầu- Thiết kế cơ sở dữ liệu

- Thiết kế giao diện hệ thống và xử lý- Tổng hợp báo cáo và thuyết trình (nếu có)- Giới thiệu

- Vẽ biểu đồ Usecase và đặc tả Usecase - Thiết kế giao diện đăng nhập và xử lý- Chương 1: Khảo sát và thu thập dữ liệu- Chương 2: Vẽ biểu đồ hoạt động, tuần tự, lớp- Kết luận

Trần Đức Trà

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

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

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

<b>Chương III: CÀI ĐẶT HỆ THỐNG1. Thiết kế cơ sở dữ liệu</b>

<b>1.1. Database Diagram</b>

<b>Hình 15: Database Diagram</b>

<b>2. Mơ tả bảng dữ liệu2.1. Bảng Admin</b>

<small>qu n lýả3TaiKhoanVarchar(15)Not nullTên tài kho n ả</small>

<small>đăng nh pậ4 MatKhauVarchar15Not nullM t kh u ậẩ5TôiailNvarchar(50)nullTôiail c a qu n lýủả6DienThoaiVarchar(10)nullSôố đi n tho i c a ệạ ủ</small>

<small>qu n lýả7NgaySinhsmallDatetimenullNgày sinh c a ủ</small>

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

<small>9AvatarNvarchar(50)nullL u đ a ch ư ịỉđường dẫẫn nh ảđ i di nạ ệ</small>

<small>khách hàng</small>

<small>3TaiKhoanVarchar(15)Not nullTên tài kho n ảđăng nh pậ4MatKhauVarchar15Not nullM t kh u ậẩ5TôiailNvarchar(50)nullTôiail c a khách ủ</small>

<small>hàng6DienThoaiVarchar(10)nullSôố đi n tho i c a ệạ ủ</small>

<small>khách hàng7NgaySinhsmallDatetimenullNgày sinh c a ủ</small>

<small>khách hàng8AvatarNvarchar(50)nullL u đ a ch đưịỉ ường</small>

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

<b>2.3. Bảng MonAn</b>

<b>Bảng 14: Bảng MonAn</b>

<small>STTTên thu c tnhộKi u d li uểữ ệRàng bu c nullộMơ tả</small>

<small>3GiaBanMoi_MonAnmoneyCheckedGiá bán m i nhẫốtớ</small>

<small>5ThanhPhan_MonAnnvarchar(300)CheckedThành phẫền món ăn</small>

<small>6MoTa_MonAnnvarchar(2000)CheckedMơ t món ănả</small>

<small>foreign key</small>

<small>Mã th c đ n ự ơtham chiêốu đêốn b ng ThucDonả8AnhChinh_MonAnnvarchar(50)CheckedẢnh món ăn9AnhPhu1_MonAnnvarchar(50)CheckedẢnh món ăn10AnhPhu2_MonAnnvarchar(50)CheckedẢnh món ăn11AnhPhu3_MonAnnvarchar(50)CheckedẢnh món ăn</small>

<small>Mã lo i món thamạchiêốu đêốn b ng ảLoaiMon</small>

<small>14NgayTaosmalldatetimeCheckedNgày qu n lý ảthêm món ăn lên web</small>

<small>Mã gi m giá thamảchiêốu đêốn b ng ảGiamGiaSP</small>

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

<b>2.4. Bảng LoaiMon</b>

<b>Bảng 15: Bảng LoaiMon</b>

<small>STTTên thu c tnhộKi u d li uểữ ệRàng bu c nullộMô tả</small>

<small>Mã lo i mónạ2Ten_LoaiMonnvarchar(50)CheckedTên lo i mónạ</small>

<b>2.5. Bảng ThucDon</b>

<b>Bảng 16: Bảng ThucDon</b>

<small>STTTên thu c tnhộKi u d li uểữ ệRàng bu c nullộMô tả</small>

<small>Mã th c đ nự ơ2Ten_ThucDonnvarchar(50)CheckedTên th c đ nự ơ</small>

<b>2.6. Bảng ChiTietDatHang</b>

<b>Bảng 17: Bảng ChiTietDatHang</b>

<small>STTTên thu c tnhộKi u d li uểữ ệRàng bu c nullộMơ tả</small>

<small>đ t hàngặ4DonGiadecimal(9, 2)CheckedSơố tiêền có trong </small>

<small>đ n hàngơ</small>

<b>2.7. Bảng DonDatHang</b>

<b>Bảng 18: Bảng DonDatHang</b>

<small>STTTên thu c tnhộKi u d li uểữ ệRàng bu c nullộMô tả</small>

<small>Mã đ n đ t hàngơ ặ</small>

<small>toán c a đ n ủ ơhàng</small>

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

<b>2.8. Bảng GiamGiaSP</b>

<b>Bảng 19: Bang GiamGiaSP</b>

<small>STTTên thu c tnhộKi u d li uểữ ệRàng bu c nullộMô tả</small>

<small>Mã gi m giáả2Ten_GiamGiaSPnvarchar(50)CheckedTên mã gi m giáả</small>

<small>gi m giá trên đ n ảơhàng4NgayBatDausmalldatetimeCheckedNgày gi m giá có ả</small>

<small>hi u l cệ ự5NgayKetThucsmalldatetimeCheckedNgày gi m giá kêốt ả</small>

<small>STTTên thu c tnhộKi u d li uểữ ệRàng bu c nullộMô tả</small>

<small>Mã trang tin</small>

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

<small>3NoiDungntextCheckedN i dung c a ộủtrang tin</small>

<small>đượ ạc t o5MetaTitlenvarchar(100)CheckedTiêu đêề c a trang ủ</small>

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

<b>C. GIAO DIỆN VÀ CÀI ĐẶT CHƯƠNG TRÌNH3. Giao diện</b>

<b>3.1. Giao diện trang chủ</b>

<b>Hình 16: Giao diện trang chủ</b>

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

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

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

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

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

<b>3.8. Giao diện đặt hàng thành cơng</b>

<b>Hình 23: Giao diện đặt hàng thành công</b>

<b>3.9. Giao diện thanh sản phẩm mới nhất và bán nhiều nhất</b>

<b>Hình 24: Giao diện thanh sản phẩm mới nhất và bán nhiều nhất</b>

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

<b>3.10. Giao diện thanh sản phẩm cùng loại</b>

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

<b>3.12. Giao diện quản lý tài khoản khách hàng</b>

<b>Hình 27: Giao diện quản lý tài khoản khách hàng</b>

<b>3.13. Giao diện thêm thơng tin khách hàng</b>

<b>Hình 28: Giao diện thêm thông tin khách hàng</b>

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

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

<b>3.15. Giao diện đăng kí tài khoản quản lý</b>

<b>Hình 30: Giao diện đăng kí tài khoản quản lý</b>

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

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

Phân tích và thiết kế là một trong những khâu quan trọng để xây dựng đượcmột website hoàn chỉnh. Từ các bước phân tích tổng quát đến các bước phân tíchmột cách chi tiết. Khi đã phân tích được yêu cầu đặt ra thì đó sẽ là nền tảng để khâuthiết kế được thực hiện nhanh chóng và dễ dàng.

Trong đồ án này, chúng tôi đã thực hiện đề tài “Xây dựng Website đặt móntiệc cưới” để đáp ứng được nhu cầu cấp thiết cho các gia đình sắp tổ chức hơn lễmuốn biết thông tin của nhà hàng trực tiếp trên website và có thể trao đổi thơng tinđược với chủ nhà hàng mà không cần tập trung đông người để đến cửa hàng đặc biệtlà khi đại dịch vừa hạ nhiệt như hiện nay. Website của chúng tơi phân tích, đáp ứngđầy đủ những yêu cầu đặt ra của người muốn sử dụng phần mềm quản lý bằngphương pháp khảo sát các câu hỏi, từ đó thực hiện các chức năng cơ bản của phầnmềm một cách chi tiết và đtôi lại giao diện dễ sử dụng cho người dùng mới.Websitecó thể thiếu sót một vài yêu cầu nhưng chúng tơi ln sẵn sàng ghi nhận những lờigóp ý chân thành nhất từ các bạn để có thể giúp website chúng tơi ngày càng hồnthiện hơn nữa và hãy nhớ đến với chúng tôi mỗi khi bạn cần.

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

[1] HowKteam - Lập trình Asp.net cơ bản, website-voi-aspnet-mvc-co-ban-15

Võ Quốc Lương – Lập trình web, 05/2022 – 11/2022, Tedu chanel , :Lập trình Asp.net MVC cơ bản ,