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

Báo cáo thực tập tốt nghiệp Đê  ti xây dựng website quản lý v kinh doanh mỹ phẩm cho nữ

55 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 đề Xây Dựng Website Quản Lý Về Kinh Doanh Mỹ Phẩm Cho Nữ
Tác giả Vũ Huy Hồng
Người hướng dẫn TS. Nguyễn Đình Thái
Trường học Trường Đại Học Điện Lực
Chuyên ngành Công Nghệ Thông Tin
Thể loại báo cáo thực tập tốt nghiệp
Năm xuất bản 2024
Thành phố Hà Nội
Định dạng
Số trang 55
Dung lượng 4,7 MB

Cấu trúc

  • 1.1 Lý do chọn đề tài (13)
  • 1.2 Khảo sát hiện trạng (13)
  • 1.3 Mục tiêu và những yêu cầu khi xây dựng website (14)
    • 1.3.1 Mục tiêu khi xây dựng hệ thống (14)
    • 1.3.2 Những yêu cầu đặt ra cho hệ thống (14)
    • 1.3.3 Hoạt động của hệ thống (14)
  • 1.4 Phương pháp giải quyết (14)
  • CHƯƠNG 2:CƠ SỞ LÝ THUYẾT (15)
    • 2.1 Ngôn ngữ lập trình (15)
    • 2.2 Ngôn ngữ java (15)
    • 2.3 Spring Data JPA (15)
    • 2.4 Spring Boot (16)
    • 2.5 Apache Maven (16)
    • 2.6 Bootstrap 4 (16)
    • 2.7 Angluar (16)
    • 2.8 Cơ sở dữ liệu mysql (16)
  • CHƯƠNG 3: PHÂN TÍCH V THIẾT KẾ HỆ THỐNG (18)
    • 3.1 Biểu đồ usecase (18)
      • 3.1.1 Biểu đồ usecase tổng quát (18)
      • 3.1.2 Biểu đồ usecase đăng nhập (18)
      • 3.1.3 Biểu đồ usecase đăng ký (19)
      • 3.1.4 Biểu đồ usecase tìm kiếm (20)
      • 2.1.5 Biểu đồ usecase đặt hàng (21)
      • 2.1.6 Biểu đồ usecase thanh toán (22)
      • 2.1.7 Biểu đồ usecase quản lý sản phẩm (23)
      • 2.1.8 Biểu đồ usecase quản lý khách hàng (24)
      • 2.1.9 Biểu đồ usecase quản lý đặt hàng (25)
      • 2.1.10 Biểu đồ usecase thống kê (26)
    • 2.2 Biểu đồ hoạt động (27)
      • 2.2.2 Biểu đồ hoạt động đăng ký (28)
      • 2.2.3. Biểu đồ hoạt động tìm kiếm sản phẩm (30)
      • 2.2.4. Biểu đồ hoạt động xem chi tiết sản phẩm (31)
      • 2.2.5. Biểu đồ hoạt động đặt hàng (32)
      • 2.2.6. Biểu đồ hoạt động thanh toán (33)
      • 2.2.7. Biểu đồ hoạt động quản lý khách hàng (34)
      • 2.2.8. Biểu đồ hoạt động quản lý sản phẩm (35)
      • 2.2.9 Biểu đồ hoạt động quản lý đặt hàng (36)
      • 2.2.10 Biểu đồ hoạt động thống kê (37)
    • 2.3 Biểu đồ trình tự (38)
      • 2.3.1. Biểu đồ trình tự đăng nhập (38)
      • 2.3.2. Biểu đồ trình tự đăng ký (39)
      • 2.3.3. Biểu đồ trình tự tìm kiếm sản phẩm (39)
      • 2.3.4. Biểu đồ trình tự xem chi tiết sản phẩm (40)
      • 2.3.5. Biểu đồ trình tự thanh toán (40)
      • 2.3.6. Biểu đồ trình tự đặt hàng (41)
      • 2.3.7. Biểu đồ trình tự quản lý sản phẩm (41)
      • 2.3.8. Biểu đồ trình tự quản lý khách hàng (42)
      • 2.3.9. Biểu đồ trình tự quản lý đặt hàng (43)
      • 2.3.10. Biểu đồ trình tự thống kê (43)
    • 2.4 Thiết kế cơ sở dữ liệu (44)
    • 2.5 Sơ đồ thực thể liên kết (47)
  • CHƯƠNG 4: XÂY DỰNG ỨNG ỨNG DỤNG (48)
    • 4.1 Giao diện trang chủ (48)
    • 4.2 Giao diện trang đăng ký (49)
    • 4.3 Giao diện trang đăng nhập (49)
    • 4.4 Giao diện trang chi tiết sản phẩm (50)
    • 4.5 Giao diện trang giỏ hàng (51)
    • 4.6 Giao diện trang đặt hàng (51)
    • 4.7 Giao diện quản lý (52)

