1. Trang chủ
  2. » Luận Văn - Báo Cáo

Đồ Án lập trình web thiết kế và xây dựng website sử dụng spring boot

32 0 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Thiết kế và xây dựng website sử dụng Spring Boot
Tác giả Võ Hoàn Hảo
Người hướng dẫn PTS. Nguyễn Minh Đạo
Trường học Trường Đại học Sư phạm Kỹ thuật TPHCM
Chuyên ngành Lập Trình Web
Thể loại Đồ Án Lập Trình Web
Năm xuất bản 2022
Thành phố TP. Hồ Chí Minh
Định dạng
Số trang 32
Dung lượng 4,09 MB

Cấu trúc

  • CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI (6)
  • CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG (7)
    • 1. Hiện trạng thực tế (7)
    • 2. Mô hình nghiệp vụ của hệ thống (7)
  • CHƯƠNG 3: THIẾT KẾ HỆ THỐNG (9)
    • 1. Sơ đồ phân rã chức năng (9)
    • 2. Database Diagram (9)
    • 3. Mô tả cơ sở dữ liệu (10)
  • CHƯƠNG 4: GIỚI THIỆU GIAO DIỆN, CHỨC NĂNG VÀ KIỂM THỬ (13)
    • 1. Giới thiệu giao diện và chức năng chính của website cho User (13)
      • 1.1. Trang chủ (13)
      • 1.2. Trang đăng nhập (14)
      • 1.3. Trang đăng ký (14)
      • 1.4. Trang shop (15)
      • 1.5. Trang chi tiết sản phẩm (16)
      • 1.6. Trang giỏ hàng (17)
      • 1.7. Trang thông tin cá nhân (17)
      • 1.8. Trang lịch sử mua hàng (18)
      • 1.9. Trang Check out (20)
      • 1.10. Trang thanh toán bằng momo (21)
      • 1.11. Trang Invoice (22)
      • 1.12. Trang forgot password (23)
    • 2. Giới thiệu giao diện và chức năng chính của website cho Admin (23)
      • 2.1. Trang đăng nhập (23)
      • 2.2. Trang chủ (25)
      • 2.3. Trang đơn hàng (25)
      • 2.4. Trang wallet (26)
      • 2.5. Trang sản phẩm của tôi (26)
      • 2.6. Trang sửa sản phẩm (27)
      • 2.7. Trang thêm sản phẩm (28)
      • 2.8. Trang hồ sơ của tôi (29)
  • CHƯƠNG 5: TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN (30)
    • 1. Tổng kết (30)
    • 2. Kết quả đạt được (30)
    • 3. Hạn chế (30)
  • TÀI LIỆU THAM KHẢO (32)

Nội dung

Vai trò Chức năngQuản trị viên Admin - Đăng nhập, đăng xuất - Có các chức năng cơ bản của người xem Viewer - Đăng nhập, đăng xuất - Thanh toán - Thông tin cá nhân - Xem lịch sử đơn hàng

GIỚI THIỆU ĐỀ TÀI

1 Tìm hiểu “Xây dựng Website bán hàng điện tử trực tuyến”

- Trong thời đại công nghệ thông tin như hiện nay, khi mà Internet trở nên thân quen và dần trở thành một công cụ không thể thiếu trong cuộc sống thì lợi ích của Website đối với việc quảng bá sản phẩm và thương hiệu của một công ty thật là to lớn Các mặt hàng điện tử sẽ đến với khách hàng một cách trực quan và nhanh chóng.

- Tùy từng lĩnh vực kinh doanh của từng doanh nghiệp mà Website mang lại những lợi ích khác nhau Đặc biệt, các mặt hàng điện tử là hàng hóa dễ bán hơn những sản phầm khác Website trở thành một cửa ngõ để doanh nghiệp tiếp thị sản phẩm của mình đến khách hàng.

- Dự án “Xậy dựng Website bán hàng điện tử trực tuyến” tạo ra Website kinh doanh mặt hàng điện tử toàn diện, chi phí thiết kế thấp, giao diện khách hàng đẹp mắt, việc quản lý trở nên dễ dàng, tối ưu hóa cơ sở dữ liệu.

