Giao diện trang chủ

Một phần của tài liệu Nghiên cứu laravel framework và dịch vụ thanh toán trực tuyến paypal để xây dựng website thương mại điện tử cho công ty green sale (Trang 53)

ước 2. Ch n m t sản phẩm và xem nó bằng cách ch n vào View Product hoặc ch n vào hình ảnh sản phẩm.

ước 3. Sau khi ch n View Product, s xuất hiện trang chi tiết sản phẩm. Sau

đ , ch n kích c (size), số lượng (quantity) và cuối cùng ch n Add To Cart để thêm sản phẩm vào giỏ hàng

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

ước 4. Nhấn Home để trở lại mua thêm sản phẩm nếu muốn mua thêm sản

phẩm vào giỏ hàng. Nếu không ch n Cart tr n đầu trang.

ước 5. Sau khi ch n Cart, s hiển thị trang giỏ hàng (nơi chứa các sản phẩm

bạn đã mua), ở đ y bạn có thể ch nh sửa số lượng của mỗi sản phẩm hoặc xóa sản phẩm trong giỏ hàng của bạn. Nếu bạn có mã Coupon thì nhập vào sau đ ch n Apply, nếu khơng thì ch n Check Out sau khi kiểm tra số lượng và tổng tiền của sản

Hình 3.3. Giao diện giỏ hàng

ước 6. Sau khi ch n Check Out, nếu chưa đăng nhập thì s xuất hiện trang

đăng nhập. Nếu bạn chưa c tài hoản thì tạo tài khoản mới, nếu đã c r i thì bạn ch cần đăng nhập. hi đăng nhập thành cơng thì s trở lại trang giỏ hàng để tiếp tục mua hàng, ngược lại thì bạn phải đăng nhập lại. Ch n lại Check Out, để chuyển qua trang thanh tốn.

Hình 3.4. Giao diện đăng nhập, đăng ký

ước 7. Sau khi chuyển qua trang thanh toán, bạn điền th ng tin đầy đủ vào

Billing To và Shipping To, nếu người nhận giống người thanh tốn thì ch n vào ô Shipping address same as Billing address.

Hình 3.5. Giao diện thanh tốn

ước 8. Sau khi kiểm tra xong tồn b thơng tin thì ch n Check Out thì chuyển sang trang xem lại đơn hàng. Sau hi iểm tra thông tin thì ch n hình thức thanh tốn.

Hình 3.6. Giao diện xem lại đơn hàng

ước 9. Nếu ch n Cash On Delivery và ch n Order thì chuyển sang trang

thanh toán khi giao hàng. Tại trang này s có thơng tin về email và số điện thoại của người mua hàng. Qua th ng tin tr n mà người giao hàng có thể liên lạc được với người mua để giao hàng và thanh tốn.

Hình 3.7. Giao diện thanh tốn lúc giao hàng

ước 9. Nếu ch n Paypal thì chuyển sang trang thanh toán trực tuyến. Tại trang này s có thơng tin về tổng tiền phải trả. Sau khi kiểm tra tổng số tiền phải trả thì ch n

Hình 3.8. Giao diện thanh tốn trực tuyến

ước 10. Sau khi ch n Buy Now, thì chuyển qua trang đăng nhập của Paypal.

Nếu bạn chưa c tài hoản Paypal thì phải tạo tài khoản mới để thanh tốn, nếu bạn đã có tài khoản thì ch cần đăng nhập.

ước 10. hi đăng nhập thành cơng, thì bạn s chuyển đến trang ch n thẻ để thanh tốn. Sau khi ch n thẻ thì ch n Continue.

ước 11. Sau khi ch n Continue¸ thì hiện trang ch n địa ch và xác nhận lại thẻ thanh tốn. Sau khi kiểm tra thơng tin, ch n Pay Now

ước 12. Sau khi ch n Pay Now thì chuyển sang trang thanh tốn thành cơng.

Vậy là bạn đã c thể hồn tất mua hàng trên website của chúng tơi. Vừa tiết kiệm thời gian, chi phí mà cịn tiện lợi cho chính bạn.

ẾT LUẬN Những k t quả t ư c:

- Về công nghệ:

 Tìm hiểu và nắm bắt được các c ng nghệ thiết ế web, ng n ngữ lập trình php và aravel framewor .

 Sử dụng phương thức thanh toán trực tuyến Paypal

 Biết được cách tổ chức cơ sở dữ liệu và mơ hình phần mềm theo hướng đối tượng

 Các dịch vụ trên Internet.

- Về cài đặt chương trình:

 Giao diện d sử dụng , th n thiện

 Chương trình chạy ổn định ch nh xác và an toàn

 Tốn t tài nguy n hệ thống

 Hạn chế đến mức thấp nhất các sai s t c thể xảy ra trong quá trình sử dụng và c hả năng n ng cấp và t ch hợp các t nh năng mới

 CSD ết nối ch nh xác và toàn v n dữ liệu

Các vấ còn t n t i:

Đ án ch dừng ở phạm vi nghiệp vụ đã được giới hạn trước, cần tìm hiểu thêm các quy trình nghiệp vụ hác để hệ thống hồn ch nh và đạt hiệu quả hơn.

Hướng phát triển:

Đ án cần phát triển thêm từ mơ hình cũ, vì hiện nay n đã h ng còn phù hợp với xu hướng hiện tại. Nó cần được phát triển theo mơ hình mới nhất hiện nay như VV thay vì VC như trong đ án. Cần phát triển thêm về chức năng thanh toán như thanh toán trực tuyến bằng thẻ ATM,

[1]. https://laravel.com/

[2]. https://stackoverflow.com/

[3]. Ebook Laravel Code Smart – Dayle Rees

Một phần của tài liệu Nghiên cứu laravel framework và dịch vụ thanh toán trực tuyến paypal để xây dựng website thương mại điện tử cho công ty green sale (Trang 53)

Tải bản đầy đủ (PDF)

(64 trang)