2016-10-31

【javascript】table特定行・列の固定、table列幅を可変

javascript

在庫の一覧、社員の一覧など、
webアプリケーションにて、HTMLのtableを用いて実装する事が多い。
以下のプラグインを適用し、多少のコードを記述するだけで
機能を拡張することが出来る。

行・列の固定

　・fixed_midashi.js
　①参照可能なパスにライブラリを配置し、参照する

　　<script src="${f:url('/js/fixed_midashi.js')}"></script>

　②列を固定したい table に _fixedhead 属性を定義、 FixedMidashi.create() を呼び出す。
　　例）先頭１行と、先頭２列固定

　　<body onLoad="FixedMidashi.create();">
　　  <table _fixedhead="rows:1; cols:2">
　　　　…

　参考：FixedMidashi - htmlテーブルヘッダの固定

列幅の変更

　・colResizable-1.6.min.js
　①参照可能なパスにライブラリを配置し、参照する

　　<script src="${f:url('/js/colResizable-1.6.min.js')}"></script>

　②列幅を可変にしたい table に任意の id を定義し、colResizable()にて初期化を行う。

  <table id="sample">
　　…

　$(function(){
  　$("#sample").colResizable();
　});

　参考：colResizable – Resizable columns and tables

※両方のプラグインを使用しても、動作すること確認済。

2016-01-19

【java】JasperReport + JaspersoftStudioでのPDF帳票出力　その２

前回の続き

②[拡張] > ＰＤＦを選択し、以下の値を設定する
f:id:kawamura_mark2:20160119145230p:plain
　・Pdf Embedded ：フォントを埋め込むかどうか　 ⇒FALSE
　・Pdf Encoding ：エンコーディング　 ⇒UniJIS-UCS2-H (Japanese)
　・Pdf font name ：フォント名　 ⇒HeiseiKakuGo-W5（ゴシック表記）/HeiseiMin-W3（明朝表記）

PDFファイルへパラメータを出力する方法

作成したＰＤＦの、プロパティを表示（レイアウト上のなにもないところをクリックすると表示されます）

f:id:kawamura_mark2:20160119150717p:plain

Edit query, filter and sort options ボタンを選択

f:id:kawamura_mark2:20160119150816p:plain

[パラメータ]タブ > [追加]を選択し、任意のパラメータ名、データ型を設定する

表示項目とパラメータを関連づける

　例：Text Field
　　①Paletteビューから、Text Fieldをドラッグ＆ドロップします
　　②ドロップしたTextFieldをダブルクリックし、Expression Editorダイアログを表示
　　③初期設定されているテキストを削除し、対象のパラメータを選択後、完了。

java側の実装例

java側の実装サンプルは下記の様になる。
※テンプレートに設定したパラメータ名と同一の名称を指定すること。

	// 帳票レイアウト(.jrxml)ファイル配置パス
	private static final String JRXML_FILE_PATH = "/WEB-INF/jrxml/sample.jrxml";

	public static void main(String[] args) throws Exception {

			// 帳票レイアウトをコンパイル
			ServletContext app = ServletContextUtil.getServletContext();
            String path = app.getRealPath(JRXML_FILE_PATH);
            File pdf = new File(path);
			JasperReport jr = JasperCompileManager.compileReport(pdf.getPath());


			// パラメータをセット
			HashMap<String, Object> parameters = new HashMap<String, Object>();
			parameters.put("parameter", "パラメータ設定テスト");

			JasperPrint jp = JasperFillManager.fillReport(jr, parameters);
			byte[] bytes = JasperExportManager.exportReportToPdf(jp);

			response.setContentType("application/pdf");
			response.setContentLength(bytes.length);

			ServletOutputStream out = response.getOutputStream();
			out.write(bytes);
			out.flush();
			out.close();
		} catch (Exception e) {
			～
		}
	}

PDFファイルへJavaBeanを出力する方法

パラメータとなるクラスを作成する

	/** 氏名 **/
	private String name;
	/** 性別 **/
	private String sex;
	
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getSex() {
		return sex;
	}
	public void setSex(String sex) {
		this.sex = sex;
	}

作成したクラスを、テンプレートファイルに設定する

　①作成したＰＤＦ、Edit query, filter and sort options ボタンを選択
　②JavaBeanタブを選択し、クラスの参照ボタンを選択
f:id:kawamura_mark2:20160119154040p:plain
　③作成したクラスを選択(ビルドパスに作成したクラスが追加されている必要があります)
　④パラメータとして使用したいフィールドを選択し、追加ボタンを選択

表示項目とパラメータを関連づける

　例：Text Field
　　①Paletteビューから、Text Fieldをドラッグ＆ドロップします
　　②ドロップしたTextFieldをダブルクリックし、Expression Editorダイアログを表示
　　③初期設定されているテキストを削除し、対象のフィールドを選択後、完了。

java側の実装例

java側の実装サンプルは下記の様になる。
※テンプレートに設定したパラメータ名と同一の名称を指定すること。

	// 帳票レイアウト(.jrxml)ファイル配置パス
	private static final String JRXML_FILE_PATH = "/WEB-INF/jrxml/sample.jrxml";

	public static void main(String[] args) throws Exception {

			// 帳票レイアウトをコンパイル
			ServletContext app = ServletContextUtil.getServletContext();
            String path = app.getRealPath(JRXML_FILE_PATH);
            File pdf = new File(path);
			JasperReport jr = JasperCompileManager.compileReport(pdf.getPath());

			// パラメータをセット
			HashMap<String, Object> parameters = new HashMap<String, Object>();
			parameters.put("parameter", "パラメータ設定テスト");

			List<SampleDto > list = new ArrayList<SampleDto >();

			// 作成したデータバインド用のクラスに値をセット
			SampleDto dto = new SampleDto();
			dto.setName("テストさん");
			dto.setSex("男性");

			list.add(dto);

			JasperPrint jp = JasperFillManager.fillReport(jr, parameters, new JRBeanCollectionDataSource(list));
			byte[] bytes = JasperExportManager.exportReportToPdf(jp);

			response.setContentType("application/pdf");
			response.setContentLength(bytes.length);

			ServletOutputStream out = response.getOutputStream();
			out.write(bytes);
			out.flush();
			out.close();
		} catch (Exception e) {
			～
		}
	}

2015-12-03

【java】JasperReport + JaspersoftStudioでのPDF帳票出力

iReportのサポートが2015年末迄で終了となっていた、、
後継のJaspersoftStudioにてPDF出力を作成したので、詰まったとこ等メモ

■環境
　windows7
　Eclipse Luna 4.4.1
　PostgreSQL 9.4
　java 8
　tomcat 8
　Seasar2 Framework

○前提として
　・既存WebアプリケーションにPDFの出力処理を組込む
　・帳票の中身は、静的文言・画面入力値(パラメータ)・DB内容一覧(サブレポート)を含む

　レイアウトファイル（.jrxml）をEclipse上で編集可能になる

※注意　プラグインインストール後、なぜかBackSpaceキーがDeleteキーと同様な設定になっている。
ウィンドウ > 設定 > 一般 > キー　にて、下記の様に設定を戻せば直ります。
f:id:kawamura_mark2:20151203174448p:plain

【PostgreSQL】SQLパフォーマンス改善

重いSQLの判定方法

①実行計画の測定
　調査したいクエリの先頭に、"EXPLAIN" / "EXPLAIN ANALYZE" を付けて実行
　EXPLAIN SELECT * FROM …
※ANALYZEを付与すると、実際に実行し、実測値も出力される
　※INSERT、UPDATE、DELETEのようなデータの変更を伴う問い合わせの実行計画を得たい場合には以下のように実行
　　(これで実際の更新は走らない)
　BEGIN;
　EXPLAIN ANALYZE …;
　ROLLBACK;

②実行計画より、コストの高いクエリを特定
　EXPLAINにより返却される結果の内、
　(cost= xxx...yyy )の部分が実行時間に関わる
　※xxx:最初の行が返されるまでの時間
　 ※yyy:次の数字が全ての行が返されるまでの合計時間

2015-11-13

CentOS 7にPostgreSQLサーバー構築

今回はインストールまで

postgreSQLのインストール確認

　[root@XXXXX ~]# psql --version
　bash: psql: コマンドが見つかりません

yumでインストール可能なバージョンを確認

　[root@XXXXX ~]# yum list | grep postgresql

/etc/yum.repos.d/CentOS-Base.repo　のファイルを編集

　　base、updatesセクションに、"exclude=postgresql*"を追加

　　[base]
　…
　　exclude=postgresql*　←追加

　　[updates]
　 …
　　exclude=postgresql*　←追加

rpmファイルインストール

　[root@XXXXX ~]# yum localinstall http://yum.postgresql.org/9.4/redhat/rhel-6-x86_64/pgdg-centos94-9.4-1.noarch.rpm

postgresql-server インストール

　[root@XXXXX ~]# yum install postgresql94-server
　※/var/lib/pgsql/9.4/data　配下に、ポスグレの全てのデータファイルが格納されるらしい。

サーバー起動前に初期化する

　service postgresql-9.4 initdb

CentOS の起動時に、PostgrSQLサーバーを自動で起動(念の為)

　[root@XXXXX ~]# chkconfig postgresql-9.4 on

サーバー起動

　[root@XXXXX ~]# service postgresql94-server start

2015-11-12

【java】OS間互換のあるファイルパス定義について

ファイルを指定する際に、File.separatorにて、
システムに依存するデフォルトの名前区切り文字を取得できる。
Unix系：「/」
Windows系：「\」

File file = new File(rootPath + File.separator + fileName);

2015-11-11

【java】一時ファイルを使用しない、zipファイルダウンロード実装

データベースに登録されたバイナリ画像データを、zip化して出力するサンプル。

org.apache.tools.zip.ZipOutputStreamをjavax.servlet.ServletOutputStreamで

フィルタリングして作成することで、一時ファイルを作成せずに、

そのままレスポンスにファイルを流しこめる。

// 画像データの取得

バイナリデータのリスト dataList = getDataList();

// 日本語ファイル名対応
String encodFile = URLEncoder.encode(this.fileName, "UTF-8");

// ヘッダー情報設定
response.setHeader("Content-Transfer-Encoding", "binary");
response.setHeader("Content-Type", "application/zip;charset=UTF-8");
response.setHeader("Content-disposition", "attachment; filename=\"" + encodFile + "\"; filename*=utf-8'ja'"
+ encodFile);

// ZIPファイルを書込む為の出力ストリームを、HTTPコンテンツ本体へのバイナリ出力として初期化する。
ZipOutputStream zipOutStream = new ZipOutputStream(response.getOutputStream());
zipOutStream.setEncoding("MS932");

// ファイル出力
try {
// zip作成

for(バイナリデータ imageRecord : バイナリデータのリスト) {

// 取得イメージを、ZIP書込み

ByteArrayOutputStream objBos;

objBos = new ByteArrayOutputStream(imageRecord.getImegeInfo().length);
objBos.write(imageRecord.getImegeInfo(), 0, imageRecord.getImegeInfo().length);
objBos.close();

// ZipOutputStreamにZipEntryを設定
ZipEntry objZe = new ZipEntry(fileName);
objZe.setMethod(ZipOutputStream.DEFLATED);
zipOutStream.putNextEntry(objZe);

// 取込イメージ情報を書込み
byte[] aryByt = objBos.toByteArray();
zipOutStream.write(aryByt, 0, aryByt.length);

// ZipEntryのクローズ
zipOutStream.closeEntry();

}
zipOutStream.close();

} catch (Exception e) {
//エラー処理
} finally {
if(zipOutStream != null) {
zipOutStream.close();
}
}

５年目SEの備忘録 blog