MVC 模式


MVC 模式代表 Model-View-Controller（模型-視圖-控制器） 模式。這種模式用於應用程式的分層開發。

  • Model（模型） - 模型代表一個存取資料的物件或 JAVA POJO。它也可以帶有邏輯，在資料變化時更新控制器。

  • View（視圖） - 視圖代表模型包含的資料的視覺化。

  • Controller（控制器） - 控制器作用於模型和視圖上。它控制資料流向模型對象，並在資料變更時更新視圖。它使視圖與模型分開。

實作

我們將建立一個作為模型的 Student 物件。 StudentView 是一個把學生詳細資料輸出到控制台的視圖類，StudentController 是負責儲存資料到Student 物件中的控制器類，並相應地更新視圖StudentView。

MVCPatternDemo，我們的示範類別使用 StudentController 來示範 MVC 模式的用法。

mvc_pattern_uml_diagram.jpg

步驟 1

建立模型。

Student.java

public class Student {
   private String rollNo;
   private String name;
   public String getRollNo() {
      return rollNo;
   }
   public void setRollNo(String rollNo) {
      this.rollNo = rollNo;
   }
   public String getName() {
      return name;
   }
   public void setName(String name) {
      this.name = name;
   }
}

步驟 2

建立檢視。

StudentView.java

public class StudentView {
   public void printStudentDetails(String studentName, String studentRollNo){
      System.out.println("Student: ");
      System.out.println("Name: " + studentName);
      System.out.println("Roll No: " + studentRollNo);
   }
}

步驟 3

建立控制器。

StudentController.java

public class StudentController {
   private Student model;
   private StudentView view;

   public StudentController(Student model, StudentView view){
      this.model = model;
      this.view = view;
   }

   public void setStudentName(String name){
      model.setName(name);		
   }

   public String getStudentName(){
      return model.getName();		
   }

   public void setStudentRollNo(String rollNo){
      model.setRollNo(rollNo);		
   }

   public String getStudentRollNo(){
      return model.getRollNo();		
   }

   public void updateView(){				
      view.printStudentDetails(model.getName(), model.getRollNo());
   }	
}

步驟 4

使用 StudentController 方法來示範 MVC 設計模式的用法。

MVCPatternDemo.java

public class MVCPatternDemo {
   public static void main(String[] args) {

      //从数据可获取学生记录
      Student model  = retriveStudentFromDatabase();

      //创建一个视图：把学生详细信息输出到控制台
      StudentView view = new StudentView();

      StudentController controller = new StudentController(model, view);

      controller.updateView();

      //更新模型数据
      controller.setStudentName("John");

      controller.updateView();
   }

   private static Student retriveStudentFromDatabase(){
      Student student = new Student();
      student.setName("Robert");
      student.setRollNo("10");
      return student;
   }
}

步驟 5

驗證輸出。 

Student: 
Name: Robert
Roll No: 10
Student: 
Name: John
Roll No: 10