Mock Data

Mock Data

1. Ưu điểm khi sử dụng Mock Data.

- Dễ dàng tạo ra một lượng lớn dữ liệu phục vụ cho việc testing.

- Dễ dàng trong sử dụng.

- Dễ dàng trong các thao tác chỉnh sửa nguồn dữ liệu mà không cần động đến database (Chỉnh sửa trực tiếp mà không cần thông qua các câu lệnh như khi dùng sql server).

- View ra dữ liệu một cách nhanh chóng vì không tốn thời gian cho việc kết nối và truy cập vào cơ sở dữ liệu.

2. Các bước để tạo ra một ứng dụng sử dụng Mock Data và View dữ liệu trên trang Html.

Bước 1. Tạo ra một project sau đó tạo ra một Class với tên "Port" và đặt nó trong packages "fis.wpsj.mockdata.entity" và nhấn Finish.

Bước 2. Tạo ra các biến cho đối tượng Port trong class "Port".

Bước 3. Insert getter và setter bằng cách nháy phải chuột và chọn Insert Code --> Getter and Setter và nhấn Generate.

Bước 4. Nháy phải chuột chọn Insert Code -- > Constructor để insert hàm khởi tạo sau đó nhấn Generate.

Bước 5. Tiếp tục insert method ToString(). Insert Code --> ToString()...;

Bước 6. Tạo tiếp một Class với tên là "DataResources" nằm trong packages "fis.wpjs.mockdata.ds".

Bước 7. Làm theo các bước trong hình dưới.

Bước 8.  Tạo ra một Servlet với tên là "ViewAllPort" nằm trong packages "fis.wpsj.mockdata.ui" và nhấn Finish.

Bước 9. Trong lớp Servlet "ViewAllPort" ta làm như sau:

Thứ nhất import 2 packages là:  "fis.wpsj.mockdata.ds" và "fis.wpsj.mockdata.entity", như hình dưới.

Tiếp theo gõ đoạn code này vào trong method processRequest() như hình dưới.

Bước 10: Trong file index.html ta thêm vào thẻ a với thuộc tính href như hình dưới.

Vậy là ta đã tạo xong. sau khi chạy ta nhấn vào link để xem danh sách các bài post.

Kết quả sau khi đã bố trí bằng css.

Link Source: https://drive.google.com/a/fpt.edu.vn/#folders/0B_7k2KDkO0hTRnA3M1JwVlJ2WEE 

.