编写javafx程序的两种不同方式：它们在哪里使用？

Question

我在网上看过两种编写JAvafx代码的方法。我对它们适用的地方感到困惑。我无法找到一个很好的例子来得到正确的解释。因此，如果你们中的任何人都能帮助理解这些方法，那将是一个很大的帮助。

方式1：

我们使用Java语言对javafx进行编码，该语言有一个fxml，一个控制器和一个扩展Application的主类。这种方式（据我所知）用于开发桌面应用程序，因为我使用相同的方式创建了许多应用程序。如下图所示

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;


public class JavaFXApplication10 extends Application {

    @Override
    public void start(Stage primaryStage) {
        Button btn = new Button();
        btn.setText("Say 'Hello World'");
        btn.setOnAction(new EventHandler<ActionEvent>() {

            @Override
            public void handle(ActionEvent event) {
                System.out.println("Hello World!");
            }
        });

        StackPane root = new StackPane();
        root.getChildren().add(btn);

        Scene scene = new Scene(root, 300, 250);

        primaryStage.setTitle("Hello World!");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }

}

方式2：

为此，编写代码我无法找到一个好例子。因此，我很困惑我可以使用它。不确定这是否是一种方式。请参阅链接http://fxexperience.com/2009/06/example-3d-pie/

代码如下

import javafx.stage.Stage;
import javafx.stage.Alert;
import javafx.scene.Scene;
import javafx.scene.chart.PieChart;
import javafx.scene.chart.PieChart3D;

Stage {
    scene: Scene {
        height: 400
        width: 500
        content: PieChart3D {
            title: "Sample Pie"
            startAngle: 0
            data: [
                PieChart.Data { label: "Apples" value: 34 },
                PieChart.Data { label: "Oranges" value: 27 },
                PieChart.Data { label: "Bananas" value: 16 },
                PieChart.Data { label: "Grapes" value: 50 },
                PieChart.Data { label: "Cherries" value: 6 },
                PieChart.Data { label: "Strawberries" value: 5 },
                PieChart.Data { label: "Raspberries" value: 7 }
            ]
        }
    }
}

PieChart.Data { 
    label: "Apples"
    value: 34 action:function(){Alert.inform("Clicked on Apples")} 
}

第二种方式我不知道如何使用它。如果有人能帮我理解或举例，那就太好了。