Giao diện chính của chương trình:
image
Đối với khách hàng vãng lai có thể xem thông tin và đăng ký dịch vụ, mua hàng mà không cần tạo tài khoản nhưng phải nhập đầy đủ thông tin cần thiết và sau đó đơn hàng được xác nhận bởi shop.
Đăng ký, đăng nhập:
Sau khi vào người dùng có 2 lựa chọn hoặc là đăng nhập để sử dụng dịch vụ của shop hoặc là sử dụng mà không đăng nhập. Nếu đăng nhập mà thông tin có sẵn dữ liệu sẽ tự động được đổ ra để giúp người dùng thao tác thuận tiện hơn.
Khi lựa chọn đăng nhập, giao diện đăng nhập sẽ được hiển thị:
Nếu người dùng đã có tài khoản nhập username và password nếu đúng thì cho phép đăng nhập vào hệ thống để sử dụng dịch vụ nếu sai hoặc chưa tồn tại trong hệ thống thì báo lỗi.
Nếu chưa có tài khoản thì đăng ký:
Người dùng nhập thông tin cần thiết để đăng ký tài khoản. Nếu tài khoản đã tồn tại thì báo lỗi:
Nếu khi tạo tài khoản mà mật khẩu nhập lại không chính xác thì cũng sẽ báo lỗi:
Nếu tài khoản chưa tồn tại thì cho phép tạo tài khoản và thông báo tạo tài khoản thành công và quay trờ lại trang đăng nhập để người dùng đăng nhập vào hệ thống.
Khách hàng: Giao diện quản lí thông tin khách hàng: Khi đã nhập đúng tài khoản hệ thống sẽ tự động tạo 1 tài khoản mới để người dùng đăng nhập. Sau khi đăng nhập có thể cập nhẩt thông tin cá nhân để dễ dàng hơn trong việc đăng ký các dịch vụ của website: image
Người dùng nhập thông tin cá nhân vào cho phù hợp và chọn cập nhật thông tin. Hệ thống sẽ lưu lại thông tin của người dùng và thông báo cập nhật thành công.
Khách hàng có thể xem thông tin sản phẩm đang được bán trên website:
Khách hàng cũng có thể tìm kiếm sản phẩm dựa trên mong muốn. Những sản phẩm liên quan đến từ khóa mà khách hàng tìm kiếm sẽ được hiển thị lên giao diện.
Khi khách hàng muốn xem thông tin của sản phẩm thì click vào sản phẩm đó. Thông tin của sản phẩm sẽ được hiển thị chi tiết để khách hàng có thể tìm hiểu và đưa ra quyết định.
Khách hàng có thể tùy chỉnh số lượng của sản phẩm sau đó lựa chọn mua hàng. Sản phẩm được chọn sẽ được thêm vào giỏ hàng cùng với số lượng sản phẩm mà khách hàng chọn. Sau khi chọn mua hàng, giao diện giỏ hàng sẽ được hiển thị:
Khách hàng có thể lựa chọn tiếp tục mua sắm để chọn thêm những sản phẩm muốn mua hoặc lựa chọn thanh toán để tiếp tục với quá trình mua hàng. Khi click vào thanh toán, giao diện đơn hàng sẽ được hiển thị ra:
Ở giao diện này nếu khách hàng đã cập nhật thông tin từ trước thì sẽ hiển thị thông tin của khách hàng ra. Nếu chưa có thông tin khách hàng nhập đầy đủ thông tin để tiến hành đặt hàng. Khi chưa nhập đủ thông tin thì hệ thống sẽ báo lỗi và yêu cầu nhập đầy đủ thông tin.
Khi đã nhập đủ thông tin thì hệ thống sẽ báo đặt hàng thành công và đưa về trang quản lý đơn hàng.
Với đơn hàng được tạo ban đầu sẽ có trạng thái chờ xác nhận. Khách hàng cần đợi quản lý kiểm tra số lượng và duyệt đơn hàng. Khách hàng có thể lựa chọn xem chi tiết để xem toàn bộ thông tin về đơn hàng. Khách hàng cũng có thể hủy đơn hàng khi chưa được xác nhận.
Khi đơn hàng được duyệt sẽ chuyển sang trạng thái đang giao hàng:
Khi giao hàng thành công thì đơn hàng sẽ được chuyển thành trạng thái đã hoàn thành. Khách hàng có thể in ra hóa đơn của đơn hàng đã được hoàn thành. Khi lựa chọn in hóa đơn, hóa đơn in ra sẽ như sau:
Giao diện dịch vụ:
Khi click vào dịch vụ sẽ hiển thị giao diện dịch vụ để người dùng lựa chọn các dịch vụ:
Trong giao diện dịch vụ sẽ có những lựa chọn về các dịch vụ có trên web để khách hàng lựa chọn như trông giữ thú cưng, chăm sóc thú cưng, cứu hộ thú cưng, spa thú cưng,...
Khi người dùng muốn sử dụng dịch vụ nào thì click vào dịch vụ đó thông tin dịch vụ sẽ được hiển thị ra. Mỗi dịch vụ sẽ có phần thông tin về dịch vụ đó để người dùng dễ dàng nắm bắt thông tin dịch vụ và đăng ký dịch vụ:
Sau đó là form để người dùng đăng ký dịch vụ:
image
Nếu người dùng đã cập nhật thông tin cá nhân thì dữ liệu sẽ được đổ ra cho người dùng đỡ cần phải nhập lại nhiều lần. Khi đăng ký dịch vụ thành công sẽ hiển thị thông báo. Khi đăng ký hoàn tất nếu muốn xem lại các dịch vụ đã đăng ký thì kiểm tra tại thông tin khách hàng.
Khi lựa chọn thông tin, bảng dịch vụ đã đăng ký sẽ được hiển thị:
Khách hàng có thể lựa chọn hủy dịch vụ để chỉnh sửa lại thông tin đăng ký hoặc khi không cần đến dịch vụ đó nữa. Khi hủy dich vụ thì dữ liệu về dịch vụ đó sẽ bị mất.Chỉ có thể hủy khi chưa được xác nhận. Khi đơn hàng trong trạng thái thanh toán nghĩa là đang chờ hoàn thành đơn hàng. Khách hàng có thể lựa chọn thanh toán dịch vụ, khi thanh toán dịch vụ hoặc hệ thống sẽ hiển thị lại thông tin đơn hàng để khách hàng xác nhận sau đó thanh toán đơn hàng:
Sau khi chọn xác nhận thanh toán, đơn hàng sẽ được chuyển thành đã thanh toán và vẫn đang trong trạng thái chờ hoàn thành. Khi hoàn thành đơn hàng sẽ được chủ shop duyệt và chuyển trạng thái đơn hàng thành đã hoàn thành:
Khi đơn hàng đã hoàn thành thì khách hàng có thể in ra hóa đơn của đơn hàng:
Admin:
Khi đăng nhập bằng tài khoản Admin thì sẽ được đưa đến giao diện quản lý của admin.
Ở chức năng quản lý sản phẩm này, admin có thể thêm sản phẩm, sửa thông tin sản phẩm đã có và xóa sản phẩm trong trường hợp hết hàng hoặc không còn bán trên hệ thống.
Admin nhập thông tin sản phẩm cần thêm và chọn thêm. Hệ thống sẽ kiểm tra và thêm sản phẩm vào hệ thống. Khi muốn sửa thông tin sản phẩm thì lựa chọn sửa:
Khi nhập lại thông tin và chọn sửa, hệ thống sẽ cập nhật lại thông tin của sản phẩm và hiển thị lại sản phẩm ra. Còn khi muốn xóa sản phẩm thì lựa chọn xóa, hệ thống sẽ xóa đi sản phẩm được chọn và cập nhật lại danh sách sản phẩm.
Quản lý tài khoản:
Trong phần quản lí tài khoản admin sẽ kiểm tra được những tài khoản đã được đăng ký trên hệ thống:
Admin có thể sửa hoặc xóa tài khoản trong các trường hợp khác nhau như người dùng không còn tồn tại trên hệ thống hoặc người dùng nhờ sửa dữ liệu cá nhân.
Admin cũng có thể thêm tài khoản để sử dụng website:
Khi thêm tài khoản bằng quyền admin thì có thể lựa chọn cách thức sử dụng của tài khoản là để cho admin hay người dùng sử dụng. Thông tin cá nhân khi tạo bằng quyền admin yêu cầu phải nhập đầy đủ thông tin. Khi thêm thành công tài khoản thì tài khoản sẽ được lưu vào hệ thống và hiển thị trong danh sách tài khoản:
Quản lý dịch vụ:
Trong phần quản lý dịch vụ có thể kiểm tra đuợc danh sách dịch vụ trên hệ thống và thông tin về các dịch vụ:
Phần quản lí hóa đơn dịch vụ cho phép admin kiểm tra thông tin của các dịch vụ mà người dùng đăng kí trên hệ thống để quản lí:
Trong quản lí hóa đơn dịch vụ có phần trạng thái giúp admin kiểm tra xem đơn hàng đó đã được hoàn thành hay chưa và xóa nếu đơn hàng nó sai thông tin hoặc không đem đến được doanh thu.
Khi admin duyệt đơn hàng thì sẽ chuyển trạng thái sang chờ hoàn thành để thực hiện đơn hàng. Khi đơn hàng đã hoàn tất thì admin sẽ chuyển trạng thái sang đã hoàn thành khi đó giá trị đơn hàng đó sẽ được cộng vào doanh thu của ngày hôm đó và tính vào cột tổng cộng
Trong phần tìm kiếm có thể tìm kiếm theo thông tin cá nhân hoặc dịch vụ để hiển thị ra những hóa đơn có dữ liệu gần giống nó nhất.
Khi in hóa đơn thì sẽ tương tự như in hóa đơn của khách hàng vì đây cũng có thể là nhân viên in hóa đơn để đưa cho khách hàng trực tiếp thanh toán tại quầy. Admin cũng có thể chọn in toàn bộ hóa đơn để in ra các hóa đơn đã hoàn thành để thống kê doanh thu.
Khi lựa chọn danh sách đơn hàng tương tự như với hóa đơn dịch vụ:
Đối với đơn hàng chờ duyệt, admin kiếm tra số lượng sản phẩm đã có và thông tin giao hàng có hợp lý không. Nếu phù hợp thì duyệt đơn hàng, sau khi duyệt đơn hàng sẽ chuyển sang trạng thái chờ giao hàng:
Khi đơn hàng đã được giao thành công thì admin sẽ xác nhận và chuyển trạng thái thành đã hoàn thành. Khi đó đơn hàng sẽ được cộng vào doanh thu của cửa hàng ngày hôm đó và cho phép in ra thông tin của hóa đơn.
Thống kê doanh thu:
Sử dụng biểu đồ để thống kê doanh thu theo từng tuần, quý, tháng hoặc năm. Hiển thị số lượng đơn hàng, số đơn hoàn thành, doanh thu đạt được trong thời gian đó.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Sử dụng MySql và PHP
Cài đặt xampp và import database trong src code vào (đặt tên giống tên database)
Mình đã cài sẵn các thư viện cần thiết nên chỉ cần down src là được thiếu gì thì khi run sẽ có thông báo và cài theo là được
Nguồn: Topcode.vn
