前言：本文只介绍IntelliJ IDEA环境下如何搭建javafx+maven+spring的开发环境和一些必要的知识点，javafx详细开发不在此范畴

项目源码：https://github.com/liming37/javafxdemo/tree/master

1 框架搭建（基于jdk1.8）

1.1 创建一个springboot工程

下一步：

下一步，注意springboot要使用1.5.X的版本，推荐使用1.5.22.RELEASE：

因为只搭建一个简单的框架，所以其他依赖都没选，下一步：

创建完成后，pom文件添加javafx的springboot的支持库，支持库有很多，我使用的是springboot-javafx-support，该库的文档地址为:文档地址

        
            de.roskenet
            springboot-javafx-support
            1.3.15
        
1
2
3
4
5

并且添加以下依赖，下面会继续讲解：

        
            com.zenjava
            javafx-maven-plugin
            8.8.3
        
1
2
3
4
5

1.2 创建资源文件

1、在resource文件夹创建view文件夹，并新建PrimaryStage.fxml文件，内容如下：

    

1
2
3
4
5
6
7

2、在resource文件夹创建css文件夹，并新建PrimaryStage.css文件，内容如下：

#mainBorderPane {

}
1
2
3

1.3 创建并实现相关类

1、创建view包，并创建PrimaryStageView.java，内容如下：

package com.example.demo.view;


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

@FXMLView(value = "/view/PrimaryStage.fxml")
public class PrimaryStageView extends AbstractFxmlView {
}
1
2
3
4
5
6
7
8
9

2、创建controller包，并创建PrimaryStageController.java，内容如下

package com.example.demo.controller;

import javafx.fxml.Initializable;

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

public class PrimaryStageController implements Initializable {
    
    @Override
    public void initialize(URL location, ResourceBundle resources) {
        
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

3、在启动类继承AbstractJavaFxApplicationSupport这个类，并实现相关逻辑，以实现javafx界面的启动，代码如下：

package com.example.demo;

import com.example.demo.view.PrimaryStageView;
import de.felixroske.jfxsupport.AbstractJavaFxApplicationSupport;
import javafx.stage.Stage;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class DemoApplication extends AbstractJavaFxApplicationSupport {

    public static void main(String[] args) {
        launchApp(DemoApplication.class, PrimaryStageView.class, args);
        SpringApplication.run(DemoApplication.class, args);
    }

    @Override
    public void start(Stage stage) throws Exception {
        super.start(stage);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

1.4 pom文件plugins中添加插件javafx-maven-plugin

插件源码地址

            
                com.zenjava
                javafx-maven-plugin
                
                    com.example.demo.DemoApplication
                    example
                
            
1
2
3
4
5
6
7
8

注意：中的为启动类的地址；
中的为组织名称。

到此为止主要的架子搭好了。

2 开发示例

2.1 下载安装Scene Builder

javafx 可以直接写java代码设计界面的，但同时也提供了xml编辑界面的方式，就是上面创建的.fxml文件，通过编辑该文件，可以设计软件的界面。编辑该文件可以手动敲，也可以借助Scene Builder工具设计。

Scene Builder下载地址：https://gluonhq.com/products/scene-builder/

下载安装完成后，打开idea，打开Settings，找到JavaFX
![在这里插入图片描述](https://img-blog.csdnimg.cn/84ba434825a845109c7b248255aabd78.pngx-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54yq57KJ6IKg,size_20,color_FFFFFF,t_70,g_se,x_16
从你刚才安装Scene Builder的目录中找到SceneBuilder.exe文件，录入文件路径（D:softwaredeveloptoolsJAVAFXSceneBuilder这个是我的Scene Builder的安装目录）

2.2 设计界面

1、在项目中右键单击PrimaryStage.fxml文件，单击Open In SceneBuilder选项，弹出以下界面：

在该界面对组件进行拖拽组合便可以得到想要的软件界面（所见即所得）

2、设计一个简单的功能界面，就除法计算器吧（三个Lable，3个TextField，一个Button）

查看PrimaryStage.fxml文件内容：

   
      
        
          
          
        
        
          
          
          
            
        
         
            
            
            
            
            
            
            
         
         
            
         
         
            
         
      
   

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

运行项目，得到的界面为：

2.3 实现功能

1、实现功能是在Controller中实现的，这里我们的controller是PrimaryStageController，注意该类一定要实现javafx.fxml.Initializable这个类；

2、刚才我们用SceneBuilder设计生成的PrimaryStage.fxml的组件是没有id的，我们要手动编辑id：

3、我们在PrimaryStageController这个类中把这些组件都声明为其属性（注意属性名一定要与fx:id一致）就可以操控这些组件了：

package com.example.demo.controller;

import de.felixroske.jfxsupport.FXMLController;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;

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

@FXMLController
public class PrimaryStageController implements Initializable {
    @FXML
    private Label dividendLabel;
    @FXML
    private Label divisorLabel;
    @FXML
    private Label resultLabel;
    @FXML
    private TextField dividendField;
    @FXML
    private TextField divisorField;
    @FXML
    private TextField resultField;
    @FXML
    private Button caculateBt;


    @Override
    public void initialize(URL location, ResourceBundle resources) {
        caculateBt.setOnAction(e->{
            String dividendText = dividendField.getText();
            String divisorText = divisorField.getText();
            double dividend = Double.parseDouble(dividendText);
            double divisor = Double.parseDouble(divisorText);
            double result = dividend/divisor;
            resultField.setText(String.valueOf(result));
        });
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

注意:PrimaryStage.fxml一定要与PrimaryStageController关联上
PrimaryStage.fxm BorderPane不能缺少fx:controller属性

1

4、运行工程，测试：

3 打包发布

程序开发好了，如果不能打包发布，那还有什么意思！！！

我们前面引入的插件 JavaFX-Maven-Plugin 是可以帮我们实现这个需求的，可以执行 mvn jfx:native 命令就可以将程序打包成可执行文件，windows会打包成XX.exe，mac会打包成pkg、dmg。

1、注意在pom文件加上以下属性，不然打包不了

        1.8
        ${java.version}
1
2

project.build.jdk要与你的开发jdk版本一致，我的是1.8

1、执行命令mvn jfx:native，我是直接在idea执行

2、我的是windows，在target包中可以找到exe之行文件

上面这个文件夹就是咱们捣鼓这么就要得到的一个东西，绿色版软件，直接复制分发，执行里面的.exe文件就可以运行。

参考：
1、javaFX教程一
2、fxml编辑软件的下载
3、fxml开发javafx交互功能

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