Nội dung

• Đặt mua sản phẩm qua website - Hoạt động của quản lý • Giới thiệu sản phẩm: quản trị viên sẽ cung cấp thông tin các sản phẩmcho khách hàng • Quản lý các đơn hàng, sản phẩm 1.4 Phương p

Khảo sát hiện trạng

Mỹ phẩm Home là cửa hàng chuyên cung cấp mỹ phẩm chất lượng cao cho phụ nữ với giá cả hợp lý Tuy nhiên, cửa hàng gặp khó khăn trong việc quản lý sản phẩm và tiếp cận khách hàng do thiếu website phù hợp Việc sử dụng sổ sách truyền thống có thể dẫn đến mất mát hoặc hư hỏng thông tin Do đó, cửa hàng mong muốn xây dựng một website để cải thiện quản lý và nhanh chóng đưa sản phẩm đến tay khách hàng.

- Khách hàng có thể xem sản phẩm trên website.

- Có thể đặt hàng và thanh toán qua website

- Có thể quản lý được khách hàng, sản phẩm ,… của cửa hàng.

Mục tiêu và những yêu cầu khi xây dựng website

Mục tiêu khi xây dựng hệ thống

- Đáp ứng nhu cầu thị trường.

- Thông tin sản phẩm luôn được cập nhật đáp ứng nhu cầu của người mua.

- Hỗ trợ tư vấn người mua sản phẩm.

- Tiết kiệm được chi phí và thời gian.

Những yêu cầu đặt ra cho hệ thống

- Màu sắc bắt mắt phù hợp với lĩnh vực quảng cáo giới thiệu marketing.

- Dễ sử dụng cho khách hàng.

- Hỗ trợ quản trị viên quản lý tốt website.

Hoạt động của hệ thống

- Hoạt động của khách hàng:

• Đăng ký là thành viên

• Đặt mua sản phẩm qua website

- Hoạt động của quản lý

• Giới thiệu sản phẩm: quản trị viên sẽ cung cấp thông tin các sản phẩm cho khách hàng

• Quản lý các đơn hàng, sản phẩm

Phương pháp giải quyết

Từ những mục tiêu và yêu cầu đặt ra em xin đưa ra phương pháp giải quyết

- Tìm hiểu ngôn ngữ lập trình và các dạng cơ sở dữ liệu để đưa ra phương pháp giải quyết phù hợp.

- Tiến hành viết giao diện website chức năng của khách hàng và người quản lý

- Chạy thử và kiểm tra khắc phục lỗi nếu có

SỞ LÝ THUYẾT

Ngôn ngữ lập trình

- Công cụ lập trình: Interlij , visual studio code

- Ngôn ngữ lập trình: java (spring boot)

Ngôn ngữ java

Java là một ngôn ngữ lập trình hiện đại, bậc cao, hướng đối tượng, mạnh mẽ và bảo mật, đồng thời cũng được xem như một nền tảng (Platform) cho phép chạy các chương trình trên nhiều môi trường phần cứng và phần mềm khác nhau Được phát triển bởi Sun Microsystems dưới sự lãnh đạo của James Gosling và ra mắt vào năm 1995, Java cung cấp môi trường runtime riêng (JRE) và API, với phiên bản mới nhất là Java SE 8 Sự phát triển và phổ biến của Java đã dẫn đến việc xây dựng nhiều cấu hình khác nhau như J2EE cho ứng dụng doanh nghiệp và J2ME cho ứng dụng di động, với các phiên bản J2 được đổi tên thành Java SE, Java EE và Java ME Phương châm "Write Once, Run Anywhere" cho thấy tính linh hoạt của Java, cho phép các chương trình được viết một lần có thể chạy trên nhiều hệ điều hành khác nhau như Windows, Linux và Android.

Spring Data JPA

Spring Data is a module of the Spring Framework designed to simplify the implementation of Java Persistence API (JPA) Spring Data JPA, a component of Spring Data, supports Hibernate 5, Open JPA 2.4, and Eclipse Link 2.6.1 Unlike Hibernate, Spring Data JPA is not a JPA provider Spring Boot JPA, part of the Spring Data ecosystem, creates a layer between the service and database, facilitating easier database interactions, automatic configuration, and reducing boilerplate code With Spring Boot JPA wrapping Hibernate, it offers a powerful interface, making it easier for developers to work with Hibernate If you encounter difficulties with Hibernate, let Spring JPA handle it for you.

Spring Boot

Spring Boot là một framework Java do đội ngũ Pivital phát triển, dựa trên mã nguồn mở, nhằm tạo ra các microservice Nó cho phép xây dựng nhanh chóng các ứng dụng Spring độc lập với khả năng thực thi ngay lập tức.

