BẢNG GIỎ HÀNG

Một phần của tài liệu Đề tài Website Đặt hàng online tiệm ăn vặt Sương Sa Dừa (Trang 51 - 72)

- Thống Kê Doanh Thu

o BẢNG GIỎ HÀNG

BẢNG GIOHANG bao gồm 5 trường:

+ Trường thứ nhất là trường Soluong được định nghĩa theo kiểu dữ liệu Int. Dùng để lưu số lượng mặt hàng.

+ Trường thứ hai là trường TongTien được định nghĩa theo kiểu dữ liệu Bigint. Dùng để lưu Tổng tiền của giỏ hàng của khách hàng hiện tại.

+ Trường thứ ba là trường TaiKhoan được định nghĩa theo kiểu dữ liệu nvarchar(50). Dùng để tham chiếu đến BẢNG TAIKHOAN để biết được tài khoản mua hàng hiện tại

+ Trường thứ tư là trường MaSP được định nghĩa theo kiểu dữ liệu nvarchar(50). Dùng để lưu tham chiếu đến bảng SANPHAM để biết được thông tin sản phẩm

+ Trường thứ năm là trường ThanhTien được định nghĩa theo kiểu dữ liệu Bigint. Dùng để tính tổng số tiền khi khách hàng đồng ý mua hàng trong giỏ hàng của mình

7.Thiết Kế Giao Diện 7.1 Khách Hàng

Tên tài khoản và mật khẩu phải được tạo trước. Hệ thống hiển thị trang đăng nhập, người dùng nhập Tên đăng nhập và Mật khẩu. Hệ thống kiểm tra Tên đăng nhập và Mật khẩu. Nếu đúng thì hệ thống chuyển sang Trang chủ. Nếu sai thì hệ thống hiển thị thông báo lỗi “Đăng nhập không thành công”.

Tên hành động

Mô tả Thành công Thất bại

Đăng nhập Sau khi nhập mật khẩu, khách hàng bấm vào nút ‘Đăng nhập’ để đăng nhập Hiển thị Trang chủ Hiện thông đăng nhập không thành công

OK Khi đăng nhập thất bại, cửa sổ thông báo hiện lên, bấm ‘OK’ để thoát ra màn hình đăng nhập

Trở về màn hình đăng nhập

Vai trò Khi nhấn vào nút màn hình sẽ hiện ra vai trò đăng nhập là user hay admin sau đó nhấn vào để chọn chức năng đăng nhập của vai trò mà mình muốn. Hiển thị màn hình đăng nhập muốn tới Hiển thị thông báo thất bại

-Màn hình trang chủ khi chưa đăng nhập

Trang chủ Người dùng kích nút khi muốn quay về trang chủ.

Màn hình hiển thị thông tin một số sản phẩm.

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

- Màn hình

Tên hành động Mô tả Thành công Thất bại Trang chủ Người dùng kích nút khi

muốn quay về trang chủ.

Màn hình hiển thị thông tin một số sản phẩm.

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Giỏ hàng Người dùng kích vào “Giỏ hàng” ở màn hình giao diện Hiển thị thông tin các món ăn đã lựa chọn trước đó. Ở đây khách hành có thể xóa hoặc thay đổi số lượng hàng trước khi quyết định “Mua”

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Lịch Sử Người dùng kích vào “Lịch sử” ở màn hình giao diện Hiển thị thông tin các sản phẩm đã được thanh toán hoặc đang chờ thanh toán của khách hàng

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Tìm kiếm Người dùng kích nút “Search” để tìm kiếm bất kì thông tin nào mình muốn.

Hiển thị các món ăn có trong menu của quán.

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Doan Người dùng kích nút “NguyenDoan” ở màn hình giao diện. Màn hình hiển thị form thông tin khách hàng, ở đây người dùng có thể chỉnh sửa thông tin cá nhân của mình

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Đăng xuất Người dùng kích nút “Đăng xuất” ở màn hình giao diện. Màn hình quay trở về trang chủ ở trạng thái chưa đăng nhập

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Đặt hàng Người dùng kích nút “Đặt hàng” ở màn hình giao diện Chuyển sản phẩm vừa lựa chọn qua “Giỏ hàng”

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Number Người dùng kích nút “Num.Stepper” trên màn hình sản phẩm Người dùng sẽ lựa chọn cho mình số lượng sản phẩm muốn đặt mua

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Tên hành động Mô tả Thành công Thất bại Mua Người dùng kích chọn

