Xây dựng website giới thiệu về VNG restaurant full code

Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 1

I – GIỚI THIỆU CÁC CHỨC NĂNG CHÍNH:
Theo yêu cầu của đồ án: “Xây dựng website giới thiệu về một nhà hàng ẩm thực” cần xây
dựng một website với các chức năng đáp ứng nhu cầu thông tin, quản trị và kinh doanh
trực tuyến của nhà hàng. Đảm bảo giới thiệu, cập nhật đầy đủ thông tin của nhà hàng tới
khách hàng, tiếp nhận thông tin phản hồi từ khách hàng một cách nhanh chóng; tiện lợi
dễ dàng trong việc đặt hàng trực tuyến.
Các chức năng của trang web giới thiệu về một nhà hàng ẩm thực có thể chia thành các
nhóm chính như sau:
1. Nhóm chức năng thông tin:Nhóm chức năng này có các nhiệm vụ:
- Giới thiệu tới khách hàng các thông tin về nhà hàng (quá trình phát triển, triết
lý trong kinh doanh, thông tin về các món ăn,thực đơn và dịch vụ được cung
cấp bởi nhà hàng, thông tin chi tiết về các cở sở - chi nhánh của nhà hàng, …).
- Cập nhật các tin tức, sự kiện ẩm thực.
- Giới thiệu các món ăn, cách thức chế biến.
- Có một trang hoạt động như một diễn đàn nhỏ cho phép thành viên đăng tải
kinh nghiệm và ý kiến về ẩm thực. Đánh giá, thông tin phản hồi về cửa hàng.
- Cung cấp thông tin về các chương trình khuyến mại, hay các ưu đãi với khách
hàng thân thiết v v…
- Cung cấp chức năng tìm kiếm các thông tin theo từng chuyên mục.
2. Nhóm chức năng hệ thống:
- Cung cấp chức năng phân quyền, cập nhật các thông tin, dữ liệu trên hệ thống.
- Cho phép người quản trị chỉnh sửa các thông tin trên website phù hợp với yêu
cầu và mục đích của nhà hàng.
- Cho phép khách hàng đăng ký thông tin để đặt hàng cũng như tham gia vào
trang diễn đàn.
- Cung cấp chức năng tìm kiếm thông tin hỗ trợ cho việc quản trị cơ sở dữ liệu
trên website.

3. Nhóm chức năng kinh doanh:
- Giới thiệu các dịch vụ, món ăn, thực đơn của nhà hàng (đi kèm với biểu giá).
- Cung cấp chức năng tìm kiếm các món ăn, thực đơn, dịch vụ theo tên, biểu giá,
v v
- Cho phép khách hàng lựa chọn các món ăn theo sở thích hoặc theo các thực
đơn được xây dựng bởi nhà hàng và đặt hàng trực tuyến một cách đơn giản.

Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 2

II – THIẾT KẾ CƠ SỞ DỮ LIỆU:
1. Thiết kế cơ sở dữ liệu vật lý:
*Bảng DM_Douong:
Chức năng: Dùng lưu trữ danh mục đồ uống.
Câu trúc:
Tên trường
Kiểu dữ liệu
Null
Chú thích
MaDM
Int(11)

Mã danh mục
TenDM
Varchar(30)

Tên danh mục

*Bảng Douong:

Chức năng: Lưu trữ thông tin chi tiết của các loại đồ uống.
Cấu trúc:
Tên trường
Kiểu dữ liệu
Null
Chú thích
MaDU
Int(11)

Mã đồ uống
TenDU
Varchar(70)

Tên đồ uống
NguyenLieu
Varchar(500)

Nguyên liệu
Cachlam
Text

Cách chế biến
Gioithieu
Varchar(500)

Giới thiệu đồ uống
DonGia
Int(11)

Giá đồ uống

Anh
Varchar(500)

Ảnh minh họa
MaDM
Int(11)

Mã Danh mục

*Bảng DM_Monan:
Chức năng: Lưu trữ danh mục các món ăn.
Cấu trúc:
Tên trường
Kiểu dữ liệu
Null
Chú thích
MaDM
Int(11)

Mã Danh mục
TenDM
Varchar(30)

Tên Danh mục

Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 3

*Bảng Monan:

Chức năng: Lưu trữ thông tin chi tiết món ăn.
Cấu trúc:
Tên trường
Kiểu dữ liệu
Null
Chú thích
MaMA
Int(11)

Mã món ăn
TenMA
Varchar(70)

Tên món ăn
NguyenLieu
Varchar(500)

Nguyên liệu
CachLam
Text

Cách chế biến
GioiThieu
Varchar(500)

Giới thiệu món ăn
DonGia
Int(11)