2 Công cụ lập trình và ngôn ngữ được sử dụng

- Hệ quản trị cơ sở dữ liệu: MySQL.

- Công cụ lập trình: Spring Tool Suite 4, Visual Studio Code

- Ngôn ngữ lập trình: Java.

3 Các thư viện – Framework hỗ trợ

Spring Boot, Spring data JPA, Thymeleaf, Lombok và một số thư viện khác.

KHẢO SÁT HIỆN TRẠNG

Hiện trạng thực tế

Các trang web trên toàn thế giới đang phát triển với một tốc độ vũ bão, và số lượng người kết nối với nó cũng ngày càng tăng Kinh doanh online trở thành ngành nghề đem lại lợi nhuận cao, nhiều doanh nghiệp hiện nay cung cấp các mặt hàng điện tử trực tuyến Tất cả những gì bạn cần truy cập vào Website, lựa chọn một sản phẩm phù hợp với mình và đặt mua.

Mô hình nghiệp vụ của hệ thống

2.1 Sơ đồ cơ cấu tổ chức

2.2 Chức năng từng bộ phận

Quản trị viên (Admin): Quản lý trực tiếp trang web, chịu trách nhiệm vận hành và bảo trì trang web Quản trị viên chịu trách nhiệm quản lý thông tin sản phẩm, bảo mật thông tin trên website

Người xem (Viewer): Có các chức năng tìm kiếm, xem thông tin của sản phẩm.

Khách hàng (Customer): Có các chức năng cơ bản của người xem (Viewer).Thực hiện chức năng thanh toán và xem thông tin cá nhân tài khoản của mình.2.3 Yêu cầu chức năng nghiệp vụ của hệ thống

- Quản lý loại sản phẩm

- Quản lý thông tin sản phẩm

- Xem thông tin sản phẩm

- Có các chức năng cơ bản của người xem (Viewer)

- Xem lịch sử đơn hàng

- Xem tất cả các sản phẩm đã mua

THIẾT KẾ HỆ THỐNG

Mô tả cơ sở dữ liệu

STT Thuộc tính Kiểu dữ liệu Khóa Mô tả

1 id varchar(255) PK Mã người dùng

2 avatar varchar(1111) Ảnh người dùng

3 email varchar(1111) Địa chỉ email

4 login_type varchar(1111) Loại đăng nhập

6 phone_number varchar(1111) Số điện thoại

8 user_name varchar(1111) Họ tên người dùng

STT Thuộc tính Kiểu dữ liệu Khóa Mô tả

1 id int (AI) PK Mã danh mục

2 category_nam e varchar(1111) Tên danh mục

STT Thuộc tính Kiểu dữ liệu Khóa Mô tả

1 id int (AI) PK Mã sản phẩm

2 created_at Date Ngày tạo

3 description varchar(1111) Mô tả sản phẩm

4 is_active int Tình trạng sản phẩm

5 is_seliing int Tình trạng bán

7 product_name varchar(1111) Tên sản phẩm

8 quantity int Số lượng sản phẩm

9 sold int Số lượng sản phẩm đã bán

10 category_id int FK Mã danh mục

STT Thuộc tính Kiểu dữ liệu Khóa Mô tả

1 id int (AI) PK Mã ảnh sản phẩm

2 url_image varchar(1111) Đường dẫn ảnh

3 product_id int FK Mã sản phẩm

STT Thuộc tính Kiểu dữ liệu Khóa Mô tả

1 id int (AI) PK Mã giỏ hàng

2 count int Số lượng đặt

3 product_id int FK Mã sản phẩm

4 user_id varchar(255) FK Mã người dùng

STT Thuộc tính Kiểu dữ liệu Khóa Mô tả

1 id int (AI) PK Mã đơn hàng

2 address varchar(1111) Địa chỉ giao hàng

3 booking_date date Ngày đặt hàng

5 email varchar(1111) Địa chỉ email

6 fullname varchar(1111) Họ và tên khách hàng

7 note varchar(1111) Lưu ý của khách hàng

