JavaFX 实现windows版简易的登录软件 | 整合 MyBatis 查询数据库账号 | 窗口切换 | 使用SceneBuilder进行可视化编辑页面

—— 若发现文章有任何不正确的地方,敬请指出,望不吝赐教,谢谢!

效果展示


在登录窗口进行登录,登录验证成功后跳转到另一个窗口,若失败则弹出提示框
在这里插入图片描述

一、准备知识

JavaFX 中文官网:点击查看

javaFX 是一个开源的下一代客户端应用平台,适用于基于Java构建的桌面、移动端和嵌入式系统。 它是许多个人和公司的共同努力的成果,目的是为开发丰富的客户端应用提供一个现代、高效、功能齐全的工具包。

JavaFX架构:
在这里插入图片描述

相关工具:Scene Builder 点击下载

Scene Builder 是一款创建美丽的用户界面,并将您的设计变成一个交互式原型。Scene Builder通过创建可直接用于JavaFX应用程序的用户界面,缩小了设计师和开发人员之间的差距。

JavaFX相关的资料网站:

JavaFXChina 是国内JavaFX资料最为系统全面的网站之一,他们靠业余时间维护此站点,希望能帮到大家。

在这里插入图片描述

二、运行环境


  • Windows10
  • MySQL8
  • JDK8
  • Maven3.8.4
  • IDEA 2021.3.2 Ultimate
  • 其他的版本号请查看引入的Maven依赖

三、引入依赖


pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.uni</groupId>
    <artifactId>cs-plugins</artifactId>
    <version>1.0-SNAPSHOT</version>
    <name>cs-plugins</name>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <junit.version>5.8.1</junit.version>
        <java.version>8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.openjfx</groupId>
            <artifactId>javafx-controls</artifactId>
            <version>${java.version}</version>
        </dependency>
        <dependency>
            <groupId>org.openjfx</groupId>
            <artifactId>javafx-fxml</artifactId>
            <version>${java.version}</version>
        </dependency>
        <dependency>
            <groupId>org.kordamp.bootstrapfx</groupId>
            <artifactId>bootstrapfx-core</artifactId>
            <version>0.4.0</version>
        </dependency>
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-api</artifactId>
            <version>${junit.version}</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-engine</artifactId>
            <version>${junit.version}</version>
            <scope>test</scope>
        </dependency>
        
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.25</version>
        </dependency>
	<!--日志管理-->
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.17</version>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.8.1</version>
                <configuration>
                    <source>${java.version}</source>
                    <target>${java.version}</target>
                </configuration>
            </plugin>
            <plugin>
                <groupId>org.openjfx</groupId>
                <artifactId>javafx-maven-plugin</artifactId>
                <version>0.0.8</version>
                <executions>
                    <execution>
                        <!-- Default configuration for running with: mvn clean javafx:run -->
                        <id>default-cli</id>
                        <configuration>
                            <mainClass>com.uni/com.uni.App</mainClass>
                            <launcher>app</launcher>
                            <jlinkZipName>app</jlinkZipName>
                            <jlinkImageName>app</jlinkImageName>
                            <noManPages>true</noManPages
  • 5
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
好的,我可以为您编写一个使用Scene Builder和JavaFX实现的界面,用于输入账号并在数据库中查找对应的图片并显示在界面上。请按照以下步骤进行操作: 1. 首先,确保您已经安装了JavaFX Scene Builder和IntelliJ IDEA,并已经正确配置了JavaFX环境。 2. 在Scene Builder中创建一个新的FXML文件,命名为`image_viewer.fxml`。然后,使用Scene Builder设计一个简单的界面,包含一个输入框、一个按钮和一个ImageView组件。将FXML文件中的根节点设置为`AnchorPane`,并添加适当的布局和样式。 3. 将以下代码添加到`Main.java`文件中: ```java import javafx.application.Application; import javafx.fxml.FXMLLoader; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.scene.control.Alert; import javafx.scene.control.Button; import javafx.scene.control.TextField; import javafx.scene.image.Image; import javafx.scene.image.ImageView; import javafx.stage.Stage; public class Main extends Application { @Override public void start(Stage primaryStage) throws Exception { Parent root = FXMLLoader.load(getClass().getResource("image_viewer.fxml")); primaryStage.setTitle("Image Viewer"); primaryStage.setScene(new Scene(root)); primaryStage.show(); } public static void main(String[] args) { launch(args); } } ``` 4. 创建一个名为`DatabaseManager.java`的Java类,用于连接数据库并执行查询操作。根据您的实际数据库设置进行相应的更改。以下是一个示例代码: ```java import java.sql.*; public class DatabaseManager { private static final String DB_URL = "jdbc:mysql://localhost:3306/your_database_name"; private static final String DB_USERNAME = "your_username"; private static final String DB_PASSWORD = "your_password"; public static Image findImage(String username) { try { Connection conn = DriverManager.getConnection(DB_URL, DB_USERNAME, DB_PASSWORD); PreparedStatement stmt = conn.prepareStatement("SELECT image FROM your_table_name WHERE id = ?"); stmt.setString(1, username); ResultSet rs = stmt.executeQuery(); if (rs.next()) { Blob blob = rs.getBlob("image"); return new Image(blob.getBinaryStream()); } stmt.close(); conn.close(); } catch (SQLException e) { e.printStackTrace(); } return null; } } ``` 5. 在Scene Builder中打开`image_viewer.fxml`文件,并为每个组件设置适当的ID。例如,为输入框设置ID为`usernameField`,为按钮设置ID为`searchButton`,为ImageView设置ID为`imageView`。 6. 创建一个名为`ImageViewerController.java`的Java类,用于处理界面上的事件和逻辑。以下是一个示例代码: ```java import javafx.fxml.FXML; import javafx.scene.control.Alert; import javafx.scene.control.Button; import javafx.scene.control.TextField; import javafx.scene.image.Image; import javafx.scene.image.ImageView; public class ImageViewController { @FXML private TextField usernameField; @FXML private ImageView imageView; @FXML private void searchButtonClicked() { String username = usernameField.getText(); // 在数据库中查找图像 Image image = DatabaseManager.findImage(username); if (image != null) { imageView.setImage(image); } else { Alert alert = new Alert(Alert.AlertType.ERROR); alert.setTitle("Error"); alert.setHeaderText(null); alert.setContentText("Image not found!"); alert.showAndWait(); } } } ``` 7. 在Scene Builder中选择根节点,然后在右侧的"Code"选项卡中找到"Controller"字段,并将其设置为`ImageViewController`。 现在,您可以尝试运行该应用程序,输入账号并点击搜索按钮,应该能够从数据库中找到对应的图片并显示在界面上。 请注意,这只是一个简单的示例,您可能需要根据实际需求进行更多的界面设计和数据库操作。同时,您需要根据实际情况修改数据库连接参数和查询语句。希望这能帮助到您!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值