Sau khi sử dụng Spring Boot để lập trình ứng dụng Spring, bạn có thể chạy ngay ứng dụng của mình mà không cần phải cấu hình quá nhiều.

Apache Maven

Maven là công cụ quản lý dự án phần mềm tự động, chủ yếu phục vụ cho lập trình viên Java nhưng cũng hỗ trợ các ngôn ngữ khác như C# và Ruby Nó hoạt động tương tự như Apache Ant nhưng dựa trên khái niệm và quy trình khác Maven giúp tự động hóa các bước quan trọng trong quá trình phát triển phần mềm, bao gồm biên dịch, kiểm thử, đóng gói và triển khai sản phẩm.

Bootstrap 4

Bootstrap 4 là phiên bản Bootstrap mới nhất hiện nay, với nhiều component mới,style sheet nhanh hơn và responsive hơn Bootstrap 4 hỗ trợ các bản phát hành ổn định, mới nhất của tất cả các trình duyệt và nền tảng chính Tuy nhiên, InternetExplorer 9 trở xuống không được hỗ trợ Bootstrap cũng cung cấp cho bạn khả năng tạo ra các responsive designs một cách dễ dàng.

Angluar

Angular là một framework JavaScript được phát triển bởi Google, sử dụng TypeScript để xây dựng giao diện web (Front-end) một cách hiệu quả Framework này không chỉ mang lại nhiều lợi ích cho việc phát triển ứng dụng mà còn duy trì cấu trúc tương tự như ngôn ngữ lập trình tiêu chuẩn, giúp các nhà phát triển dễ dàng mở rộng và bảo trì dự án.

Cơ sở dữ liệu mysql

MySQL là chương trình quản lý hệ thống cơ sở dữ liệu, cho phép lưu trữ thông tin một cách rõ ràng và ngăn nắp, giúp truy cập dữ liệu nhanh chóng Là hệ quản trị cơ sở dữ liệu mã nguồn mở phổ biến nhất thế giới, MySQL được ưa chuộng bởi các nhà phát triển trong quá trình phát triển ứng dụng Nó hoạt động ổn định trên nhiều hệ điều hành, cung cấp nhiều hàm tiện ích mạnh mẽ và hoàn toàn miễn phí để tải về MySQL hỗ trợ nhiều ngôn ngữ lập trình như PHP và Perl, trở thành nơi lưu trữ thông tin cho các trang web được viết bằng các framework này.

 Điểm mạnh của hệ quản trị cơ sở dữ liệu MySQL?

- Khả năng mở rộng và tính linh hoạt.

- Hỗ trợ giao dịch mạnh mẽ.

- Điểm mạnh của Web và Data Warehouse.

- Bảo vệ dữ liệu mạnh mẽ.

- Phát triển ứng dụng toàn diện.

- Mã nguồn mở tự do và hỗ trợ 24/7.

- Chi phí sở hữu thấp nhất

PHÂN TÍCH V THIẾT KẾ HỆ THỐNG

Biểu đồ usecase

3.1.1 Biểu đồ usecase tổng quát

Hình 2.1 Biểu đồ usecase tổng quát

3.1.2 Biểu đồ usecase đăng nhập

Hình 2.2 Biểu đồ usecase đăng nhập

- Tác nhân chính: Khách hàng, quản trị viên.

- Tiền điều kiện: Khách hàng và quản trị viên phải có tài khoản (user name) và mật khẩu (password) riêng được hệ thống cấp trước đó.

- Hậu điều kiện: Người dùng đăng nhập được vào website.

- Kích hoạt: Người dùng chọn đăng nhập.

- Luồng sự kiện chính cho usecase đăng nhập:

1.Người dùng chọn chức năng đăng nhập trên website.

2.Website hiển thị form đăng nhập.

3.Người dùng nhập tài khoản và mật khẩu.

Website thực hiện việc xác nhận và so sánh tài khoản cùng mật khẩu với cơ sở dữ liệu Nếu đăng nhập thành công, hệ thống sẽ thiết lập phiên đăng nhập cho người dùng và hiển thị các chức năng mà họ có quyền sử dụng Ngược lại, nếu người dùng nhập sai tên hoặc mật khẩu, hệ thống sẽ chuyển sang luồng xử lý khác (A1).

Người dùng đăng nhập không thành công.

Website thông báo quá trình đăng nhập không thành công

Website yêu cầu người dùng nhập lại tên và mật khẩu

- Nếu người dùng đồng ý thì quay về bước 2 của luồng sự kiện chính, nếu không đồng ý thì UC kết thúc.

3.1.3 Biểu đồ usecase đăng ký

Hình 2.3 Biểu đồ usecase đăng ký

- Tác nhân chính: Khách hàng, quản trị viên.

- Tiền điều kiện: Khách hàng muốn đăng ký làm thành viên.

- Hậu điều kiện: Người dùng thoát khỏi website.

- Kích hoạt: Chọn đăng ký.

- Luồng sự kiện chính cho usecase đăng xuất:

1 Người dùng chọn đăng ký.

2 Người dùng nhập thông tin đăng ký.

3 Sau khi đăng ký xong chọn nút xác nhận.

3.1.4 Biểu đồ usecase tìm kiếm

Hình 2.4 Biểu đồ usecase tìm kiếm

- Tác nhân chính: Khách hàng, Thành viên.

- Tiền điều kiện: Dành cho khách hàng tìm kiếm sản phẩm.

- Hậu điều kiện: Người dùng thoát khỏi website.

- Kích hoạt: Chọn tìm kiếm.

- Luồng sự kiện chính cho usecase tìm kiếm sản phẩm:

1.Người dùng tìm đến phần loại sản phẩm ở bên phải màn hình.

2.Người dùng chọn loại sản phẩm muốn tìm kiếm.

Website sẽ kiểm tra cơ sở dữ liệu dựa trên loại sản phẩm mà người dùng đã chọn Sau đó, hệ thống sẽ hiển thị kết quả tìm kiếm, hoặc thông báo nếu không có sản phẩm nào phù hợp với từ khóa đã nhập.

2.1.5 Biểu đồ usecase đặt hàng

Hình 2.5 Biểu đồ usecase đặt hàng

- Tác nhân chính: Khách hàng

- Tiền điều kiện: Dành cho khách hàng đặt hàng.

- Hậu điều kiện: Người dùng thoát khỏi website.

- Kích hoạt: Chọn giỏ hàng.

- Luồng sự kiện chính cho usecase đặt hàng:

1.Người dùng thêm sản phẩm vào giỏ hàng sau đó chọn giỏ hàng.

2.Người dùng nhấn nút đăt hàng.

3.Website sẽ tiến hành các bước kiểm tra, người dùng thực hiện theo các bước hiển thị trên màn hình để đặt hàng.

4.Hiển thị kết quả đặt hàng “Thành công” hay “Thất bại”.

2.1.6 Biểu đồ usecase thanh toán

Hình 2.6 Biểu đồ usecase thanh toán

- Tác nhân chính: Khách hàng

- Tiền điều kiện: Dành cho khách hàng thanh toán khi đặt hàng

- Hậu điều kiện: Người dùng thoát khỏi website.

- Kích hoạt: Chọn thanh toán.

- Luồng sự kiện chính cho usecase thanh toán:

1 Khách hàng nhấn nút thanh toán.

2 Nếu khách hàng chưa đăng nhập, màn hình sẽ hiển thị trang đăng nhập. Sau khi khách hàng đăng nhập thành công sẽ chuyển đến trang thông tin đặt hàng Khách hàng nhập thông tin vào các ô hiển thị trên màn hình.

3 Sau khi nhập thông tin đặt hàng chuyển tiếp sang trang chọn phương thức thanh toán.

4 Sau khi chọn phương thức thanh toán sẽ chuyển sang trang thanh toán Tại đây, nếu khách hàng chọn:

- Thanh toán khi nhận hàng: màn hình sẽ hiển thị đặt hàng thành công.

- Thanh toán sử dụng Paypal: màn hình sẽ hiển thị nút thanh toán bằng Paypal, người dùng nhấn vào nút Paypal, chuyển sang bước 5.

- Thanh toán khi nhận hàng: chuyển đến bước kết thúc

Thanh toán qua Paypal yêu cầu người dùng đăng nhập vào tài khoản Sau khi đăng nhập thành công, quá trình thanh toán sẽ được tiếp tục Hệ thống sẽ hiển thị kết quả thanh toán, bao gồm thông báo “Thành công” hoặc “Thất bại”.

6 Kết thúc quá trình thanh toán

2.1.7 Biểu đồ usecase quản lý sản phẩm

Hình 2.7 Biểu đồ usecase quản lý sản phẩm

- Tác nhân chính: Quản trị viên.

1.Người dùng đăng nhập vào hệ thống có quyền quản trị.

2.Giúp thêm, sửa hay xóa sản phẩm.

- Hậu điều kiện: Người dùng thoát khỏi website.

- Kích hoạt: Người dùng chọn vào phần quản lý sản phẩm.

- Luồng sự kiện chính cho usecase quản lý sản phẩm:

1.Người dùng chọn phần quản lý sản phẩm.

2.Chọn thêm, sửa, xóa sản phẩm Điền thông tin chính xác vào các trường với chức năng thêm và sửa.

3.Hệ thống sẽ kiểm tra thông tin của quản trị viên Lưu hoặc cập nhật lại sản phẩm trong cơ sở dữ liệu.

