JavaFXでログイン画面を作成したいです

Question

Eclipse，SceneBuilderを使ってプログラミングします．

ログイン画面の外観はSceneBuilderを使ってできたのですが，その後のJavaコードの書き方がわかりません．
初心者なので，SceneBuilderに対してController.javaの書き方をわかりやすく説明してくれるサイトがあったら教えてください．

なお，作りたいものは下記の通りです．
LoginController.javaは，SceneBuilderのShow Sample Controller Skeletonのコピペまでしかできていません

仕様

• idを入力(String)
• passwordを入力(String)
• ログインボタンを押下し，ログインできる（ただし次のような挙動となる）
• 正しければ画面遷移（遷移先の画面は適当でよい），間違っていればラベル表示（「ログイン情報が間違っています」など）
• 「新規作成はこちら」というハイパーリンクから新規登録画面へ遷移（遷移先の画面は適当でよい）
• 画面遷移に関して，ウィンドウは新たに立ち上げずに1つのウィンドウの表示を変えるのが望ましい（不可能な場合などは立ち上げてもよい）
• 今の段階ではidとパスワードはデータベースから拾わなくてもよい（あとから実装する）

具体的にわからないこと

• そもそもJavaFXを使う時のJavaコードの書き方（わかりやすい入門サイトがあったら紹介してください）
• id,passwordの拾い方（入力したものをどのように扱うか）
• 「ログイン情報が間違っています」などは下のように書いて，ログイン情報が間違っていた時のみ表示することは可能か（起動時など，入力情報が間違っていないときは表示しないようにする）

Login.Java

package System;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Login extends Application {
	@Override
	public void start(Stage primaryStage) {
		try {
			//FXMLからのシーングラフの読み込み
			FXMLLoader loader = new FXMLLoader(getClass().getResource("Login.fxml"));
			Parent root = loader.load();

			//シーングラフのルートノードを設定したシーンの作成
			Scene scene = new Scene(root,600,400);
			//ステージへのシーンの設定
			primaryStage.setScene(scene);
			primaryStage.setTitle("ログイン画面");
			primaryStage.show();
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
	public static void main(String[] args) {
		launch(args);
	}
}

LoginController.Java

package System;

import java.net.URL;
import java.util.ResourceBundle;

import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.Hyperlink;
import javafx.scene.control.Label;
import javafx.scene.control.PasswordField;
import javafx.scene.control.TextField;

public class LoginController {

    @FXML
    private ResourceBundle resources;

    @FXML
    private URL location;

    @FXML
    private TextField num;

    @FXML
    private PasswordField passwd;

    @FXML
    private Button loginButton;

    @FXML
    private Hyperlink createLink;

    @FXML
    private Label warning;

    @FXML
    void initialize() {
        assert num != null : "fx:id=\"num\" was not injected: check your FXML file 'Login.fxml'.";
        assert passwd != null : "fx:id=\"passwd\" was not injected: check your FXML file 'Login.fxml'.";
        assert loginButton != null : "fx:id=\"loginButton\" was not injected: check your FXML file 'Login.fxml'.";
        assert createLink != null : "fx:id=\"createLink\" was not injected: check your FXML file 'Login.fxml'.";
        assert warning != null : "fx:id=\"warning\" was not injected: check your FXML file 'Login.fxml'.";

    }
}

Login.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Hyperlink?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.PasswordField?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.text.Font?>

<Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="System.LoginController">
   <children>
      <Label alignment="CENTER" layoutX="218.0" layoutY="37.0" prefHeight="41.0" prefWidth="165.0" text="ログイン画面">
         <font>
            <Font size="25.0" />
         </font>
      </Label>
      <Label layoutX="144.0" layoutY="155.0" prefHeight="29.0" prefWidth="123.0" text="ID：">
         <font>
            <Font size="20.0" />
         </font>
      </Label>
      <Label layoutX="144.0" layoutY="194.0" prefHeight="29.0" prefWidth="123.0" text="PASSWORAD：">
         <font>
            <Font size="20.0" />
         </font>
      </Label>
      <TextField fx:id="num" layoutX="291.0" layoutY="156.0" />
      <PasswordField fx:id="passwd" layoutX="291.0" layoutY="195.0" />
      <Button fx:id="loginButton" layoutX="239.0" layoutY="294.0" mnemonicParsing="false" prefHeight="52.0" prefWidth="123.0" text="ログイン">
         <font>
            <Font size="20.0" />
         </font>
      </Button>
      <Label layoutX="436.0" layoutY="91.0" prefHeight="27.0" prefWidth="79.0" text="新規登録は">
         <font>
            <Font size="15.0" />
         </font>
      </Label>
      <Hyperlink fx:id="createLink" layoutX="515.0" layoutY="91.0" prefHeight="27.0" prefWidth="63.0" text="こちら" textFill="BLUE">
         <font>
            <Font size="15.0" />
         </font>
      </Hyperlink>
      <Label fx:id="warning" alignment="CENTER" layoutX="157.0" layoutY="251.0" prefHeight="17.0" prefWidth="287.0" text="※正しいログイン情報を入力してください" textFill="RED" />
   </children>
</Pane>

Answer 1

そもそもJavaFXを使う時のJavaコードの書き方（わかりやすい入門サイトがあったら紹介してください）

javafx scenebuilderで検索したら結構画像つきで説明してる記事が出てきます。
どんなサイトがお好みかわからないので調べてみてください。

「とっくに調べました」ということであればどの記事を参考にしたのか、
なぜその記事だとわからなかったのかがあれば助言しやすいです。

id,passwordの拾い方（入力したものをどのように扱うか）

コンポーネントにidを付けたり、ボタンにonActionを付けたりしないと拾えないです。
scenebuilderで作成した画面とJavaの紐付けがわからないとできないので、
まずは調べるところからですかね。

「ログイン情報が間違っています」などは下のように書いて，ログイン情報が間違っていた時のみ表示することは可能か（起動時など，入力情報が間違っていないときは表示しないようにする）

可能です。