给个实现注册功能的的基于JavaFX 界面布局的界面设计DEMO
时间: 2023-12-23 11:05:15 浏览: 29
好的,以下是一个基于JavaFX的注册界面设计DEMO:
```java
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.PasswordField;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.stage.Stage;
public class RegisterDemo extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
primaryStage.setTitle("Register");
// 创建一个GridPane布局
GridPane grid = new GridPane();
grid.setAlignment(Pos.CENTER);
grid.setHgap(10);
grid.setVgap(10);
grid.setPadding(new Insets(25, 25, 25, 25));
// 添加标题
Label sceneTitle = new Label("Register");
sceneTitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 20));
grid.add(sceneTitle, 0, 0, 2, 1);
// 添加用户名标签和输入框
Label userName = new Label("User Name:");
grid.add(userName, 0, 1);
TextField userTextField = new TextField();
grid.add(userTextField, 1, 1);
// 添加密码标签和输入框
Label password = new Label("Password:");
grid.add(password, 0, 2);
PasswordField passwordField = new PasswordField();
grid.add(passwordField, 1, 2);
// 添加确认密码标签和输入框
Label confirmPassword = new Label("Confirm Password:");
grid.add(confirmPassword, 0, 3);
PasswordField confirmPasswordField = new PasswordField();
grid.add(confirmPasswordField, 1, 3);
// 添加注册按钮
Button registerButton = new Button("Register");
grid.add(registerButton, 1, 4);
// 添加提示信息
Label message = new Label();
grid.add(message, 1, 5);
// 注册按钮事件处理
registerButton.setOnAction(event -> {
String userNameValue = userTextField.getText().trim();
String passwordValue = passwordField.getText().trim();
String confirmPasswordValue = confirmPasswordField.getText().trim();
// 判断用户名和密码是否为空
if (userNameValue.isEmpty() || passwordValue.isEmpty() || confirmPasswordValue.isEmpty()) {
message.setText("Please enter user name and password.");
} else if (!passwordValue.equals(confirmPasswordValue)) {
message.setText("Passwords do not match.");
} else {
// TODO: 将用户名和密码保存到数据库中
message.setText("Registration successful.");
}
});
// 创建场景并显示窗口
Scene scene = new Scene(grid, 400, 275);
primaryStage.setScene(scene);
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
```
这个注册界面包含了用户名、密码和确认密码的输入框,以及一个注册按钮。当用户点击注册按钮时,程序会检查用户名和密码是否为空,并且检查密码和确认密码是否一致。如果一切正常,程序会将用户名和密码保存到数据库中,并显示注册成功的提示信息。