vào checkbox ở màn hình giao diện bên cạnh món mình muốn

Đánh dấu việc mình sẽ mua mặt hàng nào

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Xóa Người dùng kích chọn “xóa” ở ngay dưới món ăn

Người dùng thực hiện thao tác xóa đi món ăn mình không muốn khỏi giỏ hàng của mình

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Nhập dữ liệu Người dùng điền thông tin vào ô địa chỉ và số điện thoại để có thể đặt mua

Thao tác đặt mua sẽ hợp lệ

Yêu cầu nhập lại thông tin

Tên hành động Mô tả Thành công Thất bại Đã/ chưa thanh

toán

Là một Label trên màn hình giao diện người dùng Người dùng theo dõi trạng thái đơn hàng của mình trên màn hình giao diện

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Tên hành động Mô tả Thành công Thất bại Tên đăng nhập Là một Label thông tin Hiển thị thông

tin tài khoản của khách hàng

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Mật khẩu Người dùng kích vào textbox bên cạnh label mật khẩu

Người dùng nhập mật khẩu muốn thay đổi

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Nhập lại mật khẩu

Người dùng kích vào textbox bên cạnh label nhập lại mật khẩu Người dùng nhập lại thêm một lần mật khẩu để xác nhận tính đúng đắn

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Họ tên Người dùng kích vào textbox bên cạnh label họ tên

Người dùng có thể thay đổi thông tin họ tên nếu muốn

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

SĐT Người dùng kích vào textbox bên cạnh label số điện thoại

Người dùng có thể cập nhật lại số điện thoại của tài khoản

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Địa chỉ Người dùng kích vào textbox bên cạnh label địa chỉ

Người dùng cập nhật lại địa chỉ của tài khoản

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại

Chỉnh sửa Người dùng kích vào button “Chỉnh sửa” trên màn hình Xác nhận việc chỉnh sửa thông tin của khách hàng và trả về trang chủ

Khi có lỗi kết nối cơ sở dữ liệu -> Hiển thị thông báo “Lỗi kết nối cơ sở dữ liệu”.

Màn hình vẫn hiển thị trang hiện tại.

Thông báo lỗi và yêu cầu nhập lại

-Màn hình tìm kiếm sản phẩm: Tên hành động Mô tả Thành công Thất bại

Tìm kiếm · Kích vào mục Tìm kiếm Tìm kiếm

· Nhấn Enter hoặc nút công

7.2 Admin

Tên hành động

Mô tả Thành công Thất bại

Xem Admin click vào mục quản lý khách hàng chọn danh sách khách hàng

Hiện thị danh sách khách hàng lên màn hình

Không hiển thị được thông tin

Tìm kiếm Admin nhập vào ô thôn g tin khách hàng cần tìm kiếm sau đó nhân Enter

Hiển thị thông tin khách hàng cần tìm kiếm

Không hiển thị được thông tin

Xóa Admin click vào ô để xóa khách hàng mà mình muốn xóa Hiển thị danh sách khách đã cập nhật

Hiển thị thông báo thất bại

-Màn hình Quản lý danh mục:

Tên hành động

Mô tả Thành công Thất bại

Xem Admin click vào mục quản lý danh mục chọn danh sách danh mục

Hiện thị danh sách danh mục lên màn hình

Không hiển thị được thông tin

Tìm kiếm Admin nhập vào ô thông tin danh mục cần tìm kiếm sau đó nhấn Enter

Hiển thị thông tin danh mục cần tìm kiếm

Không hiển thị được thông tin

-Màn hình Thêm danh mục:

Tên hành động

Mô tả Thành công Thất bại

Thêm danh mục

Admin Kích vào mục quản lý danh mục chọn thêm danh mục để thêm thông tin

Hiển thị thành công giao diện thêm mới

Thông báo thất bại

Nhập dữ liệu

Admin nhập thông tin tên danh mục

muốn thêm vào ô

tên danh mục. Nhập được thông tin Nhập không được thông tin Quay lại danh sách

Click vào nút quay lại danh sách để trờ về trang quản lý danh mục

Hiển thị thành công trang quản lý danh mục

để thêm danh mục

-Quản lý sản phẩm:

Tên hành động

Mô tả Thành công Thất bại

Xem Admin click vào mục quản lý sản phẩm chọn danh sách sản phẩm

