Code Website Bán nước hoa bằng Reactjs + Java Spring boots (Có thanh toán online VN pay và có đăng kí gửi mail xác nhận) Code đồ án Code đồ án

(1 Đánh giá)

0 77

Website bán nước hoa được xây dựng với frontend sử dụng ReactJS và backend sử dụng Java Spring Boot. Trang web cung cấp trải nghiệm người dùng hiện đại, có kết hợp cả chatbot AI Code đồ án

Danh mục

Java/JSP

Thể loại

WebsiteBán hàng - TMĐT

Ngày đăng

25-5-2025

Loại file

Full code

File download

# [#]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Thông tin code đúng như mô tả

Hỗ trợ người mua sau khi tải code

Trung Vũ

(Hạng vàng)
Xem trang

Source code
1

Đánh giá (2)
5/5

Ngày tham gia
25/5/2025

FrontEnd: ReactJS, TailwindCSS BackEnd: Spring Boot, Spring Security, Spring Data JPA, MySQL Chức năng của Người dùng: <ul data-end="654" data-start="224"> <li data-end="240" data-start="224"> Xem sản phẩm </li> <li data-end="267" data-start="241"> Lọc sản phẩm theo loại </li> <li data-end="293" data-start="268"> Xem chi tiết sản phẩm </li> <li data-end="316" data-start="294"> Đăng ký, đăng nhập </li> <li data-end="347" data-start="317"> Cập nhật thông tin cá nhân </li> <li data-end="368" data-start="348"> Quản lý giỏ hàng </li> <li data-end="381" data-start="369"> Đặt hàng </li> <li data-end="423" data-start="382"> Xem đơn hàng của mình và huỷ đơn hàng </li> <li data-end="492" data-start="424"> Thanh toán (có cả thanh toán khi nhận hàng và thanh toán online) </li> <li data-end="584" data-start="493"> Khi đặt hàng xong sẽ xuất hiện đơn hàng này bên phía Quản lý hóa đơn của Admin để duyệt </li> <li data-end="654" data-start="585"> Quên mật khẩu, mật khẩu mới sẽ được gửi về email người dùng đăng ký </li> </ul> Chức năng của Admin: <ul data-end="1017" data-start="681"> <li data-end="747" data-start="681"> Quản lý loại sản phẩm: xem, thêm, xóa, sửa thông tin, tìm kiếm </li> <li data-end="840" data-start="748"> Quản lý sản phẩm: xem, thêm, xóa, sửa. Sản phẩm mới sẽ hiển thị ngay trên trang bán hàng </li> <li data-end="890" data-start="841"> Quản lý hóa đơn: xem, duyệt hoặc huỷ đơn hàng </li> <li data-end="962" data-start="891"> Quản lý thống kê: tự động thống kê số lượng sản phẩm trong cửa hàng </li> <li data-end="977" data-start="963"> Xuất Excel </li> <li data-end="1017" data-start="978"> Chức năng khác: quản lý tài khoản,...   </li> </ul> Code đồ án

XEM THÊM ==> Hướng dẫn cài đặt chi tiết

HÌNH ẢNH DEMO

HƯỚNG DẪN CÀI ĐẶT

Hướng dẫn chạy ứng dụng: <ol data-end="1523" data-start="1065"> <li data-end="1162" data-start="1065"> Tải source code từ Git về. Vào thư mục <code data-end="1117" data-start="1107">Shoe-app</code>, chạy lệnh: <div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"> <div class="overflow-y-auto p-4" dir="ltr"> <code class="whitespace-pre!">npm i --force </code></div> </div> </li> <li data-end="1254" data-start="1164"> Vào MySQL, tạo database bằng lệnh: <div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"> <div class="overflow-y-auto p-4" dir="ltr"> <code class="whitespace-pre! language-sql">CREATE DATABASE perfume_store; </code></div> </div> </li> <li data-end="1366" data-start="1256"> Mở terminal trong Visual Studio Code, chạy lệnh: <div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"> <div class="overflow-y-auto p-4" dir="ltr"> <code class="whitespace-pre!">npm start </code></div> </div> → để khởi chạy frontend. </li> <li data-end="1489" data-start="1368"> Vào IntelliJ hoặc Visual Studio Code, mở phần backend, vào file <code data-end="1455" data-start="1435">PerfumeApplication</code> và bấm Start để chạy backend. </li> <li data-end="1523" data-start="1491"> Ứng dụng đã sẵn sàng sử dụng. </li> </ol>

Nguồn: Topcode.vn