JavaFX小例子

JavaFX用户列表展示

最新推荐文章于 2020-05-26 07:23:03 发布

转载最新推荐文章于 2020-05-26 07:23:03 发布 · 2k 阅读

文章标签：

#javafx #user #integer #class #html #border

其他学习笔记专栏收录该内容

99 篇文章

订阅专栏

本文介绍了一个使用JavaFX实现的简单应用程序，该程序通过自定义的User类来创建用户对象，并将其信息展示在一个HTML格式的表格中。文章展示了如何利用JavaFX的布局和控件特性来动态生成和显示用户列表。

[CODE]import javafx.ui.*;

//定义一个User类
class User {
attribute id: Integer;
attribute username: String;
attribute password: String;
attribute name: String;
attribute age: Integer;
}

//定义一个User列表
class UserList {
attribute users: User*;
}

//实例一个用户类 vlinux
var vlinux = User {
id: 1
username: "vlinux"
password: "abcdefg"
name: "李夏驰"
age: 22
};

//实例一个用户类 live41
var live41 = User {
id: 2
username: "live41"
password: "123456"
name: "live41"
age: 23
};

//实例一个用户列表类，并且将vlinux和live41都加入进来
var userList = UserList {
users: [vlinux, live41]
};

//主窗体
var frame = Frame {
content: Label { //用HTML语言把需要显示的内容写成HTML代码并且放入到一个Label组件中
text: bind
"<html>
<h1 align='center'>帐号列表</h1>
<table align='center' border='0' bgcolor='#008800' cellspacing='2' cellpadding='5'>
<tr bgcolor='#cccccc'>
<th>编号</th>
<th>帐号</th>
<th>密码</th>
<th>姓名</th>
<th>年龄</th>
</tr>
{
foreach ( user in userList.users )
"<tr bgcolor='#FFFF88'>
<td>{user.id}</td>
<td>{user.username}</td>
<td>{user.password}</td>
<td>{user.name}</td>
<td>{user.age}</td>
</tr>"
}
</table>
</html>"
}
};

frame.pack(); //这个和JFrame的一样
frame.centerOnScreen = true; //屏幕正中显示
frame.visible = true; //显示窗体[/CODE]