Sinh viên Phát triển phần mềm tự tay thiết kế website bán gà rán chuyên nghiệp

0:05 01/10/2024

Vừa qua, sinh viên Phạm Bá Hậu – sinh viên Phát triển phần mềm FPT Polytechnic Tây Nguyên đã hoàn thành dự án kết thúc môn học Javascript cơ bản. Sản phẩm là một website bán hàng cơ bản trên nền js, css, html.

Website bán gà của Bá Hậu sở hữu một số chức năng cơ bản có thể kể đến như trang chủ, danh sách sản phẩm, chi tiết sản phẩm, giỏ hàng, thanh toán, lịch sử đơn hang cho phép thay đổi trạng thái đơn hàng, quản lý sản phẩm, đăng nhấp, đăng ký,…

Để tạo ra được một website với đầy đủ các tính năng chuyên nghiệp trên, Bá Hậu đã vận dụng nhiều công nghệ bao gồm bootstrap, html, css, javascript, localstorage.

Hãy cùng tìm hiểu sâu hơn về từng chức năng của website:

Chức năng đăng nhập 

  • Đăng nhập bằng quyền Admin và quyền user.

  • Khi đăng nhập bằng Admin (Quản lý sản phẩm): Chỉ có Admin mới có quyền thêm, sửa, xoá sản phẩm.

Giao diện sửa sản phẩm 

  • Khi nhấn sửa 1 sản phẩm, sẽ render lấy dữ liệu đưa vào cái thẻ input như trên hình.
  • Khi thay đổi giá có check validate giá sẽ phải là số dương.
  • Khi lưu nếu thành công sẽ hiện lên cập nhật thành công và ngược lại.

Giao diện thanh toán và giỏ hàng

  • Sẽ render lấy dữ liệu thông tin của người đăng nhập đưa vào các thẻ input như hình
  • Khi cập nhật số lượng phải lớn hơn không.
  • Mỗi lần muốn xoá 1 hoặc xoá hết sản phẩm thì sẽ có thông báo bạn có chắc chắn muốn xoá.
  • Khi thanh toán thành công, đơn hàng sẽ auto sẽ là trạng thái đang xử lí.

Giao diện xét duyệt đơn của admin

  • Có chức năng tìm kiếm theo mã hoá đơn, tên khách hang, địa chỉ, số điện thoại.
  • Xét duyệt đơn của khách hàng, khi nhấn cập nhật xét duyệt thì bên user cũng đồng thời sẽ được chuyển trạng thái.

Giao diện trang chủ của User

  • Có chức năng tìm kiếm sản phẩm, lọc sản phẩm, sắp xếp, xem chi tiết sản phẩm, đồng thời kết hợp slider cho khung hình sản phẩm.
  • Khi nhấn thêm vào giỏ hàng, icon giỏ hàng tự động nhảy số.

Hoá đơn của User chờ Admin duyệt đơn

  • Khi chưa được admin xét duyệt.

 

  • Sau khi được admin xét duyệt.

Chúc mừng Phạm Bá Hậu đã hoàn thành sản phẩm kết thúc môn học Javascript cơ bản của mình. Sản phẩm đã thể hiện sự tỉ mỉ, nỗ lực và công phu của bạn trong quá trình học tập và tạo ra dự án. Mong Bá Hậu sẽ giữ được ngọn lửa đam mê và thành công hơn nữa trong những dự án tương lai.

Giảng viên Lê Hồng Sơn
Bộ môn Công nghệ thông tin
FPT Polytechnic Tây Nguyên

Cùng chuyên mục

Đăng Kí học Fpoly 2024

  • Max. file size: 512 MB.
  • Max. file size: 512 MB.
  • Max. file size: 512 MB.