8 payment_method varchar(1111) Hình thức thanh toán

9 phone varchar(1111) Số điện thoại khách hàng

10 status varchar(1111) Tình trạng đơn hàng

11 total int Tổng số tiền đơn hàng

12 user_id varchar(255) FK Mã người dùng

STT Thuộc tính Kiểu dữ liệu Khóa Mô tả

1 id int (AI) PK Mã chi tiết đơn hàng

2 count int Số lượng sản phẩm

3 order_id int Mã đơn hàng

4 product_id int FK Mã sản phẩm

GIỚI THIỆU GIAO DIỆN, CHỨC NĂNG VÀ KIỂM THỬ

Giới thiệu giao diện và chức năng chính của website cho User

 Mô tả các chức năng hoạt động chính của trang chủ

 Xem thông tin sản phẩm các sản phẩm mới đến và bán chạy nhất

 Thêm sản phẩm vào giỏ hàng

+ Cho phép người dùng đăng nhập vào hệ thống + Người dùng nhập đầy đủ thông tin => Nhấn [Sign In]

- Chức năng đăng ký tài khoản

+ Cho phép người dùng đăng ký tài khoản

+ Người dùng nhập đầy đủ thông tin => Nhấn [Register]

- Chức năng của trang shop

+ Cho phép người dùng xem thông tin của sản phẩm + Thêm sản phẩm vào giỏ hàng

+ Tìm kiếm, phân trang sản phẩm

+ Lọc sản phẩm và phân trang theo từng loại doanh mục

1.5 Trang chi tiết sản phẩm

- Chức năng của trang chi tiết sản phẩm

+ Xem chi tiết về sản phẩm như: hình ảnh, giá tiền, mô tả … + Thêm sản phẩm vào giỏ hàng

+ Các sản phẩm liên quan

- Chức năng của trang chi tiết giỏ hàng

+ Hiển thị các sản phẩm khi thêm vào giỏ hàng

+ Cho phép xoá các sản phẩm không mong muốn ra khỏi giỏ hàng + Cập nhật số lượng sản phẩm trong giỏ hàng Nhấn “Update Cart” + Tiến hàng mua sản phẩm Nhấn “Proceed to checkout”

1.7 Trang thông tin cá nhân

- Chức năng của trang thông tin cá nhân

+ Hiển thị các thông tin cs nhân của người dùng như: Tên , email, ảnh đại diện, số điện thoại, …

+ Cho phép thay đổi các thông tin cá nhân được hiển thị và cho phép thay đổi mật khẩu

1.8 Trang lịch sử mua hàng

- Chức năng của trang lịch sử mua hàng

+ Hiển thị thông tin về lịch sử các lần mua hàng của người dùng+ Cho phép xem thông tin chi tiết hoá đơn của từng đơn hàng

- Các chức năng của trang checkout

+ Cho phép người dùng điền các thông tin về họ tên, địa chỉ, lưu ý … trước khi tiến hành thanh toán

+ Để tiến hành thanh toán chọn 1 trong 2 chức năng để thanh toán:Payment on delivery(Thanh toán khi nhân hàng) và Payment with momo (Thanh toán bằng ví điện tử momo)

1.10 Trang thanh toán bằng momo

Nếu khách hàng chọn phương thức thanh toán bằng momo hệ thống sẽ tự chuyển hưởng đến cổng thanh toán của momo để khách hàng thanh toán

- Chức năng của trang thanh toán bằng momo

+ Hiển thị số tiền thanh toán và mã QR thanh toán để người dùng sửu dụng ứng dụng momo quét để thực hiện thanh toán

- Chức năng của trang invoice

+ Hiển thị các thông tin chi tiết của hoá đơn

+ Cho phép in hoá đơn Nhấn “Print this invoice”+ Để quay lại mua hàng Nhấn “Continue Shopping”

- Chức năng của trang forgot password

+ Cho phép người dùng thay đổi lại mật khẩu đã quên của mình

Bước 1: Nhập username và tiến hành kiểm tra

