SQLの窓

2017年06月03日


Swing の JTable に 1) WEBのJSON2次元配列。2) WEB の JSON配列 を取り込んで表示する( Google Gson と okhttp を使用 )



環境準備

Eclipse は Pleiades の Neon です。Swing を使用する為の WindowBuilder のインストールとプロジェクト作成は、▼ 以下のリンク先を参照して下さい。

Pleiades All in One(NEON) で、Windows アプリを作成する手順( WindowBuilder + Swing デザイナー or SWT デザイナー[JFace] )

WEB へのアクセスは okhttp を使用します。ライブラリは MAVEN で取り込みます。okhttp は okio に依存しますが、リポジトリのファイルが壊れている場合は、okio の dependency も記述して、旧バージョンを順に試すといいでしょう。

JSON 文字列の扱いは、Google Gson を使用します

pom.xml
<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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>WinApp</groupId>
  <artifactId>WinApp</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  
  <dependencies>
    <dependency>
      <groupId>com.google.code.gson</groupId>
      <artifactId>gson</artifactId>
      <version>2.8.0</version>
    </dependency>
    <dependency>
      <groupId>com.squareup.okhttp3</groupId>
      <artifactId>okhttp</artifactId>
      <version>3.8.0</version>
    </dependency>    
  </dependencies>
  
  <build>
    <sourceDirectory>src</sourceDirectory>
    <plugins>
      <plugin>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>3.5.1</version>
        <configuration>
          <source>1.8</source>
          <target>1.8</target>
        </configuration>
      </plugin>
    </plugins>
  </build>
</project>
MAVEN プロジェクトへの変更は、プロジェクトを右クリックして『構成』から、選択できます

JTable は表示のみ対応した、JTableUnit と言うクラスを作成して使用しています。

JTableUnit
import javax.swing.JScrollPane;
import javax.swing.JTable;
import javax.swing.table.DefaultTableModel;
import javax.swing.table.TableColumn;

public class JTableUnit extends JTable {
	
	private JScrollPane _scrollPane;

	public JTableUnit( ) {
		super();
		_scrollPane = new JScrollPane(this);
	}
	
	@Override
	public boolean isCellEditable(int row, int column) {
		return false;
	}	
	
	public JScrollPane getScrollPane() {
		return _scrollPane; 
	}

	// ********************
	// 初期化
	// ********************
	public void reset() {

		DefaultTableModel dtm = (DefaultTableModel) this.getModel();
		dtm.setRowCount(0);
		
		int cols = this.getColumnCount();

		for( int i = cols-1; i >= 0; i-- ) {
			this.removeColumn((this.getColumnModel()).getColumn(i));
		}
		
		// データモデルも初期化
		dtm.setColumnCount(0);

	}
	// ********************
	// 行を全て削除
	// ********************
	public void clear(){
		DefaultTableModel dtm = (DefaultTableModel) this.getModel();
		dtm.setRowCount(0);
	}
	public void addColumn(String name) {
		DefaultTableModel dtm = (DefaultTableModel) this.getModel();
		dtm.addColumn(name);
	}
	public void setColumnTitle(String name,String title) {
		TableColumn tc = this.getColumn(name);
		 tc.setHeaderValue(title);
		 tc.setIdentifier(name);
	}
	public void addRow() {
		DefaultTableModel dtm = (DefaultTableModel) this.getModel();
		Object[] obj  = null;
		dtm.addRow(obj);
	}
	public void setColumn(int row, int col, String data) {
		this.setValueAt( data, row,  col );
	}
}


前提条件

JSON データは utf-8 です。

WEB 上の2次元配列データは https://lightbox.sakura.ne.jp/demo/json/syain_array.php です。

WEB 上の通常 JSON配列データは https://lightbox.sakura.ne.jp/demo/json/syain_json.php です。

3番目の処理では、JSON データのフォーマットに合わせたクラス(Syain) を作成して使用しています

public class Syain {

	String 社員コード;
	String 氏名;
	String フリガナ;
	String 所属;
	String 性別;
	String 給与;
	String 手当;
	String 管理者;

	String 作成日;
	String 更新日;
	
}


処理

import java.awt.BorderLayout;
import java.awt.EventQueue;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.IOException;
import java.util.Collection;
import java.util.Iterator;
import java.util.LinkedHashMap;
import java.util.Set;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;

import com.google.gson.Gson;

import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;

public class Main extends JFrame {

	private JPanel contentPane;
	private JTableUnit table;
	private JPanel panel;

	public static void main(String[] args) {
		EventQueue.invokeLater(new Runnable() {
			public void run() {
				try {
					Main frame = new Main();
					frame.setVisible(true);
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
		});
	}

	public Main() {
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setBounds(100, 100, 1000, 700);
		contentPane = new JPanel();
		contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
		setContentPane(contentPane);
		contentPane.setLayout(null);

		JButton buttonArray = new JButton("2次元配列");
		buttonArray.setBounds(10, 10, 112, 21);
		buttonArray.addActionListener(new ActionListener() {
			public void actionPerformed(ActionEvent e) {

				loadWebJsonArray();

			}
		});
		contentPane.add(buttonArray);

		JButton buttonProp = new JButton("JSONプロパティでタイトル");
		buttonProp.setBounds(134, 10, 218, 21);
		buttonProp.addActionListener(new ActionListener() {
			public void actionPerformed(ActionEvent e) {

				loadWebJson();

			}
		});
		contentPane.add(buttonProp);
		
		JButton buttonFix = new JButton("タイトルを内部で固定");
		buttonFix.addActionListener(new ActionListener() {
			public void actionPerformed(ActionEvent e) {
				
				loadWebJsonFix();
				
			}
		});
		buttonFix.setBounds(364, 10, 180, 21);
		contentPane.add(buttonFix);

		JButton buttonClear = new JButton("行クリア");
		buttonClear.addActionListener(new ActionListener() {
			public void actionPerformed(ActionEvent e) {
				table.clear();
			}
		});
		buttonClear.setBounds(574, 10, 150, 21);
		contentPane.add(buttonClear);

		panel = new JPanel();
		panel.setBounds(12, 52, 960, 600);
		panel.setLayout(new BorderLayout(0, 0));
		contentPane.add(panel);

		table = new JTableUnit();
		panel.add(table.getScrollPane());

	}

	// *************************
	// 2次元配列
	// *************************
	private void loadWebJsonArray(){

		table.reset();

		String url = "https://lightbox.sakura.ne.jp/demo/json/syain_array.php";
		String result ="[\"error\"]";
		OkHttpClient client = new OkHttpClient();
		Request.Builder builder = new Request.Builder();
		builder.url(url);
		Request request = builder.build();

		Response response = null;
		try {
			response = client.newCall(request).execute();
			result = response.body().string();
		}
		catch (IOException e) {
			e.printStackTrace();
		}

		Gson gson = new Gson();
		String[][] data = gson.fromJson(result, String[][].class);

		int line_count = -1;
		int col_count = 0;
		for( String[] row : data ) {

			// 初回( タイトル部分 )
			if ( line_count == -1 ) {
				col_count = 0;
				for( String col : row ) {
					table.addColumn(String.format("col%d", col_count) );
					col_count++;
				}
				col_count = 0;
				for( String col : row ) {
					table.setColumnTitle(String.format("col%d", col_count), col );
					col_count++;
				}
				line_count++;

				// タイトル部分が一行あるので、次のデータをすぐに読む
				continue;
			}

			// 2回目以降( データ部分 )

			// 空行の追加
			table.addRow();
			col_count = 0;
			for( String col : row ) {
				// line_count に、
				table.setColumn(line_count, col_count, col );
				col_count++;
			}
			line_count++;
		}

	}

	// *************************
	// JSONプロパティでタイトル
	// *************************
	private void loadWebJson(){

		table.reset();

		String url = "https://lightbox.sakura.ne.jp/demo/json/syain_json.php";
		String result ="[\"error\"]";
		OkHttpClient client = new OkHttpClient();
		Request.Builder builder = new Request.Builder();
		builder.url(url);
		Request request = builder.build();

		Response response = null;
		try {
			response = client.newCall(request).execute();
			result = response.body().string();
		}
		catch (IOException e) {
			e.printStackTrace();
		}

		Gson gson = new Gson();
		// キーの順序を保持する為に、LinkedHashMap を使用
		LinkedHashMap<String,String>[] data = gson.fromJson(result, LinkedHashMap[].class);

		int line_count = 0;
		int col_count = 0;
		Set<String> keyset = null;
		Collection<String> values = null;
		Iterator<String> it;
		for( LinkedHashMap<String, String> row_data : data ) {

			// 初回( タイトル部分 )
			if ( keyset == null ) {
				keyset = row_data.keySet();

				col_count = 0;
				it = keyset.iterator();
				while( it.hasNext() ) {
					it.next();
					table.addColumn(String.format("col%d", col_count) );
					col_count++;
				}
				col_count = 0;
				it = keyset.iterator();
				while( it.hasNext() ) {
					String col_data = it.next();
					table.setColumnTitle(String.format("col%d", col_count), col_data );
					col_count++;
				}

			}

			// 空行の追加
			table.addRow();

			// 2回目以降( データ部分 )
			col_count = 0;
			values = row_data.values();
			it = values.iterator();
			while( it.hasNext() ) {
				String col_data = it.next();
				table.setColumn(line_count, col_count, col_data );
				col_count++;
			}
			line_count++;

		}

	}

	// *************************
	// タイトルを内部で固定
	// *************************
	private void loadWebJsonFix(){

		table.reset();
		for( int i = 0; i < 10; i++ ) {
			table.addColumn(String.format("col%d", i) );
		}
		table.setColumnTitle("col0", "社員コード");
		table.setColumnTitle("col1", "氏名");
		table.setColumnTitle("col2", "フリガナ");
		table.setColumnTitle("col3", "所属");
		table.setColumnTitle("col4", "性別");
		table.setColumnTitle("col5", "給与");
		table.setColumnTitle("col6", "手当");
		table.setColumnTitle("col7", "管理者");
		table.setColumnTitle("col8", "作成日");
		table.setColumnTitle("col9", "更新日");

		String url = "https://lightbox.sakura.ne.jp/demo/json/syain_json.php";
		String result ="[\"error\"]";
		OkHttpClient client = new OkHttpClient();
		Request.Builder builder = new Request.Builder();
		builder.url(url);
		Request request = builder.build();

		Response response = null;
		try {
			response = client.newCall(request).execute();
			result = response.body().string();
		}
		catch (IOException e) {
			e.printStackTrace();
		}

		Gson gson = new Gson();
		// データ部分のみ使用
		Syain[] data = gson.fromJson(result, Syain[].class);

		int line_count = 0;
		int col_count = 0;
		for( Syain row_data : data ) {

			// 空行の追加
			table.addRow();
			// 行データをセット
			table.setColumn(line_count, 0, row_data.社員コード );
			table.setColumn(line_count, 1, row_data.氏名 );
			table.setColumn(line_count, 2, row_data.フリガナ );
			table.setColumn(line_count, 3, row_data.所属 );
			table.setColumn(line_count, 4, row_data.性別 );
			table.setColumn(line_count, 5, row_data.給与 );
			table.setColumn(line_count, 6, row_data.手当 );
			table.setColumn(line_count, 7, row_data.管理者 );
			table.setColumn(line_count, 8, row_data.作成日 );
			table.setColumn(line_count, 9, row_data.更新日 );

			line_count++;

		}

	}

}


画面にデザイナで Panel を作成しておいて、JScrollPane 込みで作成されている JTableUnit を Panel に組み込んでいます(96、97 行)。

2番目の処理は、JSON のフォーマットに対応した クラスを使わずに、LinkedHashMap を使用して key 部分を取り出してタイトルに使用しています。

3番目の処理は、固定的な処理を行う一般的なアプリケーションで有用で、ソースの可読性が格段にアップします。


タグ:java swing JSON gson
posted by lightbox at 2017-06-03 18:25 | Comment(0) | java : Swing | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり