Побудова графічного контенту застосунків з використанням JavaFX і Swing компонентів і даних, взятих із баз даних

Размещено на http: //www. allbest. ru/

Побудова графічного контенту застосунків з використанням JavaFX і Swing компонентів і даних, взятих із баз даних

Доц. В.П. Карашецький, канд. техн. наук -

НЛТУ України, м. Львів

Анотація

Розглянуто можливості сумісного використання компонентів графічного інтерфейсу користувача, які застосовуються в платформі JavaFX та бібліотеці графічних компонентів Swing, для розроблення настільних і мережевих крос-платформних застосунків. На конкретному прикладі здійснено під'єднання застосунку до створеної бази даних із використанням СКБД MySQL. Модифіковано JavaFX початкові коди для наявних видів діаграм для використання даних, одержаних з таблиць бази даних, які використано для побудови насичених застосунків з графічним контентом. Представлено декілька побудованих застосунків.

Ключові слова: застосунок, графічний інтерфейс, база даних, JavaFX, Swing.

графічний інтерфейс мережевий swing

Технологія JavaFX набір графічних і медіа-пакетів, які дають змогу розробникам створювати клієнтські настільні та мережеві застосунки, що функціонують на різних платформах. Програмний код JavaFX застосунка може посилатися на Application Programming Interface (API) будь-якої бібліотеки Java.

Починаючи з JavaFX 2.2, всі пізніші версії повністю інтегровані з Java SE 7 Runtime Environment (JRE) і комплектом Java Development Kit (JDK). Оскільки JDK доступний для всіх основних настільних платформ (Windows, Mac OS X і Linux), то JavaFX застосунки, скомпільовані в JDK 7, можуть працювати на даних платформах. Крос-платформна сумісність дає змогу використовувати досвід узгодженого виконання застосунків для JavaFX розробників і користувачів. Платформа JavaFX призначена [1] для забезпечення застосунків такими складними функціями графічного інтерфейсу користувача, як плавна анімація, веб-перегляд, відтворення аудіо та відео, стилі на основі каскадних таблиць стилів CSS. Однією з важливих характеристик JavaFX 2.2 і всіх пізніших версій є її сумісність з бібліотекою графічних компонентів Swing. Існуючі Swing застосунки можуть бути збагачені з допомогою таких нових можливостей JavaFX, як насичене графічне медіа відтворення і вбудований веб контент.

Інтеграція JavaFX в Swing застосунки. JavaFX Software Development Kit (SDK) містить в пакеті javafx.embed. swing клас JFXPanel, який дає змогу вставляти JavaFX вміст в Swing застосунки. При співіснуванні Swing і JavaFX даних в одному застосунку можливе виникнення таких двох ситуацій їх взаємодії:

• зміна JavaFX даних ініціюється зміною Swing даних;

• зміна Swing даних ініціюється зміною JavaFX даних.

У першому випадку JavaFX дані повинні бути доступні тільки в потоці JavaFX Application Thread (JAT). Всякий раз, коли необхідно змінити JavaFX дані, потрібно охопити код в об'єкті Runnable і викликати метод runLater():

Platform.runLater(new Runnable() {

©Override

public void run() {

// Код для зміни JavaFX даних.

}

});

У другому випадку Swing дані повинні бути змінені тільки в потоці Event Dispatching Thread (EDT) і після цього потрібно охопити код в об'єкті Runnable і викликати метод invokeLater():

SwingUtilities.invokeLater(new Runnable() {

©Override

public void run() {

//Код для зміни Swing даних.

}

});

У багатьох проектах використовують Swing застосунки, що мають справу з таблицями. Розглянемо, як можна поєднати табличний компонент JT able з бібліотеки Swing і побудову JavaFX гістограми в одному застосунку, щоб забезпечити барвистість ілюстрації табличних даних, одержаних з бази даних. Для цього внесемо зміни у веб-застосунок [2], який складається з двох файлів:

• SampleTableModel.java;

• SwingInterop.java.

Клас SampleT ableModel тепер успадковує абстрактний клас AbstractT ableModel і визначає модель таблиці для відображення даних однієї з таблиць (result!) бази даних contest, що містить дані вступних кампаній до НЛТУ України за період 2010-2014 рр.