Giá món ăn

Anh
Varchar(300)

Ảnh minh họa
MaDM
Int(11)

Mã Danh mục

*Bảng KhachHang:
Chức năng: Lưu trữ thông tin khách hàng.
Cấu trúc:
Tên trường
Kiểu dữ liệu
Null
Chú thích
MaKH
Int(11)

Mã khách hàng
TenKH
Varchar(50)

Tên khách hàng
TenDangNhap
Varchar(30)

Tên đăng nhập
MatKhau
Varchar(30)

Mật khẩu
Email
Varchar(50)

Địa chỉ Email
Diachi
Varchar(100)

Địa chỉ khách hàng
DienThoai
Varchar(11)

Điện thoại KH
GioiTinh
Bit(1)

Giới Tính
NgaySinh
Date

Ngày sinh





Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 4

*Bảng NhaHang:
Chức năng: Lưu trữ thông tin về các cơ sở, chi nhánh của nhà hàng.
Cấu trúc:
Tên trường
Kiểu dữ liệu
Null
Chú thích
MaCS
Int(11)

Mã cơ sở
TenCS
Varchar(200)

Tên cơ sở
Diachi
Varchar(200)

Địa chỉ cơ sở
GioiThieu
Text

Giới thiệu cơ sở
Anh
Varchar(200)

Ảnh

*Bảng Tintuc_Sukien:

Chức năng: Lưu trữ tin tức – sự kiện ẩm thực.
Cấu trúc:
Tên trường
Kiểu dữ liệu
Null
Chú thích
MaTT
Int(11)

Mã tin tức
Tieude
Varchar(500)

Tiêu đề
Noidung
Text

Nội dung
NgayViet
Datetime

Ngày viết
Anh
Varchar(200)

Ảnh

*Bảng YK_Douong
Chức năng: Lưu trữ ý kiến khách hàng về các loại đồ uống.
Cấu trúc:

Tên trường
Kiểu dữ liệu
Null
Chú thích
MaYK
Int(11)

Mã ý kiến
MaDU
Int(11)

Mã đồ uống
MaKH
Int(11)

Mã Khách hàng
Tieude
Varchar(200)

Tiêu đề
Noidung
Text

Nội dung
Ngayviet
DateTiem

Ngày viết

Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 5

*Bảng YK_Monan:
Chức năng: Lưu trữ ý kiến khách hàng về các món ăn.
Cấu trúc:
Tên trường
Kiểu dữ liệu
Null
Chú thích
MaYK
Int(11)

Mã ý kiến
MaMA
Int(11)

Mã món ăn
MaKH
Int(11)

Mã Khách hàng
Tieude
Varchar(200)

Tiêu đề
Noidung
Text

Nội dung

Ngayviet
DateTime

Ngày viết

*Bảng User:
Chức năng: Lưu trữ thông tin người dùng của website.
Cấu trúc
Tên trường
Kiểu dữ liệu
Null
Chú thích
UserName
Varchar(30)

Tên đăng nhập
Password
Varchar(30)

Mật khẩu đăng nhập
Insert
Bit(1)

Quyền thêm
Update
Bit(1)

Quyền cập nhật
Delete
Bit(1)

Quyền xóa









Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 6

2.Mối quan hệ giữa các bảng dữ liệu:


III – THIẾT KẾ GIAO DIỆN:
1. Xác định yêu cầu:
Giao diện của website VNG Restaurant làm việc với hai nhóm đối tượng người dùng
chính là Người quản trị - chịu trách nhiệm quản lý cơ sở dữ liệu và Người dùng –
những người theo dõi thông tin của trang web. Đối với mỗi một nhóm đối tượng có
một yêu cầu về giao diện là khác nhau.
- Với nhóm Người quản trị: yêu cầu giao diện đơn giản, tiện dụng các chức năng
được trình bày tập trung.
- Với nhóm Người dùng: có yêu cầu cao về thị giác. Để thu hút được nhóm
người này giao diện phải sinh động, hấp dẫn, gây ấn tượng mạnh về thị giác;
đồng thời các chức năng cần dễ thao tác, xử lý nhanh ….
2.Thiết kế:

Từ các yêu cầu về giao diện đã xác định được ở trên ta cần thiết kế ba phần giao diện là:
-Giao diện chung.
-Giao diện quản lý.
Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 7

-Giao diện người dùng.
*Giao diện chung:
-Trang chính:

-Trang đăng nhập:

Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 8

*Giao diện quản lý:


*Giao diện người dùng:
- Món ăn

Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 9

-Đồ uống:

-Đăng ký:

Xây dựng website giới thiệu về VNG Restaurant

Nhóm 10 – TH5B Page 10

-Đặt hàng online: