Hệ thống nhập hàng Trung Quốc - Việt Nam sử dụng công nghệ .NET, React và áp dụng mô hình thiết kế

Back-end

Các lớp này sẽ kế thừa lớp AppDomain (chứa các thuộc tính bắt buộc của mỗi đối tượng). Để ánh xạ dữ liệu giữa các đối tượng (request, entity, model) hệ thống đã sử dụng thư viện AutoMapper hỗ trợ. Mỗi thực thể đều được định nghĩa quy tắc ánh xạ từ model sang entity, request sang entity và ngược lại.

Hệ thống sử dụng design pattern UnitOfWork để quản lý các hoạt động truy cập cơ sở dữ liệu giúp đảm bảo tính toàn vẹn dữ liệu, hiệu suất và quản lý tài nguyên.

React

Mục đích chia các component là để dễ quản lý, chủ động được khi nào component re-render, chia nhỏ còn giúp cho re-render đúng component mà không re-render các component khác. − UseState: ví dụ khi người dùng sử dụng bộ lọc danh sách thì state hiện tại của danh sách đó sẽ thay đổi và khi React nhận thấy sự thay đổi của state sẽ thực hiện re-render lại danh sách. Để giữ lại ngày tháng đã chọn thì userRef sẽ hỗ trợ điều đó tức là chỉ khi người dùng thao tác chọn lại ngày tháng thì phần lọc ngày tháng mới thay đổi.

− Mục đích sử dụng store là lưu state tại global, dù là component con bậc mấy vẫn gọi trực tiếp mà không cần thông qua truyền props xuống. Tailwind là 1 css framework giống như bootstrap nhưng hiệu quả và tối ưu hơn, không cần viết css thuần quá nhiều mà chỉ cần thêm các className tương ứng đã được định nghĩa sẵn. Mặc định reactjs đã có virtual DOM, dùng từ khoá key để so sánh state đầu và state sau khi được cập nhật, những phần nào update sẽ được virtual DOM cập nhật trước và những phần không thay đổi vẫn giữa nguyên.

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

Hệ thống nhaphangtrung.vn thực hiện giao dịch thông qua ví điện tử của hệ thống, khách hàng sẽ tiến hành tạo lệnh nạp tiền ở trang nạp tiền, sau khi quản trị viên duyệt yêu cầu nạp tiền thì số dư của tài khoản sẽ được cộng tiền vào. Phí mua hàng sẽ được tính dựa trên tổng tiền hàng của sản phẩm trên trang thương mại điện tử nhân cho tỷ lệ phần trăm; số tiền đặt cọc được tính dựa trên tổng tiền của đơn nhân với phần trăm đặt cọc; phí vận chuyển tính trên đơn giá cân nặng và đơn giá khối, sau khi tính được phí vận chuyển từ hai đơn giá thì sẽ lấy phần lớn nhất làm phí. Chi tiết đơn hàng trong hệ thống quản trị là nơi nhân viên cập nhật thông tin chi tiết của đơn hàng như trạng thái đơn, danh sách mã vận đơn, các loại phí, lịch sử thanh toán và lịch sử thay đổi của đơn hàng.

Khi cập nhật thông tin mã vận đơn tại kho Việt Nam hệ thống sẽ tính tiền vận chuyển theo cân nặng và khối sau đó so sánh số tiền nào cao hơn sẽ cập nhật phí vận chuyển đơn hàng theo số tiền cao hơn. Để xuất kho cho khách hàng, nhân viên nhập tên khách hàng để lấy tất cả kiện hàng đã về kho Việt Nam hoặc nhập mã vận đơn muốn xuất kho để lấy kiện sau đó bấm nút “Xuất kho tất cả kiện” để xuất kho kiện hàng. 24 Giao diện chi tiết thanh toán xuất kho hệ thống nhaphangtrung.vn Sau khi xuất kho hệ thống sẽ lưu lại phiên xuất kho, nếu những kiện hàng xuất kho chưa thanh toán toàn bộ tiền thì nhân viên sẽ vào phần thanh toán xuất kho để thanh toán bằng số dư của khách hàng.

Xác định yêu cầu

Nội dung của các phần hiển thị trên trang chủ có thể tùy ý thay đổi nhưng phải đảm bảo kích thước nội dung và hình ảnh để tránh không đồng bộ bố cục của trang chủ. Việc không tải lại trang thì không lấy được dữ liệu mới nhất sẽ gây ra một số lỗi khá nghiêm trọng vì liên quan đến tài chính của khách hàng và số tiền của đơn hàng. 1 Đăng ký Người dùng đăng ký tài khoản trong hệ thống 2 Đăng nhập Người dùng, quản trị viên đăng nhập vào hệ thống 3 Đăng xuất Người dùng, quản trị viên đăng xuất tài khoản khỏi hệ.

28 Tìm kiếm sản Người dùng nhập từ khóa tìm kiếm bằng tiếng Việt thì phẩm trên 1688, hệ thống sẽ tự động dịch sang tiếng Trung Quốc và hiển Tmall, Taobao thị kết quả tìm kiếm. − Cấu hình hệ thống: hệ thống cho phép thay đổi thông tin hệ thống, cấp bậc người dùng, phí mua hàng, phí kiểm hàng, phí vận cân nặng, phí thể tích, ngân hàng, kho và phương thức vận chuyển. − Quản lý tài khoản: hệ thống cho phép xem danh sách tài khoản quản trị viên, khách hàng, nhân viên, hoa hồng và các thao tác thay đổi thông tin, nạp tiền, rút tiền, xem lịch sử giao dịch của tài khoản.

Lược đồ Usecase và đặc tả Usecase 1. Lược đồ Usecase

• Đặc tả Usecase 1. Đăng ký

Exception flow [A2] Hệ thống kiểm tra tên đăng nhập, email, số điện thoại đã (Thất bại) được sử dụng, hiển thị thông báo đã tồn tại ở mục nhập, quay lại. [A1] Khách hàng bỏ trống mục nhập, hiển thị lỗi không được bỏ trống ở mục chưa nhập, quay lại bước (1) ở Basic flow [A2] Khách hàng không nhấn nút gửi yêu cầu, dừng usecase. Hệ thống đổi trạng thái đơn hàng sang đã đặt cọc, tài khoản khách hàng bị trừ tiền, lưu lại lịch sử giao dịch, hiển thị thông báo đặt cọc thành công.

Hệ thống đổi trạng thái đơn hàng sang đã thanh toán, tài khoản khách hàng bị trừ tiền, lưu lại lịch sử giao dịch, hiển thị thông báo thanh toán thành công. Hệ thống đổi trạng thái đơn hàng sang đã khiếu nại, gửi thông báo đến nhân viên và hiển thị thông báo khiếu nại thành công [A2]. Exception flow [A1] Khách hàng bỏ qua các mục yêu cầu thông tin, hệ thống hiển thị yêu cầu ở những mục cần nhập, quay lại bước (2) ở Basic (Thất bại).

[A1] Quản trị viên bỏ qua các mục cần nhập, hệ thống hiển thị Exception flow cảnh báo ở mục nhập, khóa nút cập nhật, quay lại bước (1) ở. Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, phí vận chuyển chưa tồn tại trong hệ thống. Pre-conditions Tài khoản đăng nhập có vai trò quản trị viên, quản lý Post-conditions Thành công: phí thể tích được cập nhật.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, phí vận chuyển chưa tồn tại trong hệ thống. Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, ngân hàng chưa tồn tại trong hệ thống. Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kinh doanh, tài khoản chưa tồn tại trong hệ thống Thành công: tài khoản được thêm vào hệ thống, hiển thị thông Post-conditions báo thêm thành công.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kinh doanh, nhân viên đặt hàng. Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kho Việt Nam, mã vận đơn đã về kho Việt Nam. Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kho Việt Nam, phiên xuất kho chưa thanh toán.

Kiểm thử

2 Kiểm thử chức 1 Nhấn vào nút đăng nhập Tài khoản đăng nhập Pass năng đăng trên thanh điều hướng. 13 Kiểm thử chức 1 Truy cập trang cấu hình Phí người dùng được Pass năng cập nhật phí người dùng. 14 Kiểm thử chức 1 Truy cập trang cấu hình Phí mua hàng được cập Pass năng cập nhật phí mua hàng.

15 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng thêm phí phí vận chuyển. 16 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng cập nhật phí cân nặng. 17 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng xóa phí phí cân nặng.

18 Kiểm thử chức 1 Truy cập trang cấu hình Phí kiểm hàng được Pass năng cập nhật phí kiểm hàng. 19 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng thêm phí phí thể tích. 20 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng cập nhật phí thể tích.

21 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng xóa phí phí thể tích. 33 Kiểm thử chức 1 Truy cập trang danh Hiển thị thông báo Pass năng thêm tài sách người dùng. 41 Kiểm thử chức 1 Truy cập trang chi tiết Hiển thị thông báo Pass năng thanh thanh toán xuất kho.

43 Kiểm thử chức 1 Truy cập trang danh Hiển thị thông báo Pass năng gán mã sách kiện trôi nổi.