Bước 2: Sau khi hệ thống kiểm tra chính xác tài khoản đã nhập đã tồn tại thì hệ thống sẽ gửi mã xác nhận về email đã đăng ký của tài khoản đó Sau khi nhận được mã, người dùng cần điền chính xác mã đó vào khung input vầ ấn đổi mật khẩu.

Giới thiệu giao diện và chức năng chính của website cho Admin

- Để có thể truy cập vào trang của admin thì cần phải đăng nhập trước.

- Chức năng của trang chủ

+ Hiển thị các thông tin thống kê như tổng số đơn hàng, tổng số sản phẩm, tổng số người dùng, tổng số danh mục và các khách hàng gần đây, các đơn hàng gần đây.

- Chức năng của trang Order;

+ Hiển thị phân trang về thông tin tất các các đơn hàng đã mua

+ Cho phép xem chi tiết hoá đơn của đơn hàng

+ Cho phép xoá đơn hàng

+ Cho phép gửi email đến cho khách hàng thông qua email đã đăng kí trong tài khoản của khách hàng

- Chức năng của trang wallet

+ Hiển thị tổng số tiền đã bán được qua các hình thức thanh toán và tổng số đơn hàng đã bán được

+ Hiển thị các đơn hàng gần đây của 2 hình thứuc thanh toán

2.5 Trang sản phẩm của tôi

- Chức năng của trang sản phẩm của tôi:

+ Hiển thị phân trang tất cả các sản phẩm đang bán

+ Cho phép tìm kiếm các sản phẩm theo tên và theo danh mục + Cho phép xoá và sửa sản phẩm

- Chức năng của trang sửa sản phẩm

+ Cho phép quản trị viên có thể sửa thông tin của sản phẩm

+ Cập nhật số lượng sản phẩm, thay đổi cũng như thêm sản phẩm

- Chức năng của trang thêm sản phẩm

+ Cho phép quản trị viên điền những thông tin về sản phẩm như tên, số lượng, danh mục, thêm ảnh …

+ Để thêm sản phẩm Ấn “Add new product”

2.8 Trang hồ sơ của tôi

- Chức năng của trang hồ sơ của tôi

+ Cho phép quản trị viên có thể sửa đổi thông tin cá nhân của mình cũng như thay đổi mật khẩu

TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN

Tổng kết

Hệ thống Website bán hàng thời trang trực tuyến được xây dựng nhằm mục đích giúp doanh nghiệp vừa và nhỏ có thể: Quản lý, vận hành và thống kê hoạt động kinh doanh các mặt hàng thời trang online Tạo ra nơi cung cấp các mặt hàng thời trang mới nhất trên thị trường, đồng thời việc tìm kiếm, thanh toán nhanh gọn.

Trong quá trình nghiên cứu và hoàn thiện dự án Website bán hàng thời trang trực tuyến thì nhóm đã nỗ lực hoàn thiện hầu hết những chức năng cơ bản như: đẩy dữ liệu từ database; thêm, xóa, sửa các bảng; thống kê.

Thông qua đề tài, tôi đã đạt được nhiều mục tiêu đặt ra và bổ sung rất nhiều kiến thức mới.

Kết quả đạt được

Phân tích và thiết kế Database

Nắm được một ngôn ngữ lập trình

Xây dựng được cơ sở dữ liệu và giao diện cho chương trình bằng hệ quản trị cơ sở dữ liệu MySQL và Java

Quản lý được số lượng sản phẩm

Thống kê doanh thu theo từng hình thức nhanh chóng và chính xác Ứng dụng thống kê: để giao diện dễ nhìn hơn so với các số liệu.

Hạn chế

Chỉnh sửa giao diện đẹp mắt, trực quan, tối ưu hóa hiển thị và độ mượt mà của các trang người dùng. Đa dạng hoá các chức năng thanh toán thông qua ngân hàng, và các loại ví điện tử khác Đăng nhập Website bằng tài khoản Google, Facebook…

Xây dựng và hoàn thiện chức năng trao đổi trực tiếp với khách hàng bằng chatbox.

Ngày đăng: 03/10/2024, 20:37

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w