Використовуючи СКБД MySQL, у конструкторі класу SampleTableModel здійснюємо під'єднання до бази даних contest і запит до таблиці resultl:

public SampleTableModel() { try {

DriverManager.registerDriver (new com.mysql.jdbc.Driver());

String url="jdbc: mysql://localhost:3306/contest";

Connection conn1=DriverManager.getConnection (url,"root","ppp");

Statement st1=con n 1 .createStatement();

ResultSet rs1=st1.executeQuery ("SELECT * FROM resultl");

ResultSetMetaData md1=rs1 .getMetaData(); int colums1=md1.getColumnCount(); int j=0;

while (rs1 .next()) { data[j][0]=rs1 .getString (2);

for (int i= 3; i <= colums1; i++) { data[j][i-2]=rs1.getint (i);

}

j=j+1;

}

st1 .close(); conn1.close();

}

catch (SQLException e) {

System.out.println (e);

}}

Щоб отримати дані для побудови гістограми, клас SampleTableModel модифікується шляхом додавання нової змінної класу bcData і методу getBarChartData(), який одержує дані з таблиці resultl і повертає їх у відповідному форматі для гістограми:

public class SampleTableModel extends AbstractTableModel { private static ObservableList<BarChart.Series> bcData; public ObservableList<BarChart.Series> getBarChartData() { if (bcData == null) {

bcData=FXCollections.<BarChart.Series>observableArrayList(); for (int row=0; row < getRowCount(); row++) {

ObservableList<BarChart.Data>series=FXCollections.<BarChart.Data>observableArrayList();

for (int column=1; column < getColumnCount(); column++) {

series.add (new BarChart.Data (getColumnName (column), getValueAt (row, column)));

}

bcData.add (new BarChart.Series (series));

}}

return bcData;

CategoryAxis xAxis=new CategoryAxis();

xAxis.setCategories (FXCollections.<String>observableArrayList (tableModel. getColumnNames()));

xAxis.setLabel ("Рік");

double tickUnit=tableModel.getTickUnit();

NumberAxis yAxis=new NumberAxis(); yAxis.setTickUnit (tickUnit); yAxis.setLabel ("Кількість студентів");

final BarChart chart=new BarChart (xAxis, yAxis, tableModel.getBarChartData());

tableModel.addTableModelListener (new TableModelListener() {

public void tableChanged (TableModelEvent e) {

if (e.getType() == TableModelEvent.UPDATE) {

final int row=e.getFirstRow();

final int column=e.getColumn();

final Object value=((SampleTableModel) e.getSource()).getValueAt (row, column);

Platform.runLater (new Runnable() { public void run() {

XYChart.Series<String, Number> s=(XYChart.Series<String, Number>) chart.getData().get (row);

BarChart.Data data=s.getData().get (column); data.setYValue (value);

}});

}}

});

return chart;

}

На рис. 1 представлено веб-застосунок із використанням вертикальної гістограми.

Рис. 1 Веб-застосунок із використанням вертикальної гістограми

Рис. 2 Застосунки із використанням інших видів діаграм

Висновки. Технологія ІауаБХ надає широкі можливості для побудови настільних і мережевих крос-платформних застосунків з високоефективним сучасним інтерфейсом користувача, що підтримує графічний контент. Модифікація існуючих вихідних ІауаБХ кодів побудов діаграм з метою під'єднання до баз даних дає змогу розробляти насичені застосунки з використанням графічних залежностей, побудованих на основі даних, одержаних з таблиць баз даних.

Література

1. Машнин Т.С. JavaFX 2.0: разработка RIA-приложений / Т.С. Машнин. СПб. : Изд-во "БХВ-Петербург", 2012. 320 с. (Профессиональное программирование).

2. Fedortsova I., Hilderbrandt N., Northover S. JavaFX Interoperability. Release 8. E50477-01, Oracle, Java Platform, Standard Edition (Java SE) 8, Client Technologies, JavaFX, 2014. 110 с.

3. Redko A., Fedortsova I. Working with JavaFX UI Componets. Release 8. E47848-02, Oracle, Java Platform, Standard Edition (Java SE) 8, All Books, JavaFX, 2014. 442 с.

Размещено на Аllbеst.ru