Hiển thị thông tin danh sách sản phẩm

Không hiển thị được thông tin

Xóa Admin click vào ô để xóa thông tin sản phẩm muốn xóa

Hiển thị thông báo xóa thành công

Thông báo thất bại

Tìm kiếm Admin nhập vào ô thô

Hiển thị thông tin sản phẩm cần tìm kiếm

ng tin sản phẩm cần tìm kiếm sau đó nhấn Enter

-Màn hình thêm thông tin sản phẩm:

Tên hành động

Mô tả Thành công Thất bại

Thêm sản phẩm

Admin click vào mục quản lý sản phẩm chọn thêm sản phẩm Hiển thị giao diện thêm sản phẩm Thông báo thất bại Chọn danh

mục Click vào ô để chọn danh mục cho sản phẩm muốn thêm Hiển thị ra danh mục Không hiển thị Nhập dữ liệu

click vào những ô thông tin sản phẩm để nhập thông tin

Nhập được thông tin

Không nhập được Chọn tệp

Quay lại

Click vào ô để quay lại danh sách sản phẩm Hiển thị danh sách thành công Không hiển thị Thêm mới

sản phẩm Click vào ô để thêm mới sản phẩm

Thông thêm mới thành công

Thông báo thất bại

-Màn hình sửa thông tin sản phẩm

Tên hành động

Mô tả Thành công Thất bại

Xem Click vào ô quản lý sản phẩm chọn sửa sản phẩm

Hiển thị thành công màn hình sửa sản phẩm

Thông báo lỗi

‘Chọn danh

mục Click vào ô để chọn danh mục cho sản phẩm muốn thêm

Hiển thị ra danh mục

Nhập dữ liệu

click vào những ô thông tin sản phẩm để nhập thông tin

Nhập được thông tin

Không nhập được Quay lại

Click vào ô để quay lại danh sách sản phẩm Hiển thị danh sách thành công Không hiển thị Sửa sản phẩm Click vào ô để sửa sản phẩm

Thông báo sửa thành công

Thông báo thất bại

-Quản lý đơn hàng:

Tên hành động

Xem Đơn hàng đã giao

Người Quản lý kích vào mục quản lý đơn hàng chọn đơn hàng đã giao

Hiển thị danh sách các đơn hàng đã giao và thông tin lên màn hình

Không hiển thị thông tin Tìm kiếm đơn hàng đã giao Admin nhập vào ô

thông tin đơn hàng đã giao cần tìm kiếm sau đó nhấn Enter

Hiển thị thông tin đơn hàng đã giao

Không hiển thị

Tên hành động

Mô tả Thành công Thất bại

Xem chi tiết đơn hàng

Admin click vào mục quản lý đơn hàng chọn xem chi tiết đơn hàng

Hiển thị danh sách các đơn hàng đã giao và thông tin lên màn hình

Không hiển thị thông tin

Tìm kiếm

đơn hàng Admin nhập vào ô thông tin đơn hàng đã giao cần tìm kiếm sau đó nhấn Enter

Hiển thị đơn hàng muốn tìm kiếm

Thông báo lỗi

Tên hành động

Mô tả Thành công Thất bại

Xem duyệt đơn hàng

Admin click vào mục quản lý đơn hàng chọn duyệt đơn hàng

Hiển thị danh sách các đơn hàng yêu cầu và thông tin lên màn hình

Không hiển thị thông tin

Tìm kiếm

đơn hàng Admin nhập vào ô thông tin đơn hàng yêu cầu cần tìm kiếm sau đó nhấn Enter

Hiển thị đơn hàng yêu cầu muốn tìm kiếm

Thông báo lỗi

Duyệt đơn hàng

Admin click vào ô duyệt đơn hàng Thông báo duyệt thành công

Thông báo lỗi

Tên hành động Mô tả Thành công Thất bại Xem thốn g kê doan h thu

Admin click vào mục thống kê chọn thống kê doanh thu Hiển thị ra giao diện thống kê

Không hiển thị thông tin

Xem dữ liệu thốn g kê năm Admin nhập vào ô năm cần thống kê rồi click nút xem Hiển thị số liệu thống kê theo năm

Không hiển thị thông tin

Một phần của tài liệu Đề tài Website Đặt hàng online tiệm ăn vặt Sương Sa Dừa (Trang 51 - 72)

Tải bản đầy đủ (DOCX)

(95 trang)
w