4.Show ra danh sách quản lý sản phẩm theo yêu cầu.

2.1.8 Biểu đồ usecase quản lý khách hàng

Hình 2.8 Biểu đồ usecase quản lý khách hàng

- Tác nhân chính: Quản trị viên.

1 Người dùng đăng nhập vào hệ thống có quyền quản trị.

2 Người dùng quản lý các khách hàng.

- Hậu điều kiện: Người dùng thoát khỏi website.

- Kích hoạt: Người dùng chọn phần quản lý khách hàng.

- Luồng sự kiện chính cho usecase quản lý khách hàng:

1 Người dùng chọn chức năng cần thực hiện tại trang quản lý khách hàng.

2 Người dùng lấy thông tin nợ của khách hàng trong cơ sở dữ liệu với chức năng xóa, thêm, sửa.

3 Show trang danh sách khách hàng theo yêu cầu.

2.1.9 Biểu đồ usecase quản lý đặt hàng

Hình 2.9 Biểu đồ usecase quản lý đơn đặt hàng

- Tác nhân chính: Quản trị viên.

1.Người dùng đăng nhập vào hệ thống có quyền quản trị.

2.Người dùng cập nhật trạng thái và quản lý các đơn hàng.

- Hậu điều kiện: Người dùng thoát khỏi website.

- Kích hoạt: Người dùng chọn phần quản lý đơn đặt hàng.

- Luồng sự kiện chính cho usecase quản lý đơn đặt hàng:

1.Người dùng chọn sửa, xem chi tiết tìm kiếm hay xuất đơn hàng.

Hệ thống sẽ xác minh thông tin quản trị viên và cập nhật hoặc hiển thị chi tiết đơn hàng trong cơ sở dữ liệu Người dùng có thể tìm kiếm đơn hàng theo từ khóa đã nhập và xuất file đơn hàng khi có yêu cầu.

3.Show danh sách quản lý đơn hàng theo yêu cầu.

2.1.10 Biểu đồ usecase thống kê

Hình 2.10 Biểu đồ usecase thống kê

- Tác nhân chính: Quản trị viên.

1 Người dùng đăng nhập vào hệ thống có quyền quản trị.

2 Người dùng quản lý thống kê doanh thu.

- Hậu điều kiện: Người dùng thoát khỏi website.

- Kích hoạt: Người dùng chọn phần quản lý thống kê

- Luồng sự kiện chính cho usecase quản lý sự kiện:

1 Người dùng quản lý được thống kê doanh thu, thống kê đơn hàng, thống kê sản phẩm.

2 Hệ thống sẽ tạo các thống kê cho người dùng.

3 Load và hiển thị ra danh sách trên màn hình.

Biểu đồ hoạt động

2.2.1 Biểu đồ hoạt động đăng nhập

Hình 2.11 Biểu đồ hoạt động đăng nhập

Bước 1: Người dùng gửi yêu cầu đăng nhập vào hệ thống bằng cách click vào nút “Đăng nhập”

Bước 2: Màn hình hiển thị giao diện đăng nhập

Bước 3: Người dùng nhập vào tài khoản và mật khẩu

Bước 4: Hệ thống kiểm tra tính hợp lệ của dữ liệu đầu vào:

- Dữ liệu hợp lệ Chuyển sang Bước 5

- Dữ liệu không hợp lệ Chuyển sang bước 3

Bảng 2.1 Các trường hợp dữ liệu không hợp lệ hoạt động đăng nhập

Dữ liệu không hợp lệ Thông báo hệ thống

Tài khoản ít hơn 3 kí tự Tài khoản tối thiểu 3 kí tự

Tài khoản nhiều hơn 50 kí tự Tài khoản tối đa 50 kí tự

Mật khẩu ít hơn 6 kí tự Mật khẩu tối thiểu 6 kí tự

Mật khẩu nhiều hơn 30 kí tự Mật khẩu tối đa 30 kí tự

Bước 5: Hệ thống kiểm tra thông tin đăng nhập trong cơ sở dữ liệu:

- Nếu dữ liệu tồn tại trong cơ sở dữ liệu Chuyển sang Bước 6

- Nếu dữ liệu không tồn tại trong cơ sở dữ liệu thông báo “Sai tên tài khoản hoặc mật khẩu” và trở lại Bước 3

Bước 6: Cấp quyền đăng nhập cho người dùng.

2.2.2 Biểu đồ hoạt động đăng ký

Hình 2.12 Biểu đồ hoạt động đăng ký

Bước 1: Người dùng gửi yêu cầu đăng ký tài khoản bằng cách click vào nút

Bước 2: Màn hình đăng ký hiển thị

Bước 3: Người dùng nhập thông tin tài khoản và mật khẩu

Bước 4: Hệ thống kiểm tra thông tin người dùng nhập với cơ sở dữ liệu:

