基于JavaFx的通讯录

IntelliJ IDEA 2021.1.1
JavaFX Scene Builder 2.0
jdk15.02
mysql-connector-java-8.0.22

项目开始：在IDEA创建自己的JavaFx项目

生成如下文件

Controller默认的组件类class文件，继承了Application类
Main启动javafx程序的入口
sample.fxml文件 个人理解为显示页面的结构文件，右键往下拉能够使用选择Scene Builder打开，拖拽设置

选择fxml使用Scene Builder打开

用到的界面组件有Label ,TextField, Button, TableView
Label ：显示标题
TextField, Button：收集数据
TableView： 显示数据

Text: Button组件实例化的用于显示的内容
Font字体大小

fx:id : Button在Java代码中的实例化名字：delete

一系列的On xxx就是设置这个按钮Button的触发事件

TableView创建之后会有TableColumn
TableView最好在新的Pane下，这样TableView的滚轮才会出现
本次通讯录设置三列分别对应通信录的Person类的姓名name,地址address,电话phone属性

选择View->Show sample Controller Skeleton

保存设置，fxml文件代码更新
复制代码到你的自己创建的Controller.class文件下面

private final ObservableList data = FXCollections.observableArrayList();

原来是TableColumn

 @FXML
    private TableView tableview;
    @FXML
    private TableColumn Address;
    @FXML
    private TableColumn Name;
    @FXML
    private TableColumn Number;

initialize() {
Address.setCellValueFactory(new PropertyValueFactory("address"));
}

tableview.setItems(data);

github上完整代码：
https://github.com/zslkdjaw/study_notes/tree/Javafx-based-address-book

总结：这是第一次独立的开发一个小系统，代码完成时间和博客发表时间不同