Giter VIP home page Giter VIP logo

coffee_shop's Introduction

BÀI TẬP LỚN CSDL

Video demo: Demo (Bật chế độ HD để xem video rõ nét hơn)

Thành viên nhóm

  • Lương Thị Mai Phương_21020783

  • Đặng Thị Thanh Hiền_21020315

  • Lương Phùng Nhâm_21021660

  • Phạm Minh Tâm_21020319

The_Coffee_Shop

...

Nhiệm vụ nghiên cứu

Trang web này được tạo ra nhằm hy vọng mang đến sự thuận tiện cho người sử dụng cũng như giúp cho các chủ quán có thể xem xét một cách tổng quán tình hình kinh doanh của quán mình. Giúp khách hàng tiện lợi hơn trong việc đặt món và gọi món,xuất hóa đơn cho khách hàng. Trang web còn mang lại lợi ích kinh tế là giải pháp giúp việc quản lý trở nên đơn giản và thân thiện với mọi người.

Công nghệ sử dụng

  • Nghiên cứu cơ sở lý thuyết về phân tích và thiết kế hệ thống thông tin.
  • Hệ quả trị CSDL.
  • Sử dụng các công cụ như html,boostrap,css cho frontend
  • php,js cho backend và mysql cho database

Giai đoạn thực hiện

  • Giai đoạn 1: Thu thâp tài liệu : Khảo sát tình hình thực tiễn,thu thập tài liệu.
  • Giai đoạn 2: Nghiên cứu vấn đề : Đọc hiểu các tài liệu liên quan,nắm rõ vai trò,chức năngc của các công cụ ,ngôn ngữ lập trình
  • Giai đoạn 3: Xây dựng phần mềm :Dựa vào các dữ liệu đã tham khảo, phân tích,
  • Giai đoạn 4: Kiểm thử chương trình: Chạy demo,xem xét đánh giá chức năng.Sửa lỗi hoàn thiện chương trình.
  • Giai đoạn 5: Kết luận rút ra kết luận cho đề tài.

Hướng dẫn

  • Bước 1: Clone project về máy tính cá nhân.
  • Bước 2: Download và thiết lập xampp trên máy tính cá nhân.
  • Bước 3: Mở thư mục xampp và thêm thư mục chứa toàn bộ dự án vào thư mục htdocs.
  • Bước 4: Khởi động máy chủ xampp và bắt đầu Apache và MySql.
  • Bước 5: Chạy trang web bằng đường link http://localhost/coffee_shop/

Mục lục

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

Sử dụng cơ sở dữ liệu sau:

...

  • Bảng customer là nơi chúng tôi lưu trữ thông tin của khách hàng. Có 5 cột khác nhau là mã khách hàng, tên khách hàng,số điện thoại,địa chỉemail
  • Bảng order là nơi chúng tôi lưu trữ thông tin của đơn đặt hàng. Chúng ta có thể thấy mã đơn hàng, mã số cửa hàng, ngày đặt hàng, ngày đặt hànggiá trị của đơn hàng.
  • Trong orderdetails chúng tôi có mã đơn hàng, mã sản phẩm, số lượng, giádòng sản phẩm.
  • Tiếp theo là bảng products chúng ta có mã sản phẩm, tên sản phẩm, dòng sản phẩm, mô tả, giálink ảnh.
  • Bảng store chúng ta bao gồm mã số cửa hàng, số điện thoại, địa chỉ, thành phố, quốc giamã số của quản lý cửa hàng.
  • Bảng productline gồm dòng sản phẩm, mô tảlink ảnh.
  • Cuối cùng là bảng employees gồm mã số nhân viên, tên, giới tính, ngày sinh, điện thoại, email, mã số cửa hàng, mã số của quản lý, nghiệp vụ, ngày bắt đầu của các nhân viên.
  • Có khóa ngoại giữa các bảng products - productline, orderdetails - products, orderdetails - orders, orders - customers, orders - store, store - employees, employees - store, employees - employees.

Thiết kế web

Trang web bán hàng

  • Gồm trang chủ, giới thiệu về cửa hàng, trang đặt hàng, trang giỏ hàng để thanh toán và trang đăng nhập quản lý.

    ...
  • Khách hàng có thể lựa chọn đồ uống yêu thích với giá cả và số lượng phù hợp để cho vào giỏ hàng.

...

  • Trang giỏ hàng cho phép khách hàng chọn tiếp tục mua hàng, xóa giỏ hàng hoặc điền thông tin để thanh toán.

...

  • Sau khi điền thông tin và ấn nút đặt hàng, thông tin đơn hàng, khách hàng được lưu vào trong cơ sở dữ liệu, màn hình hiện đơn hàng được đặt thành công và chi tiết hóa đơn.

...

Trang web quản lý

  • Đăng nhập vào tài khoản chủ để quản lý cửa hàng.

...

  • Gồm mục quản lý nhân viên, quản lý sản phẩm, quản lý đơn hàng, quản lý khách hàng, trang chủ và đăng xuất.

...

  • Giúp quản lý nhân viên, quản lý sản phẩm, có chức năng thêm, sửa, xóa thông tin nhân viên và sản phẩm.
  • Giúp quản lý, kiểm tra thông tin đơn hàng và khách hàng một cách nhanh chóng.

...

Xem trước

coffee_shop's People

Contributors

21020315dangthanhhien avatar maiphuwowng77 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.