- Dữ liệu hợp lệ thì chuyển sang bước 5

Nếu dữ liệu không hợp lệ, quay lại bước 3 và hiển thị thông báo “Tên tài khoản đã được đăng ký, vui lòng đăng nhập hoặc tạo tên tài khoản mới.”

Bảng 2.2 Các trường hợp dữ liệu không hợp lệ hoạt động đăng ký

Dữ liệu không hợp lệ Thông báo hệ thống

Tài khoản ít hơn 3 kí tự Tài khoản tối thiểu 3 kí tự

Tài khoản nhiều hơn 50 kí tự Tài khoản tối đa 50 kí tự

Mật khẩu ít hơn 6 kí tự Mật khẩu tối thiểu 6 kí tự

Mật khẩu nhiều hơn 30 kí tự Mật khẩu tối đa 30 kí tự

Bước 5: Chuyển người dùng tới Trang chủ.

2.2.3 Biểu đồ hoạt động tìm kiếm sản phẩm

Hình 2.13 Biểu đồ hoạt động tìm kiếm sản phẩm

Bước 1: Người dùng chọn từ khóa tìm kiếm

Bước 2: Hệ thống lấy ra danh sách sản phẩm và đối chiếu với từ khóa người dùng nhập vào và đưa ra kết quả

Bước 3: Hiển thị kết quả ra màn hình.

2.2.4 Biểu đồ hoạt động xem chi tiết sản phẩm

Hình 2.14 Biểu đồ hoạt động xem chi tiết sản phẩm

Bước 1: Người dùng chọn sản phẩm cần xem chi tiết Bước 2: Hệ thống lấy dữ liệu và trả về kết quả

Bước 3: Hiển thị kết quả lên màn hình

2.2.5 Biểu đồ hoạt động đặt hàng

Hình 2.15 Biểu đồ hoạt động đặt hàng

Để đặt hàng, người dùng chỉ cần nhấp vào nút “Đặt hàng”, sau đó điền đầy đủ thông tin cần thiết như họ tên, số điện thoại và địa chỉ Cuối cùng, hệ thống sẽ tiến hành kiểm tra thông tin đã nhập.

Nếu hợp lệ chuyển sang bước 4

Nếu không hợp lệ chuyển về bước 2 và đưa ra thông báo

Bảng 2.3 Các trường hợp dữ liệu không hợp lệ hoạt động đặt hàng

Dữ liệu không hợp lệ Thông báo hệ thống

Các ô dữ liệu để trống Vui lòng không bỏ trống ô này

Bước 4: Hệ thống tạo đơn hàng và lưu vào cơ sở dữ liệu

Bước 5: Kết quả sẽ được hiển thị trên màn hình cùng thông báo "Bạn đã đặt hàng thành công Chúng tôi sẽ liên hệ với bạn trong vòng 24 giờ để xác nhận đơn hàng."

2.2.6 Biểu đồ hoạt động thanh toán

Hình 2.16 Biểu đồ hoạt động thanh toán

Bước 1: Khách hàng nhấn nút “Thanh toán”

Bước 2: Khách hàng sẽ thấy màn hình hiển thị thông tin đặt hàng và có thể chọn phương thức thanh toán, bao gồm Paypal hoặc thanh toán khi nhận hàng Sau khi nhập đầy đủ thông tin vào các ô hiển thị, khách hàng nhấn “Tiếp tục” để tiếp tục quy trình đặt hàng.

Bước 3: Hệ thống kiểm tra thông tin khách hàng vừa nhập

- Nếu thông tin nhập vào hợp lệ thì chuyển sang bước tiếp theo

- Nếu không hợp lệ chuyển về bước 2 và đưa ra thông báo

Bảng 2.4 Các trường hợp dữ liệu không hợp lệ hoạt động thanh toán

Dữ liệu không hợp lệ Thông báo hệ thống

Các ô dữ liệu để trống Vui lòng không bỏ trống ô này

Bước 4: Hệ thống tạo đơn hàng và lưu vào cơ sở dữ liệu

Bước 5: Hiển thị thông báo đặt hàng thành công lên màn hình.

2.2.7 Biểu đồ hoạt động quản lý khách hàng

Hình 2.17 Biểu đồ hoạt động quản lý khách hàng

Bước 1: Người dùng gửi yêu chức năng Quản lý khách hàng bằng cách chọn mục “Quản lý khách hàng”

Bước 2: Hệ thống hiển thị giao diện chức năng quản lý khách hàng

Người dùng thực hiện các thao tác như thêm, sửa, hoặc xóa thông tin khách hàng trên giao diện hiển thị và sau đó lưu lại kết quả Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu đã được lưu vào cơ sở dữ liệu, bao gồm việc xác minh xem người dùng đã điền đầy đủ các trường dữ liệu bắt buộc, đúng kiểu dữ liệu của các cột thông tin, và kiểm tra xem dữ liệu có bị trùng lặp với các dữ liệu khác trong cơ sở dữ liệu hay không.

