Tài liệu Sử dụng framework spring xây dựng website bán hàng điện tử

ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA KHOA HỌC VÀ KỸ THUẬT THÔNG TIN BÁO CÁO ĐỒ ÁN CÔNG NGHỆ JAVA ĐỀ TÀI SỬ DỤNG FRAMEWORK SPRING XÂY DỰNG WEBSITE BÁN HÀNG ĐIỆN TỬ Giáo viên hướng dẫn TP. Hồ Chí Minh, tháng 6 năm 2021 MỞ ĐẦU Lời đầu tiên, nhóm chúng em xin gửi lời cảm ơn chân thành đến quý Thầy cô giảng viên Trường Đại học Công nghệ Thông tin - Đại học Quốc gia TP.HCM và quý thầy cô khoa Khoa học và Kỹ thuật thông tin đã giúp cho nhóm chúng em có những kiến thức cơ bản làm nền tảng để thực hiện đề tài này. Trong thời gian một học kỳ thực hiện đề tài, nhóm chúng em đã vận dụng những kiến thức nền tảng đã tích lũy đồng thời kết hợp với việc học hỏi và nghiên cứu những kiến thức mới từ thầy cô, bạn bè cũng như nhiều nguồn tài liệu tham khảo. Từ những gì đã học được nhóm chúng em lựa chọn đề tài xây dựng một trang web bán hàng hóa điên tử dựa trên việc sử dụng công nghệ Spring. Tuy nhiên, vì kiến thức chuyên môn còn hạn chế và bản thân còn thiếu nhiều kinh nghiệm thực tiễn nên nội dung của báo cáo không tránh khỏi những thiếu xót, em rất mong nhận được sự góp ý, chỉ bảo thêm của quý thầy cô nhằm hoàn thiện những kiến thức của mình để nhóm chúng em có thể dùng làm hành trang thực hiện các đề tài khác trong tương lai cũng như là trong việc học tập và làm việc sau này. MỤC LỤC DANH MỤC HÌNH ẢNH..........................................................................................1 CHƯƠNG 1 TỔNG QUAN CÔNG NGHỆ SỬ DỤNG XÂY DỰNG WEBSITE..6 1 Framework Spring...............................................................................................6 1.1 Giới thiệu......................................................................................................6 1.2 Lợi ích sử dụng.............................................................................................6 1.3 Mục đích sử dụng chính trong đề tài............................................................7 2 ReactJS................................................................................................................7 2.1 Giới thiệu......................................................................................................7 2.2 Lợi ích sử dụng.............................................................................................7 2.3 Mục đích sử dụng chính trong đề tài............................................................8 3 Hệ quản trị cơ sở dữ liệu MySQL.......................................................................8 3.1 Giới thiệu......................................................................................................8 3.2 Lợi ích sử dụng.............................................................................................8 3.3 Mục đích sử dụng.........................................................................................9 CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE...........................10 1 Khảo sát các trang web bán hàng điện tử liên quan...........................................10 1.1 Lựa chọn trang web khảo sát......................................................................10 1.2 Các thành phần giao diện và chức năng của trang web thegioididong.com. .................................................................................................................................. 10 2 Đặc tả các yêu cầu cho trang web......................................................................18 2.1 Phần quản lý trong admin...........................................................................18 2.2 Phần quản lý người dùng............................................................................19 2.3 Yêu cầu giao diện sử dụng.........................................................................19 2.4 Yêu cầu phi chức năng...............................................................................19 3 Các chức năng của trang web............................................................................20 3.1 Chức năng quản lý hệ thống.......................................................................20 3.2 Chức năng giới thiệu sản phẩm..................................................................20 4 Biểu đồ Use – case............................................................................................20 4.1 Biểu đồ Use – case tổng quát......................................................................20 4.2 Use – case đăng nhập.................................................................................21 4.3 Use – case quản lý sản phẩm......................................................................22 4.4 Use – case quản lý giỏ hàng.......................................................................23 4.5 Use – case thanh toán.................................................................................23 4.6 Use – case quản lý đơn hàng......................................................................24 4.7 Use – case quản lý quảng cáo trên giao diện..............................................24 CHƯƠNG 3 THAO TÁC VÀ LƯU TRỮ DỮ LIỆU............................................26 1 Các công nghệ tương tác với dữ liệu.................................................................26 1.1 Giao diện lập trình ứng dụng JPA..............................................................26 1.2 ORM tools – Hibernate..............................................................................28 1.3 DAO Design Pattern...................................................................................28 1.4 Spring Data JPA.........................................................................................30 1.5 Kiến trúc tổng quát.....................................................................................31 2 Tạo Entity Hibernate định hình dữ liệu lưu trữ..................................................31 2.1 Lưu trữ thông tin đăng nhập tài khoản người dùng....................................31 2.2 Lưu trữ thông tin liên quan User................................................................33 2.3 Lưu trữ thông tin liên lạc của người dùng..................................................34 2.4 Lưu trữ phân loại quyền hạn.......................................................................35 2.5 Lưu trữ các thương hiệu hàng hóa..............................................................36 2.6 Lưu trữ các phân loại sản phẩm..................................................................37 2.7 Lưu trữ thông tin sản phẩm........................................................................38 2.8 Lưu trữ thông tin về thông số sản phẩm.....................................................40 2.9 Lưu trữ hình ảnh sản phẩm.........................................................................42 2.10 Lưu trữ các đánh giá sản phẩm.................................................................43 2.11 Lưu trữ thông tin giỏ hàng........................................................................44 2.12 Lưu trữ thông tin đơn hàng.......................................................................45 2.13 Lưu trữ thông tin các sản phẩm trong đơn hàng.......................................47 2.14 Lưu trữ hình ảnh quảng cáo đầu trang web...............................................48 2.15 ER Diagram quan hệ giữa các bảng trong csdl.........................................50 3 Tạo các DAO dựa trên Sping Data JPA............................................................50 3.1 User Repository..........................................................................................51 3.2 User Credential Repository........................................................................51 3.3 User Contact Repository.............................................................................52 3.4 Role Repository..........................................................................................52 3.5 Product Repository.....................................................................................52 3.6 ProductCriteria Repository.........................................................................53 3.7 Product Details Repository.........................................................................53 3.8 Product Image Repository..........................................................................54 3.9 Review Repository.....................................................................................54 3.10 Brand Repository......................................................................................55 3.11 Category Repository.................................................................................55 3.12 Cart Repository.........................................................................................56 3.13 Order Repository......................................................................................56 3.14 OrderItem Repository...............................................................................57 3.15 HeaderImage Repository..........................................................................57 4 Kết nối cơ sở dữ liệu với Spring Boot...............................................................57 CHƯƠNG 4 Xây dựng RESTful Web Service......................................................59 1 Đăng ký, đăng nhập, bảo mật thông tin.............................................................59 1.1 Một số khái niệm........................................................................................59 1.2 Tạo tài khoản người dùng mới....................................................................63 1.3 Xác nhận Email cho tài khoản đã tạo.........................................................66 1.4 Đăng nhập với tài khoản.............................................................................70 1.5 Đăng nhập thông qua tài khoản FaceBook và Google................................71 1.6 Gửi yêu cầu với Jwt access token...............................................................75 1.7 Phân quyền người dùng..............................................................................76 1.8 Thay đổi mật khẩu khi quên mật khẩu........................................................77 1.9 Trang Profile của User................................................................................81 2 Quản lý sản phẩm..............................................................................................84 2.1 Cấu hình upload file...................................................................................84 2.2 Thêm sản phẩm..........................................................................................85 2.3 Hiển thị thông tin sản phẩm........................................................................88 2.4 Đánh giá sản phẩm.....................................................................................93 2.5 Cập nhật sản phẩm.....................................................................................94 2.6 Xóa sản phẩm.............................................................................................96 3 Quản lý giỏ hàng...............................................................................................97 3.1 Thêm sản phẩm vào giỏ hàng.....................................................................97 3.2 Hiển thị thông tin giỏ hàng.........................................................................99 3.3 Cập nhật sản phẩm trong giỏ hàng............................................................100 3.4 Xóa sản phẩm ra khỏi giỏ hàng................................................................101 4 Thanh toán.......................................................................................................102 5 Quản lý đơn hàng............................................................................................109 5.1 Hiển thị đơn hàng cho người dùng...........................................................109 5.2 Hiển thị tất cả đơn hàng cho Admin.........................................................111 5.3 Cập nhật đơn hàng....................................................................................113 6 Quản lý hình ảnh quảng cáo đầu trang chủ......................................................114 6.1 Thêm quảng cáo.......................................................................................115 6.2 Sửa quảng cáo..........................................................................................116 6.3 Hiển thị.....................................................................................................116 CHƯƠNG 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN......................................118 1 Kết luận...........................................................................................................118 1.1 Tích cực....................................................................................................118 1.2 Hạn chế.....................................................................................................118 2 Hướng phát triển.............................................................................................119 Tài liệu tham khảo..................................................................................................120 Bảng phân công công việc......................................................................................121 DANH MỤC HÌNH ẢNH Hình 2-1 Giao diện đầu trang chủ thegioididong......................................................12 Hình 2-2 Hiển thị sản phẩm ở trang chủ...................................................................13 Hình 2-3 Giao diện sản phẩm ở trang chủ thegioididong.........................................14 Hình 2-4 Phần trên trang chi tiết sản phẩm thegioididong........................................15 Hình 2-5 Phần dưới trang chi tiết sản phẩm thegioididong......................................15 Hình 2-6 Bình luận sản phẩm trong trang chi tiết sản phẩm thegioididong..............16 Hình 2-7 Giao diện giỏ hàng thegioididong.............................................................17 Hình 2-8 Giao diện đơn hàng của khách hàng thegioididong...................................18 Hình 2-9 Giao diện đơn hàng bị khách hàng hủy thegioididong..............................19 Hình 2-10 Biểu đồ use - case tổng quát....................................................................21 Hình 2-11 Biểu đồ Use - case đăng nhập.................................................................22 Hình 2-12 Use - case quản lý giỏ hàng.....................................................................24 Hình 2-13 Use - case thanh toán...............................................................................24 Hình 2-14 Use - case quản lý đơn hàng....................................................................25 Hình 3-1 Kiến trúc JPA............................................................................................27 Hình 3-2 ORM Layer trong JPA..............................................................................29 Hình 3-3 Data Access Object Design Pattern...........................................................30 Hình 3-4 Kiến trúc Controller-Service - Repository.................................................32 Hình 3-5 UserRepository.........................................................................................52 Hình 3-6 UserCredentialRepository.........................................................................52 Hình 3-7 UserContactRepository.............................................................................53 1 Hình 3-8 RoleRepository.........................................................................................53 Hình 3-9 ProductRepository.....................................................................................53 Hình 3-10 ProductCriteriaRepository.......................................................................54 Hình 3-11 ProductDetailsRepository........................................................................54 Hình 3-12 ProductImageRepository.........................................................................55 Hình 3-13 ReviewRepository...................................................................................55 Hình 3-14 BrandRepository.....................................................................................56 Hình 3-15 CategoryRepository.................................................................................56 Hình 3-16 CartRepository........................................................................................57 Hình 3-17 OrderRepository......................................................................................57 Hình 3-18 OrderItemRepository...............................................................................58 Hình 3-19 HeaderImageRepository..........................................................................58 Hình 4-1 Class TokenProvider.................................................................................62 Hình 4-2 Decoded JWT token..................................................................................63 Hình 4-3 Tạo tài khoản mới.....................................................................................64 Hình 4-4 Nhập liệu SignupRequest phía Client........................................................65 Hình 4-5 Thông báo đăng ký thành công.................................................................66 Hình 4-6 Thông báo lỗi đăng ký với Email trùng lặp...............................................66 Hình 4-7 Gợi ý gửi lại email xác nhận.....................................................................67 Hình 4-8 Quá trình xử lý gửi lại email xác nhận......................................................68 Hình 4-9 Thông báo gửi Mail thành công................................................................68 Hình 4-10 Email với đường dẫn xác nhận được gửi.................................................69 Hình 4-11 Xử lý xác nhận Email dựa trên Token nhận được...................................69 Hình 4-12 Thông báo khi xác nhận Email thành công.............................................70 2 Hình 4-13 Thông báo khi Token Verify Email hết hạn............................................70 Hình 4-14 Hiển thị thông báo Email đã được xác nhận............................................70 Hình 4-15 Quá trình đăng nhập với Spring Security................................................71 Hình 4-16 Đăng nhập thành công.............................................................................72 Hình 4-17 Đăng nhập với thông tin tài khoản sai.....................................................72 Hình 4-18 Tạo ứng dụng trên Google.......................................................................73 Hình 4-19 Tạo ứng dụng trên Facebook...................................................................74 Hình 4-20 Quá trình Social Login............................................................................76 Hình 4-21 Server xử lý Request với token...............................................................77 Hình 4-22 Tính năng lấy lại mật khẩu ở Form đăng nhập........................................78 Hình 4-23 Form nhập Email cần reset password......................................................78 Hình 4-24 Gửi mail xác nhận reset password...........................................................78 Hình 4-25 Email xác nhận reset password không tồn tại..........................................79 Hình 4-26 Gửi email reset password thành công......................................................79 Hình 4-27 Trang đổi mật khẩu mới..........................................................................80 Hình 4-28 Xử lý đổi mật khẩu mới..........................................................................80 Hình 4-29 Thông báo đổi mật khẩu với mật khẩu xác nhận không chính xác..........81 Hình 4-30 Thông báo đổi mật khẩu thành công.......................................................81 Hình 4-31 Thời gian đổi mật khẩu hết hạn...............................................................82 Hình 4-32 Trang Profile người dùng........................................................................82 Hình 4-33 Lấy thông tin người dùng hiện tại...........................................................83 Hình 4-34 Cấu trúc JSON(UserInfoResponse) trả về...............................................83 Hình 4-35 Form nhập thông tin liên hệ mới.............................................................84 Hình 4-36 Thay đổi thông tin liên hệ phía Server....................................................84 3 Hình 4-37 Thông báo hiển thị thông tin liên lạc sau khi cập nhật............................85 Hình 4-38 FilesStorageService.................................................................................85 Hình 4-39 Thông tin các file được upload thông qua Endpoint................................86 Hình 4-40 Form thêm sản phẩm...............................................................................87 Hình 4-41 Xử lý nhập thiếu thông tin phía Client....................................................87 Hình 4-42 Xử lý thêm hình ảnh phía Server.............................................................88 Hình 4-43 Xử lý lỗi thiếu thông tin khi thêm sản phẩm phía Server........................88 Hình 4-44 Thông báo thêm sản phẩm thành công....................................................89 Hình 4-45 Hiển thị danh sách sản phẩm ở trang chủ................................................89 Hình 4-46 Danh sách sản phẩm ở trang sản phẩm theo phân loại............................90 Hình 4-47 Các tiêu chí tìm kiếm danh sách sản phẩm gửi đến Server thông qua url query parameters............................................................................................................... 91 Hình 4-48 Lấy danh sách sản phẩm từ Server..........................................................92 Hình 4-49 Dữ liệu danh sách sản phẩm trả về..........................................................92 Hình 4-50 Giao diện phía trên trang chi tiết sản phẩm.............................................93 Hình 4-51 Giao diện phía dưới trang chi tiết sản phẩm............................................93 Hình 4-52 Thông tin của mỗi sản phẩm trong danh sách sản phẩm.........................94 Hình 4-53 Điền đánh giá sản phẩm..........................................................................94 Hình 4-54 Quá trình đánh giá sản phẩm được thêm.................................................95 Hình 4-55 Hiển thị thông báo và đánh giá sau khi đánh giá được thêm thành công.95 Hình 4-56 Nút "chỉnh sửa" sử dụng cho việc cập nhật thông tin sản phẩm..............96 Hình 4-57 Các thông tin hiện tại của sản phẩm trong Form cập nhật sản phẩm.......96 Hình 4-58 Quá trình xử lý cập nhật sản phẩm..........................................................97 Hình 4-59 Thông báo cập nhật thông tin sản phẩm thành công................................97 4 Hình 4-60 Popup xác nhận xóa sản phẩm................................................................98 Hình 4-61 Xóa sản phẩm..........................................................................................98 Hình 4-62 Thêm sản phẩm vào giỏ hàng..................................................................99 Hình 4-63 Thêm sản phẩm vào giỏ hàng thành công...............................................99 Hình 4-64 Thông báo sản phẩm đã thêm vào giỏ hàng..........................................100 Hình 4-65 Trang quản lý giỏ hàng..........................................................................100 Hình 4-66 Lấy dữ liệu giỏ hàng..............................................................................101 Hình 4-67 Dữ liệu giỏ hàng trả về từ Server dạng JSON.......................................101 Hình 4-68 Quy trình cập nhật giỏ hàng..................................................................102 Hình 4-69 Quy trình xóa sản phẩm trong giỏ hàng................................................103 Hình 4-70 Thông báo xóa sản phẩm trong giỏ hàng thành công............................103 Hình 4-71 Trang thanh toán giỏ hàng.....................................................................104 Hình 4-72 Quá trình xử lý thêm đơn hàng thanh toán COD...................................105 Hình 4-73 Hiển thị đơn hàng trang Profile.............................................................105 Hình 4-74 Tạo tài khoản Stripe..............................................................................106 Hình 4-75 Tạo một Stripe Session thanh toán........................................................107 Hình 4-76 Đăng nhập từ Stripe CLI.......................................................................108 Hình 4-77 Đăng nhập Stripe CLI trên Browser......................................................108 Hình 4-78 Khởi chạy webhook..............................................................................109 Hình 4-79 Webhook Post các sự kiện đến Endpoint..............................................109 Hình 4-80 Lưu đơn hàng khi nhận được Event Webhook checkout.session.completed............................................................................................110 Hình 4-81 Danh sách đơn hàng đã đặt ở trang Profile User...................................111 Hình 4-82 Lấy dữ liệu các đơn hàng thuộc về một User........................................111 5 Hình 4-83 Dữ liệu JSON danh sách đơn hàng của một User..................................112 Hình 4-84 Trang quản lý đơn hàng Admin.............................................................112 Hình 4-85 Lấy dữ liệu trang QL đơn hàng Admin.................................................113 Hình 4-86 Dữ liệu JSON trang QL đơn hàng Admin.............................................114 Hình 4-87 Thay đổi trạng thái đơn hàng.................................................................115 Hình 4-88 Slider và Banner quảng cáo đầu trang chủ............................................115 Hình 4-89 Trang quản lý quảng cáo.......................................................................115 Hình 4-90 Xử lý thêm ảnh quảng cáo.....................................................................116 Hình 4-91 Trường hợp banner quảng cáo đã đủ 4 mục..........................................116 Hình 4-92 Form cập nhật thông tin quảng cáo.......................................................117 Hình 4-93 Dữ liệu JSON của danh sách các quảng cáo..........................................118 6 CHƯƠNG 1 TỔNG QUAN CÔNG NGHỆ SỬ DỤNG XÂY DỰNG WEBSITE 1 Framework Spring. 1.1 Giới thiệu Spring là một Framework phát triển các ứng dụng Java được sử dụng bởi hàng triệu lập trình viên. Nó giúp tạo các ứng dụng có hiệu năng cao, dễ kiểm thử, sử dụng lại code… Spring là một mã nguồn mở, được phát triển, chia sẻ và có cộng đồng người dùng rất lớn. Spring Framework được xây dựng dựa trên 2 nguyên tắc design chính là: Dependency Injection và Aspect Oriented Programming. Những tính năng core (cốt lõi) của Spring có thể được sử dụng để phát triển Java Desktop, ứng dụng mobile, Java Web. Mục tiêu chính của Spring là giúp phát triển các ứng dụng J2EE một cách dễ dàng hơn dựa trên mô hình sử dụng POJO (Plain Old Java Object) 1.2 Lợi ích sử dụng  Spring cho phép lập trình viên sử dụng POJOs. Việc sử dụng POJOs giúp ta không phải làm việc với EJB (Enterprise Java Beans), ứng dụng, các luồng chạy, cấu hình… giúp công việc đơn giản hơn rất nhiều.  Spring được tổ chức theo kiểu mô đun. Số lượng các gói và các lớp tính năng cụ thể. Khi phát triển ứng dụng, nhà phát triển chỉ cần quan tâm đến những gì cần thiết cho dự án và không cần quan tâm đến phần còn lại.  Spring hỗ trợ sử dụng khá nhiều công nghệ như ORM Framework, các logging framework, JEE, các thư viện tạo lịch trình (Quartz và JDK timer)… 7  Module Web của Spring được thiết kế theo mô hình MVC nên nó cung cấp đầy đủ các tính năng giúp thay thế các web framework khác như Struts. 1.3 Mục đích sử dụng chính trong đề tài Là công nghệ chính sử dụng trong đề tài của đồ án. Được sử dụng để xây dụng các RESTful API chứa các dữ liệu cần thiết dùng để xây dựng, hiển thị giao diện trang web. 2 ReactJS 2.1 Giới thiệu React là một thư viện UI phát triển tại Facebook để hỗ trợ việc xây dựng những thành phần (components) UI có tính tương tác cao, có trạng thái và có thể sử dụng lại được. React được sử dụng tại Facebook trong production, và instagram được viết hoàn toàn trên React. Một trong những điểm hấp dẫn của React là thư viện này không chỉ hoạt động trên phía client, mà còn được render trên server và có thể kết nối với nhau. React so sánh sự thay đổi giữa các giá trị của lần render này với lần render trước và cập nhật ít thay đổi nhất trên DOM. 2.2 Lợi ích sử dụng Lợi ích đầu tiên mà ReactJS đó chính là việc tạo ra cho chính bản thân nó một dom ảo, đây là nơi mà các component được tồn tại trên đó. Việc tạo ra dom như vậy giúp cải thiện hiệu suất làm việc rất nhiều, khi có tính toán cần thay đổi hoặc cần cập nhật những gì lên Dom thì ReactJS đều tính toán trước và việc còn lại chỉ là thực hiện chúng lên Dom, làm như vậy sẽ giúp cho ReactJS tránh được những thao tác cần có trên một Dom mà không cần tốn thêm bất cứ chi phí nào. Lợi ích thứ hai mà ReactJS đem lại đó chính là việc viết các đoạn code JS sẽ trở nên dễ dàng hơn vì nó sử dụng một cú pháp đặc biệt đó chính là cú pháp JSX nghĩa là cú pháp này cho phép ta trộn được giữa code HTML và Javascript. Ngoài ra ta còn có thể đem đoạn code thêm vào trong hàm render mà không cần phải thực hiện việc nối chuỗi và đây được đánh giá là một trong những đặc tính thú vị của ReactJS và việc chuyển đổi các 8 đoạn HTML thành các hàm khởi động đều được thực hiện từ bộ biến đổi chính đó chính là JSX. Có nhiều công cụ phát triển là lợi ích tiếp theo của ReactJS. Các ứng dụng hỗ trợ phong phú giúp việc viết mã và sửa lỗi diễn ra một cách dễ dàng hơn. 2.3 Mục đích sử dụng chính trong đề tài Xây dựng các Component giao diện tương tác với hệ thống Backend của trang web thông qua việc gửi các request đến các RESTful API. 3 Hệ quản trị cơ sở dữ liệu MySQL 3.1 Giới thiệu MySQL là chương trình dùng để quản lý hệ thống cơ sở dữ liệu (CSDL), trong đó CSDL là một hệ thống lưu trữ thông tin. được sắp xếp rõ ràng, phân lớp ngăn nắp những thông tin mà mình lưu trữ. 3.2 Lợi ích sử dụng Khả năng mở rộng và tính linh hoạt. Máy chủ cơ sở dữ liệu MySQL đáp ứng nhiều tính năng linh hoạt, nó có sức chứa để xử lý các ứng dụng được nhúng sâu với 1MB dung lượng để chạy kho dữ liệu khổng lồ lên đến hàng terabytes thông tin. Đặc tính đáng chú ý của MySQL là sự linh hoạt về flatform với tất cả các phiên bản của Windows, Unix và Linux đang được hỗ trợ. Và đương nhiên, tính chất mã nguồn mở của MySQL cho phép tùy biến theo ý muốn để thêm các yêu cầu phù hợp cho database server. Hiệu năng cao Với kiến trúc storage-engine cho phép các chuyên gia cơ sở dữ liệu cấu hình máy chủ cơ sở dữ liệu MySQL đặc trưng cho các ứng dụng chuyên biệt. Dù ứng dụng là website dung lượng lớn phục vụ hàng triệu người/ngày hay hệ thống xử lý giao dịch tốc độ cao thì MySQL đều đáp ứng được khả năng xử lý khắt khe của mọi hệ thống. Với những tiện ích tải tốc độ cao, cơ chế xử lý nâng cao khác và đặc biệt bộ nhớ caches, 9 MySQL đưa ra tất cả nhưng tính năng cần có cho hệ thống doanh nghiệp khó tính hiện nay. Tính sẵn sàng cao. MySQL đảm bảo sự tin cậy và có thể sử dụng ngay. MySQL đưa ra nhiều tùy chọn có thể thiết lập ngay từ cấu hình tái tạo chủ/tớ tốc độ cao, để các nhà phân phối thứ 3 có thể đưa ra những điều hướng có thể dùng ngay duy nhất cho server cơ sở dữ liệu MySQL. 3.3 Mục đích sử dụng Lưu trữ dữ liệu trang web thông qua hỗ trợ của các POJO được tạo trong dự án spring framework. 10 CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 1 Khảo sát các trang web bán hàng điện tử liên quan. Việc khảo sát các trang web đã có trước khi xây dựng một trang web mới có cùng hình thức kinh doanh giúp cho việc xây dựng trang web mới dễ dàng hơn, tránh đi sai hướng phát triển cũng như giúp cho tốc độ xây dựng và quá trình phát triển diễn ra nhanh hơn thay vì phải tự phân tích thiết kế một trang web hoàn toàn mới. 1.1 Lựa chọn trang web khảo sát. Trong đồ án này, nhóm tập trung khảo sát các thành phần giao diện và một số tính năng cần có của một website bán hàng điện tử dựa trên website khảo sát là Thế Giới Di Động của công ty TNHH Thế Giới Di Động (www.thegioididong.com). Công ty TNHH Thế Giới Di Động (Mobile World Co. Ltd) thành lập vào tháng 03/2004 bởi 5 thành viên đồng sáng lập là Trần Lê Quân, Nguyễn Đức Tài, Đinh Anh Huân, Điêu Chính Hải Triều và Trần Huy Thanh Tùng, lĩnh vực hoạt động chính của công ty bao gồm: mua bán sửa chữa các thiết bị liên quan đến điện thoại di động, thiết bị kỹ thuật số và các lĩnh vực liên quan đến thương mại điện tử. Bằng trải nghiệm về thị trường điện thoại di động từ đầu những năm 1990, cùng với việc nghiên cứu kỹ tập quán mua hàng của khách hàng Việt Nam, thegioididong.com đã xây dựng một phương thức kinh doanh chưa từng có ở Việt Nam trước đây. Công ty đã xây dựng được một phong cách tư vấn bán hàng đặc biệt nhờ vào một đội ngũ nhân viên chuyên nghiệp và trang web www.thegioididong.com hỗ trợ như là một cẩm nang về điện thoại di động và một kênh thương mại điện tử hàng đầu tại Việt Nam. 1.2 Các thành phần giao diện và chức năng của trang web thegioididong.com. 1.2.1 Giao diện đầu trang chủ Trên cùng giao diện trang chủ là thanh điều hướng giúp cho người dùng có thể nhanh chóng nhận ra các loại sản phẩm mà công ty đang kinh doanh. 11 Dưới thanh điều hướng là phần nội dung giới thiệu các chương trình kinh doanh và sự kiện mà công ty đang thực hiện dựa vào một slider quảng cáo bên trái. Kèm theo slider bên trái giao diện là khung banner nằm bên phải, với mục đích giới thiệu các sản phẩm mà công ty muốn tạo sự nổi bật trong mắt người dùng hơn. Hình 2-1 Giao diện đầu trang chủ thegioididong 1.2.2 Giao diện danh sách sản phẩm ở trang chủ Dưới phần thanh điều hướng và các slider, banner quảng cáo là phần giới thiệu một vài sản phẩm nổi bật cũng như sản phẩm mới mà công ty đang kinh doanh. Phần danh sách sản phẩm này không hiển thị hết các sản phẩm mà chỉ hiện thị một số lượng nhất định các sản phẩm. Các sản phẩm được hiển thị một các tách biệt nhau dựa trên các khung giao diện. Các danh sách sản phẩm được phân chia theo các loại khác nhau để dễ dàng phân biệt như: “điện thoại nổi bật”, “điện thoại mới”, “laptop nổi bật”… 12 Hình 2-2 Hiển thị sản phẩm ở trang chủ 1.2.3 Thông tin sản phẩm được hiện thị ở trang chủ Thông tin một sản phẩm được hiển thị ở trang chủ bao gồm các thành phần sau:  Tên sản phẩm.  Giá sản phẩm.  Giá sản phẩm có giảm giá.  Phần trăm giảm giá (nếu có giảm giá).  Đánh giá (nếu có). 13