（四）建立基於maven的javaFX+springboot項目，用戶界面與後臺邏輯分離方式

下面來介紹建立maven的javaFX+springboot項目，基於用戶界面與後天邏輯分離的方式，用戶界面使用fxml文件來常見，相似於jsp，能夠引入css文件修飾界面

maven依賴

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-actuator</artifactId>
            <version>${spring.boot.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter</artifactId>
            <version>${spring.boot.version}</version>
        </dependency>
        <dependency>
            <groupId>de.roskenet</groupId>
            <artifactId>springboot-javafx-support</artifactId>
            <version>${springboot-javafx-support.version}</version>
        </dependency>    

• 建立login.fxml文件，將文件放入resources下，由於springboot默認加載的資源爲resources

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

<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
            prefHeight="588.0" prefWidth="802.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2"
            fx:controller="com.dome.controller.LoginController">
  <children>
    <HBox layoutX="122.0" layoutY="108.0" prefHeight="372.0" prefWidth="526.0">
      <children>
        <Label alignment="CENTER" contentDisplay="CENTER" prefHeight="30.0" prefWidth="70.0" text="用戶名" textAlignment="LEFT">
          <font>
            <Font size="18.0" fx:id="x1" />
          </font>
          <HBox.margin>
            <Insets bottom="10.0" left="50.0" right="10.0" top="100.0" />
          </HBox.margin>
        </Label>
        <TextField fx:id="userName" id="username" prefHeight="30.0" prefWidth="200.0">
          <HBox.margin>
            <Insets bottom="10.0" right="10.0" top="100.0" />
          </HBox.margin>
        </TextField>
        <Label alignment="CENTER" contentDisplay="CENTER" font="$x1" prefHeight="30.0" prefWidth="70.0" text="密  碼" textAlignment="LEFT">
          <HBox.margin>
            <Insets bottom="10.0" left="-290.0" top="140.0" />
          </HBox.margin>
        </Label>
        <TextField fx:id="passWord" id="password" prefHeight="30.0" prefWidth="200.0">
          <HBox.margin>
            <Insets bottom="10.0" left="10.0" right="10.0" top="140.0" />
          </HBox.margin>
        </TextField>
        <Button id="region" contentDisplay="CENTER" font="$x1" minHeight="28.0" mnemonicParsing="false" opacity="0.79" prefHeight="35.0" prefWidth="75.0" text="註冊" textAlignment="CENTER">
          <HBox.margin>
            <Insets bottom="10.0" left="-240.0" top="200.0" />
          </HBox.margin>
        </Button>
        <Button id="login" font="$x1" minHeight="28.0" mnemonicParsing="false" opacity="0.79" prefHeight="35.0" prefWidth="75.0"
                text="登陸" onAction="#btnClick" >
          <HBox.margin>
            <Insets bottom="10.0" left="60.0" top="200.0" />
          </HBox.margin>
        </Button>
      </children>
    </HBox>
  </children>
</AnchorPane>

• 建立LoginFXML類，指定fxml文件的路徑，及引入fxml文件所需的樣式

import de.felixroske.jfxsupport.AbstractFxmlView;
import de.felixroske.jfxsupport.FXMLView;

@FXMLView(value = "/static/fxml/login.fxml", css = {"/static/style/login.css"},title = "用戶登陸")
public class LoginFXML extends AbstractFxmlView {

}

能夠來了解下FXMLView的參數

@Component
@Retention(RetentionPolicy.RUNTIME)
public @interface FXMLView {
    String value() default "";

    String[] css() default {};

    String bundle() default "";

    String title() default "";

    String stageStyle() default "UTILITY";
}

• 建立LoginController，與用戶界面進行交互

import com.dome.MainController;
import com.dome.domain.Student;
import com.dome.service.IStudentService;
import com.dome.view.LoginFXML;
import de.felixroske.jfxsupport.FXMLController;
import javafx.event.ActionEvent;
import javafx.fxml.Initializable;
import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import org.springframework.beans.factory.annotation.Autowired;

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

@FXMLController
public class LoginController implements Initializable {

    @FXML
    private Button button;
    @FXML
    private TextField userName;

    @Autowired
    private IStudentService studentService;

    private ResourceBundle resourceBundle;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        resourceBundle = resources;
    }

    @FXML
    public void btnClick(ActionEvent actionEvent) {
        List<Student> students = studentService.listAll();
        userName.setText("helloWorld");
    }

    @FXML
    public void btnLoginClick(ActionEvent actionEvent) {
        MainController.showView(LoginFXML.class);
    }

}

• 建立main方法，啓動項目

import com.dome.view.ExportClassEntityFXML;
import com.dome.view.LoginFXML;
import de.felixroske.jfxsupport.AbstractJavaFxApplicationSupport;
import javafx.stage.Stage;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.ComponentScan;

/**
 * maven構建JavaFX+SpringBoot項目啓動類
 */
@ComponentScan({"com.dome.view","com.dome.controller","com.dome.service"})
@SpringBootApplication
public class MainController extends AbstractJavaFxApplicationSupport {

    public static void main(String[] args) {
        launch(MainController.class, ExportClassEntityFXML.class, args);
    }

    @Override
    public void start(Stage stage) throws Exception {
        super.start(stage);
        stage.setTitle("用戶登陸");
        //窗口最大化顯示
//        Rectangle2D primaryScreenBounds = Screen.getPrimary().getVisualBounds();
//        stage.setX(primaryScreenBounds.getMinX());
//        stage.setY(primaryScreenBounds.getMinY());
//        stage.setWidth(primaryScreenBounds.getWidth());
//        stage.setHeight(primaryScreenBounds.getHeight());
//        stage.setMaximized(true);//設置窗口最大化
//        stage.setFullScreen(true);//全屏顯示，Esc退出
//        stage.setAlwaysOnTop(true);//始終顯示在其餘窗口之上
    }
}

其中ComponentScan用來設置掃描包的中的類。

最後項目結構入下：