Nếu dữ liệu hợp lệ Chuyển sang bước 5.

Nếu dữ liệu không hợp lệ thông báo “Lưu thất bại” đồng thời trở lại Bước 3.

Bước 5: Hệ thống thông báo “Lưu thành công”.

2.2.8 Biểu đồ hoạt động quản lý sản phẩm

Hình 2.18 Biểu đồ hoạt động quản lý sản phẩm

Bước 1: Người dùng gửi yêu chức năng Quản lý sản phẩm bằng cách chọn mục “Quản lý sản phẩm”

Bước 2: Hệ thống hiển thị giao diện chức năng quản lý sản phẩm

Người dùng tiến hành lựa chọn và thực hiện các thao tác như thêm, sửa, hoặc xóa thông tin sản phẩm trên giao diện hiển thị, sau đó lưu lại kết quả Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu được lưu vào cơ sở dữ liệu, bao gồm việc xác minh xem người dùng đã điền đầy đủ các trường dữ liệu bắt buộc, đúng kiểu dữ liệu cho từng cột thông tin, và kiểm tra xem dữ liệu có bị trùng lặp với các thông tin khác trong cơ sở dữ liệu hay không.

Nếu dữ liệu hợp lệ Chuyển sang bước 5.

Nếu dữ liệu không hợp lệ thông báo “Lưu thất bại” đồng thời trở lại Bước 3.

Bước 5: Hệ thống thông báo “Lưu thành công”.

2.2.9 Biểu đồ hoạt động quản lý đặt hàng

Hình 2.19 Biểu đồ hoạt động quản lý đơn đặt hàng

Bước 1: Người dùng gửi yêu chức năng Quản lý đơn đặt hàng bằng cách chọn mục “Quản lý đơn hàng”

Bước 2: Hệ thống hiển thị giao diện chức năng quản lý đơn đặt hàng

Người dùng thực hiện bước 3 bằng cách chọn và thao tác với các chức năng trên giao diện hiển thị, bao gồm việc thêm và chỉnh sửa thông tin đơn đặt hàng, sau đó lưu lại kết quả.

Bước 4: Hệ thống tiến hành kiểm tra tính hợp lệ của dữ liệu lưu trữ trong cơ sở dữ liệu Cụ thể, hệ thống xác minh xem người dùng đã điền đầy đủ các trường dữ liệu bắt buộc hay chưa, kiểm tra kiểu dữ liệu của các cột thông tin có đúng hay không, và xác định liệu dữ liệu mới có bị trùng lặp với bất kỳ dữ liệu nào đã tồn tại trong cơ sở dữ liệu hay không.

Nếu dữ liệu hợp lệ Chuyển sang bước 5.

Nếu dữ liệu không hợp lệ thông báo “Lưu thất bại” đồng thời trở lại Bước 3.

Bước 5: Hệ thống thông báo “Lưu thành công”.

2.2.10 Biểu đồ hoạt động thống kê

Hình 2.20 Biểu đồ hoạt động thống kê

Bước 1: Người dùng gửi yêu chức năng thống kê doanh thu bằng cách chọn mục “Thống kê doanh thu”

Bước 2: Hệ thống hiển thị giao diện chức năng thống kê doanh thu

Bước 3: Người dùng nhập vào tháng, năm cần thống kê sau đó ấn nút thống kê trên giao diện.

Bước 4: Hệ thống tiến hành kiểm tra tính hợp lệ của dữ liệu trong cơ sở dữ liệu, bao gồm việc xác minh xem người dùng đã điền đầy đủ các trường dữ liệu bắt buộc hay chưa, kiểm tra kiểu dữ liệu của các cột thông tin có đúng hay không, và xác định xem dữ liệu có bị trùng lặp với thông tin nào khác trong cơ sở dữ liệu hay không.

Biểu đồ trình tự

2.3.1 Biểu đồ trình tự đăng nhập

Hình 2.21 Biểu đồ trình tự đăng nhập

2.3.2 Biểu đồ trình tự đăng ký

Hình 2.22 Biểu đồ trình tự đăng ký

2.3.3 Biểu đồ trình tự tìm kiếm sản phẩm

Hình 2.23 Biểu đồ trình tự tìm kiếm sản phẩm

2.3.4 Biểu đồ trình tự xem chi tiết sản phẩm

Hình 2.24 Biểu đồ trình tự xem chi tiết sản phẩm

2.3.5 Biểu đồ trình tự thanh toán

Hình 2.25 Biểu đồ trình tự thanh toán

2.3.6 Biểu đồ trình tự đặt hàng

Hình 2.26 Biểu đồ trình tự đặt hàng

2.3.7 Biểu đồ trình tự quản lý sản phẩm

Hình 2.27 Biểu đồ trình tự quản lý sản phẩm

2.3.8 Biểu đồ trình tự quản lý khách hàng

Hình 2.28 Biểu đồ trình tự quản lý khách hàng

2.3.9 Biểu đồ trình tự quản lý đặt hàng

Hình 2.29 Biểu đồ trình tự quản lý đặt hàng

2.3.10 Biểu đồ trình tự thống kê

Hình 2.30 Biểu đồ trình tự thống kê

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

STT Khóa chính Khóa ngoại Tên trường Kiểu dữ liệu Mô Tả

1 x id string Mã sản phẩm

6 shortDescripti on string Mô tả ngắn

7 latestProduct Boolean Là sản phẩm mới?

8 category Array Loại sản phẩm

11 created_at date Ngày tạo

12 updated_at date Ngày cập nhật

STT Khóa chính Khóa ngoại Tên trường Kiểu dữ liệu Diễn giải

2 username string Tên đăng nhập

4 fullName String Tên đầy đủ

6 Phone String Số điện thoại

8 Image String ảnh đại diện

STT Khóa chính Khóa ngoại Tên trường Kiểu dữ liệu Diễn giải

2 title string Tên bài viết

3 description string Nội dung bài viết

4 image String Hình ảnh mô tả

5 x name string Tên người viết

STT Khóa chính Khóa ngoại Tên trường Kiểu dữ liệu Diễn giải

7 Number_of_pu rchases number Số lần mua hàng

8 Customer_type string Loại khách hàng

STT Khóa chính Khóa ngoại Tên trường Kiểu dữ liệu Diễn giải

1 x id String Mã đơn đặt hàng

2 x product_id string Mã sản phẩm

3 x User_id string mã khách hàng

7 created_at date Ngày tạo

8 updated_at date Ngàycập nhật

9 Admin_id string Người lập đơn

STT Khóa chính Khóa ngoại Tên trường Kiểu dữ liệu Diễn giải

2 username string Tên đăng nhập

4 fullName String Tên đầy đủ

6 Phone String Số điện thoại

8 Image String ảnh đại diện

Sơ đồ thực thể liên kết

Hình 2.25 Sơ đồ thực thể liên kết

XÂY DỰNG ỨNG ỨNG DỤNG

Giao diện trang chủ

Hình 3.1 Giao diện trang chủ

Giao diện trang đăng ký

Hình 3.2 Giao diện trang đăng ký

Giao diện trang đăng nhập

Hình 3.3 Giao diện trang đăng nhập

Giao diện trang chi tiết sản phẩm

Hình 3.4 Giao diện trang chi tiết sản phẩm

Giao diện trang giỏ hàng

Hình 3.5 Giao diện trang giỏ hàng

Giao diện trang đặt hàng

Hình 3.6 Giao diện trang đặt hàng

Giao diện quản lý

Hình 3.7 Giao diện trang chủ quản lý 4.7.1 Quản lý sản phẩm

Hình 3.8 Giao diện quản lý sản phẩm

Hình 3.9 Giao diện quản lý đặt hàng 4.7.3 Quản lý khách hàng

Hình 3.10 Giao diện quản lý khách hàng

1 Kết Luận Đề tài “Xây dựng website quản lý và kinh doanh mỹ phẩm cho nữ” dưới sự hướng dẫn của thầy cô đã đạt được các kết quả sau:

• Vận dụng các kiến thức đã học vào đồ án thực tập tốt nghiệp để xây dựng website quản lý và doanh mỹ phẩm cho nữ.

Để đảm bảo hiệu quả hoạt động của website, cần thực hiện các chức năng cơ bản như cho phép người dùng đăng ký, đăng nhập, mua hàng, xem bài viết và bình luận Đồng thời, quản trị viên cũng cần có khả năng thêm, sửa, xóa các sản phẩm, bài viết, đơn hàng và tài khoản.

• Thiết kế giao diện website.

• Bên cạnh đó, cũng còn những hạn chế mà đề tài còn tồn tại:

• Nhiều chức năng còn hạn chế.

• Kiểm soát dữ liệu ở một số trường thông tin nhập vào còn chưa được chặt chẽ.

Trong thời gian tới, có thể phát triển đầy đủ hơn để áp dụng vào thực tế:

• Bổ sung thêm một số tính năng mới.

• Bổ sung hiệu ứng sinh động, hấp dẫn cho trang web, giúp thu hút khách hàng.

• Tạo nhiều hiệu ứng đẹp mắt trong giao diện sử dụng của khách hàng.

Ngày đăng: 22/01/2025, 14:57

TRÍCH ĐOẠN

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

  • Đang cập nhật ...

TÀI LIỆU LIÊN QUAN