OPRO X Designerアーキテクチャー...1 OPRO X Designerアーキテクチャー 1.1 第1章のねらい本章は帳票作成の前提条件として、OPRO X Designerをご利用頂くために知っておいて頂きた

OPRO X Designer ファーストステップ

日本オプロ株式会社

目次

1 OPRO X Designer アーキテクチャー ................................................................................ - 1 - 1.1 第１章のねらい ........................................................................................................... - 1 - 1.2 OPRO X Designer アーキテクチャー ......................................................................... - 1 - 1.3 OPRO X Server と OPRO X Designer の連携 ........................................................... - 3 - 1.4 OPRO X Designer 起動と初期設定方法 ..................................................................... - 6 - 1.5 OPRO X Designer の基本的な操作方法 ................................................................... - 10 -

2 社員リストの作成（OPRO X Designer の基礎） ........................................................... - 14 - 2.1 第２章のねらい ......................................................................................................... - 14 - 2.2 データベースとの接続の設定.................................................................................... - 16 - 2.3 テンプレートの新規作成とクエリの作成 .................................................................. - 17 - 2.4 データ表示部分の設定 .............................................................................................. - 31 - 2.5 タイトルの設定 ......................................................................................................... - 41 - 2.6 サンプル HTML からの出力 ..................................................................................... - 44 -

3 商品リストの作成（集計機能を利用した連続帳票の作成） ............................................ - 48 - 3.1 第３章のねらい ......................................................................................................... - 48 - 3.2 データベースとの接続の設定.................................................................................... - 50 - 3.3 テンプレートの新規作成とクエリの作成 .................................................................. - 51 - 3.4 データ表示部分の設定 .............................................................................................. - 64 - 3.5 合計・総合計表示の設定 ........................................................................................... - 73 - 3.6 タイトルの設定 ......................................................................................................... - 80 - 3.7 日付の表示 ................................................................................................................ - 82 - 3.8 ページ番号の表示...................................................................................................... - 85 - 3.9 サンプル HTML からの出力 ..................................................................................... - 89 -

4 給与明細の作成（セキュリティ対策つき単票の作成）.................................................... - 91 - 4.1 第４章のねらい ......................................................................................................... - 91 - 4.2 データベースとの接続の設定.................................................................................... - 93 - 4.3 テンプレートの新規作成とクエリの作成 .................................................................. - 94 - 4.4 データ表示部分の設定 .............................................................................................. - 98 - 4.5 タイトル、詳細表示の設定 ..................................................................................... - 133 - 4.6 表組みによる表現.................................................................................................... - 143 - 4.7 注意書きの表示 ....................................................................................................... - 151 - 4.8 会社のロゴの表示.................................................................................................... - 155 - 4.9 セキュリティの設定 ................................................................................................ - 159 - 4.10 サンプル HTML からの出力 ............................................................................... - 164 - 4.11 Appendix ................................................................................................................ - 166 -

1 OPRO X Designer アーキテクチャー

1.1 第１章のねらい

本章は帳票作成の前提条件として、OPRO X Designer をご利用頂くために知っておいて頂きた

いことをまとめました。

ぜひご一読されてから、第２章以降の帳票作成にすすんでください。

1.2 OPRO X Designer のアーキテクチャー

1.3 OPRO X Designer と OPRO X Server の連携

1.4 OPRO X Designer 起動と初期設定方法

1.5 OPRO X Designer の基本的な操作方法

1.2 OPRO X Designer アーキテクチャー

OPRO X Server は帳票定義体をもとに、指定したデータソースからリアルタイムにデータを

取得し、動的にドキュメントを生成するサーバーソフトウェアです。帳票定義体は XML で記

述された、拡張子が oxt のファイルです。このファイルを「テンプレート」といいます。

OPRO X Designer はこのドキュメントのもととなる、テンプレートを作成します。

- 1 -

1.2.1 OPRO X Designer の特長

1) ノンプログラミング生成

GUI を持つ OPRO X Designer では直感的にテンプレートを作成できますので、ユーザは

XML のタグを意識することはありません。複雑な帳票もノンプログラミングで作成する

ことができます。

2) インターフェイス

OPRO X Designer は CGI/Servlet をインターフェイスとして、HTTP 経由で OPRO X Server

に接続します。WWW を介してリモートの OPRO X Server と接続することができます。

3) プレビュー機能

OPRO X Designer からプレビューを実行すると、OPRO X Server はリアルタイムにデー

タを取得してドキュメントを生成し、プレビューを実行したクライアントにレスポンス

します。ドキュメントはユーザの要求に従って OPR や PDF、HTML などのフォーマットで

クライアントにレスポンスされます。それぞれ OPRO X Browser、Adobe Reader、Web ブ

ラウザで表示されます。ユーザは実行結果を確認しながら、テンプレートを作成する


4) クエリの作成

また、OPRO X Designer からクエリビルダを起動して、クエリの作成を行うことができ

ます。GUI を持つクエリビルダでは直感的にクエリを作成できますので、ユーザが SQL

を意識することはほとんどありません。さらに、クエリビルダの GUI で、ユーザは接

続するデータベースや、対象テーブルのデータ、クエリの実行結果を視覚的に確認する


なお OPRO X Designer で作成した XML テンプレートはデザインの使いまわしが利きます

ので、接続先のデータベースやプロパティを変更して利用することができます。類似の

帳票が多数ある場合も、効率よく作成できます。

- 2 -

1.3 OPRO X Server と OPRO X Designer の連携

1.3.1 OPRO X Server と OPRO X Designer の連携

OPRO X Designer と OPRO X Server の連携は CGI/Servlet をインターフェイスとして行

われます。

1) CGI/Servlet の URL の設定

OPRO X Designer 側での CGI/Servlet の URL の設定はオプションメニューの環境設定で

行います。

詳細は「1.4.4. オプションの設定」をご参照ください。

1.3.2 OPRO X Server とデータベースの連携

1) OPRO X Server とデータベースの連携

OPRO X Server では、データベースとの接続は ODCAW.xml の<DATABASES>要素内で設定し

ます。

例えば Oracle のデータベース名が”db817”となっているデータベースを用いる場合、

以下の設定を ODCAW.xml に追加します。

設定例）

<DATABASE>

<Name>Scott</Name>

<Type>Oracle</Type>

<URL>jdbc:oracle:thin:@172.16.100.100:1521:db817</URL>

<Driver>oracle.jdbc.driver.OracleDriver</Driver>

<UserID>scott</UserID>

<Password>tiger</Password>

<Connections>3</Connections>

</DATABASE>

2) <DATABASE>要素の設定

ODCAW.xml にはデータベースに対しての設定サンプルがありますので、カスタマイズし

て、新規の設定を作成してください。

<NAME>....... OPRO X Server の内でのデータベース名をここで設定します。上記例で

は”Scott”となっています。任意に設定することができますが、一意で

- 3 -

ある必要があります。

<Type>....... データベースの種類を指定します。上記例では Oracle が指定されていま

す。

<URL>........ ドライバのベンダ（提供元）によって指定された、ドライバ固有の JDBC

URL を指定します。

注意）Access を利用される場合は JDBC-ODBC のブリッジ接続となりますので、あらかじ

め ODBC 接続を設定しておく必要があります。

<Driver>..... ベンダによって指定されているドライバクラス名を設定します。

<UserID>..... データベースのユーザを設定します。

※上記の例ではユーザは scott です。

<Password>... データベースユーザのパスワードを設定します。

※上記の例ではパスワードは tiger です。

<Connections> データベースとの接続数を設定します。上記の例では 3 コネクションで

設定してあります。

ODCAW.xml に追加したデータベースへの接続設定は OPRO X Server の再起動を行うと反

映されます。

1.3.3 OPRO X Server の再起動

ここでは OS が Windows で、バッチ起動の場合をご紹介します。

注意）UNIX、Linux で OPRO X Server をお使いの方、及び Windows のサービスとして OPRO

X Server を起動している方は、起動停止方法について、添付のマニュアル及びドキュメ

ントをご参照ください。

1) OPRO X Server の停止方法

“Run OXS as a Java Application”で OPRO X Server を起動している場合、OPRO X Server

を起動したコマンドプロンプトをアクティブにします。

[Ctrl]+[C]キーを押下すると OPRO X Server が停止します。

- 4 -

- - CRITICAL [2007/01/01 19:21:13] OXS-01415 データベースに接続できません: デー

タベースドライバが見つかりません。(Driver class not found for opro01)


タベースドライバが見つかりません。(Driver class not found for genka)


タベースドライバが見つかりません。(Driver class not found for genka_test)

- - STATUS [2007/01/01 19:21:13] - Connected to :SAMPLE_OX|OPROXML|jdbc:OPROXml:

C:/Program Files/OPRO/OPRO X Server/works/oproxmldb:CharSet=Shift_JIS|opro.jdbc.OP

ROXmlDriver.OPROXmlDriver||


C:/Program Files/OPRO/ OPRO X Server /works/oproxmldb:CharSet=Shift_JIS|opro.jdbc.OP



C:/Program Files/OPRO/ OPRO X Server /works/oproxmldb:CharSet=Shift_JIS|opro.jdbc.OP


- - STATUS [2007/01/01 19:21:15] - Connected to :msdb_sample01|SQL|jdbc:odbc:msd

b_sample01|sun.jdbc.odbc.JdbcOdbcDriver|msdbuser01|msdbuser01



ODCS Started

172.16.200.212 OPRO__918966567 REQUEST [2007/01/01 19:49:02] - DO=sv&ES=odcaw&UA

=OPRO X Designer 2.6.0.0&CIP=172.16.200.212&VN=2.1

172.16.200.212 OPRO__918966567 RESPONSE [2007/01/01 19:49:02] - Response

SHUT DOWN IN PROGRESS

バッチジョブを終了しますか (Y/N)?

「バッチジョブを終了しますか（Y/N）？」と表示されますので、”ｙ”を入力して[Enter]

キーを押下します。

2) OPRO X Server の起動方法

スタートメニューから[プログラム]-[OPRO X Server]とポイントし、“Run OXS as a Java

Application”のアイコンをクリックします。

ODCAW.xml 内で定義されたデータベース接続が表示されます。

後に”ODCS Started”と表示されれば、起動は完了です。

- - STATUS [2007/01/01 19:52:46] - Connected to :payslip|Access|jdbc:odbc:paysli

p|sun.jdbc.odbc.JdbcOdbcDriver||

- - STATUS [2007/01/01 19:52:46] - Connected to :payslip|Access|jdbc:odbc:paysli

p|sun.jdbc.odbc.JdbcOdbcDriver||

- - STATUS [2007/01/01 19:52:46] - Connected to :opro01_mdb|Access|jdbc:odbc:opr

o01_mdb|sun.jdbc.odbc.JdbcOdbcDriver||


















ODCS Started

後に"ODCS Started" と表示

されれば起動は完了です。

ODCAW.xml 内で定義されたデ

ータベース接続が表示されます。

- 5 -

1.4 OPRO X Designer 起動と初期設定方法

OPRO X Designer を起動して、作業を開始するために必要な小限の設定を行います。

OPRO X Designer は WindowsNT4.0、Windows2000、WindowsXP での動作がサポートされていま

す。

（詳細は OPRO X Designer に同梱のマニュアルをご覧ください。）

1.4.1 OPRO X Designer の起動

OPRO X Designer を起動します。

スタートメニューから、[スタート]-[プログラム]-[OPRO X Designer]とポイントし、

OPRO X Designer のアイコンをクリックします。

1.4.2 シリアル番号の設定（初回起動時）

OPRO X Designer 初回起動時にはここで、シリアル番号を入力するウィンドウが開きま

す。

シリアル番号を正しく入力して、OK ボタンをクリックしてください。

- 6 -

※シリアル番号は、製品 CD 内の「serial.txt」に記載されています。

- 7 -

1.4.3 OPRO X Designer の画面構成

OPRO X Designer は次のような画面構成になっています。

メニューバー

テンプレート

エクスプローラー

テンプレートプロパティエディタ

ツールバーコンポーネントパレット

1.4.4 オプションの設定

1) オプションの表示

オプションメニューから[環境設定]をクリックしてオプションのダイアログを表示し

ます。

- 8 -

2) オプションの設定

環境設定ウィンドウの全般タブで、OPRO X Designer と OPRO X Server を接続するた

めの CGI/サーブレット URL を入力します。

OXS CGI/サーブレット URL

利用する OXS の CGI または

Servlet の URL を入力します。

オプションメニューの[環境

設定]をクリックします。

例）

CGI ：http://xxx/cgi-bin/odcaw2_cgi.exe

Servlet ：http://xxx/odcaw2_servlet

- 9 -

1.5 OPRO X Designer の基本的な操作方法

OPRO X Designer の基本的な操作方法をご紹介します。

OPRO X Designer では「コンポーネント」とよばれるオブジェクトを使用してデザインやデ

ータベースとのリンクの設定をおこなっていきます。「コンポーネント」は OPRO X Designer

でデザインを行う上での小の単位です。

文字を表示する Label コンポーネント、線を表示する Line コンポーネント、データベースと

の接続やクエリの設定を行う Dataset コンポーネントなど、機能によってさまざまなコンポ

ーネントがあります。

各コンポーネントはコンポーネントパレットに種類ごとのタブに分けられて用意されていま

す。

1.5.1 OPRO X Designer の基本的な操作方法

基本的な操作の流れは次のようになります。

テンプレートの新規作成

↓

コンポーネントの選択

↓

コンポーネントの配置

↓

コンポーネントの設定

↓

プレビューの実行

1) テンプレートの新規作成

ツールバーから[新規作成]をクリックしてテンプレートを作成します。

新規作成

2) コンポーネントの選択

使用したい機能を持ったコンポーネントをコンポーネントパレットから選択します。

例えば、テキストを表示するのであればコンポーネントパレットの標準タブから Label

- 10 -

コンポーネントを選択します。

選択するとアイコンが凹んだ状態になります。

Label コンポーネントをクリ

ックして選択した状態

＋マウスカーソルをレイアウ

ト上に移動すると、このよう

にマウスカーソルの形が変

わります。

3) コンポーネントの配置

コンポーネントを選択したら、そのままテンプレート上にドラッグして配置します。

配置された Label コ

ンポーネント

4) コンポーネントの設定

テンプレート上に配置されたコンポーネントをクリックして選択し、プロパティエディ

タで目的の設定を行います。

例えばテンプレート上に配置された Label コンポーネントをクリックして選択し、プロ

パティエディタでさまざまな設定を行うことができます。

フォントプロパティでは、フォントの種類やサイズ、色を設定することができます。

内容プロパティでは帳票に表示する文字を設定することができます。

- 11 -

内容プロパティ

フォントプロパティ

5) プレビューの実行

プレビューを行ってデザイン等の確認を行うことができます。

ツールバーから[プレビュー]をクリックして実行します。

プレビュー

プレビューフォーマットの選択はプレビューアイコンの右にあるドロップダウンリス

トから選択できます。ご使用のライセンスにあわせて選択してください。

プレビューフォーマットの選択

- 12 -

▼OPR フォーマットでプレビューした例

- 13 -

2 社員リストの作成（OPRO X Designer の基礎）

2.1 第２章のねらい

本章ではサンプルを作成しながら、OPRO X Designer の基本的な使い方を身につけるとともに、

あわせて基本的なテンプレート作成の手法を身につけることを狙いとしています。

そのための題材として、本章では、以下のような社員リストを取り上げます。

ご覧の通り、ごくシンプルな帳票です。この帳票を出力するテンプレート自体もシンプルな

ので、初めての方でも、比較的すぐに作成できることと思います。

それでは実際にお手元の Windows クライアントで OPRO X Designer を起動し、解説に従って

操作を行いながら進めてください。

- 14 -

全体の流れ～社員リストの作成手順

2.2 データベースとの接続設定

2.3 テンプレートの新規作成とクエリの作成

Dataset を配置し、クエリビルダを起動して、クエリを作成します

2.4 データ表示部分の設定

DatasetTable と DatasetTable 上の Label コンポーネントの設定を行います。

2.5 タイトルを表示する Label コンポーネントの配置と設定

帳票のタイトルを Label コンポーネントで表示します。

2.6 サンプル HTML からの出力

Web ブラウザから OXS へリクエストを行い、作成したテンプレートを使用して

ドキュメント（帳票）を生成します。

- 15 -

2.2 データベースとの接続の設定

OPRO X Designer でクエリ作成やデータの表示を行うためには、OPRO X Server と対象データ

ベースが接続されている必要があります。詳細は「1.3.2 OPRO X Server とデータベースの

連携」をご覧ください。

本章の帳票作成では”sample.mdb”ファイルをデータベースとして用います。OPRO X Server

側で ODCAW.xml の<DATABASES>要素に以下の設定が必要です。

設定例）

<DATABASE>

<Name>sample</Name>

<Type>Access</Type>

<URL>jdbc:odbc:sample</URL>

<Driver>sun.jdbc.odbc.JdbcOdbcDriver</Driver>

<UserID/>

<Password/>


</DATABASE>

あらかじめ”sample”という ODBC 接続を作成し、上記の設定を ODCAW.xml に追加して、OPRO

X Server を再起動します。

Sample.mdb の次のテーブルを利用します。

社員マスタ部署マスタ

- 16 -


2.3.1 テンプレートの新規作成


ファイルメニューから[新規作成]-[新規テンプレート]をクリックします。

2) レイアウトの設定

新規テンプレートダイアログが表示されます。

今回は、A4 縦(P)が選択されていることを確認して、[OK]ボタンをクリックします。

【解説】新規テンプレートダイアログ

追加

Layout の追加・削除を実行します。

用紙の向き

Layout の向き（たて、よこ）を設定します。

次回から非表示にする

チェックを入れると次回新規テンプレート

作成時から新規テンプレートダイアログは

表示されなくなります。

用紙サイズ

Layout のサイズを設定します。

新規テンプレートダイアログは、オプションメニューの[環境設定]-[全般]タブで[新規テン

- 17 -

プレート]にチェックがついていない場合は表示されません。

チェックを入れると、ファイルメニューから[新規作成]を選択した際に、新規テンプレート

ダイアログが表示されます。

またツールバー[新規作成]ボタンを押下した場合も新規テンプレートダイアログを表示しま

せん。

新規テンプレートダイアログを表示せずにテンプレートを作成するとレイアウトの規定値で

設定されている用紙サイズ、用紙の向きで新規作成されます。

レイアウトの規定値はオプションメニューの[環境設定]-[レイアウトの規定値]タブで設定

できます。

- 18 -

新規作成後にテンプレートの用紙サイズ、用紙の向きを設定するにはレイアウトの設定プロ

パティで設定します。

レイアウト設定プロパティ

ここをクリックしてレイアウトを

選択します。

2.3.2 Dataset コンポーネントの配置とクエリビルダの起動

テンプレートに Dataset コンポーネントを配置します。

Dataset コンポーネントは、OPRO X Server が実行するクエリを定義するコンポーネ

ントです。

1) Dataset コンポーネントの配置

コンポーネントパレットのデータアクセスタブから Dataset コンポーネントを配置

します。

後からデザインする際に邪魔にならないよう、左上に配置します。（ドラッグして位置

を移動することができます。）

- 19 -

※配置する場所が Dataset コンポーネントの動作に影響を及ぼすことはありません。

2) クエリビルダの起動

テンプレート上に配置した Dataset をダブルクリックします。

ダブルクリックします

配置されたDataset コン

ポーネント

Dataset コンポーネント

OSMS ログインダイアログがポップアップします。

3) OSMS ログイン

OSMS ログインダイアログでユーザ名、パスワードを正しく入力し、[ログイン]ボタ

ンをクリックします。

初期設定では次のように設定されています

ユーザ名: admin

パスワード: admin

- 20 -

OSMS ログインダイアログ

OSMS ログインを行うとデータベースへ接続し、クエリビルダが起動します。

【解説】 OSMS ログインダイアログ

OPRO X Server は OSMS（OPRO Schema Manager Service）によって、ユーザのデータベースへ

のアクセス管理を行っています。

OSMS ログインダイアログには、OPRO X Server の設定ファイル ODCAW.xml の次の要素で定義

されるユーザ名、パスワードを入力します。

ODCAW/OSMS/USERNAME

ODCAW/OSMS/PASSWORD

初期設定では、全てのデータベースに接続できる admin ユーザのみが定義されています。

ODCAW.xml（OPRO X Server の設定ファイル）<抜粋>

<OSMS active="YES">

（中略）

<OSMSUSERS>

<USER>

<USERNAME>admin</USERNAME>

<PASSWORD>admin</PASSWORD>

<DATABASES>

<DATABASE>

<TYPE>all</TYPE>

<NAME>all</NAME>

</DATABASE>

- 21 -

</DATABASES>

</USER>

</OSMSUSERS>

</OSMS>

接続中を示すメッセージが

表示されます。


クエリビルダが起動しました。

クエリビルダ

- 22 -

【解説】クエリビルダの各部の名称

抽出条件

デザイングリッド

フィールドリスト

ツールバー

テーブルウィンドウツールバーデータベース領域

クエリビルダ

データベース領域 OPRO X Server が接続しているデータベースをツリー表示します。

テーブルウィンドウデータベースから、クエリ作成対象となるテーブル情報を取得し

て表示します。

ツールバー以下の機能を実装しています。

・SQL の表示

・結果の表示

・式の作成

・抽出条件の設定

・グループの設定

・並べ替えの設定

・クエリウィザード

テーブルウィンドウ

フィールドリストテーブルのフィールド情報を表示します。

ツールバー以下の機能を実装しています。

・フィールドの追加

・全てのフィールドの追加

・フィールドのデータ表示

・テーブルのデータ表示

- 23 -

デザイングリッドドキュメントで使用するフィールドを表示します。

抽出条件条件式ビルダで作成した条件式が表示されます。

2.3.3 クエリの作成

1) データベースタイプの選択

データベースツリーの Access のアイコンをクリックして展開します。

- 24 -

2) データベースの選択

sample データベースのアイコンをクリックして展開します。

3) テーブルの選択

データベースツリーのテーブルのアイコンをダブルクリックします。

今回は「社員マスタ」テーブルと、「部署マスタ」テーブルをクリックします。

テーブルウィンドウが開き、データの確認やクエリの作成を行うことができます。

※テーブルのアイコンをドラッグ&ドロップしてもテーブルウィンドウを開くことが

できます。

【参考】テーブルデータの確認

クエリビルダでテーブルのデータを確認することができます。

テーブルのデータ表示

テーブルウィンドウのツールバー [テーブルのデータ表示]のクリックすると、以下のように

テーブルのデータが表示されます。

- 25 -

［CSV で保存］をクリックすると、

表示されているデータを CSV 形

式で保存することができます。

また、選択したフィールドだけ、データの表示を行うこともできます。

表示するフィールドを選択し、テーブルウィンドウのツールバー [フィールドのデータ表示]

を押下します。

フィールドのデータ表示

4) テーブルの結合

「社員マスタ」テーブルと「部署マスタ」テーブル、２つのテーブルに共通したフィー

ルド「部署番号」をキーに両者を結合します。

フィールドをドラッグしてもう一方のフィールドへドロップすると結合を行うことが

できます。

- 26 -

「社員マスタ」テーブルの「部署番号」フィール

ドをドラッグして「部署マスタ」テーブルの「部署

番号」フィールドへドロップします。

ラインが表示され、結合された

ことが示されます。

5) フィールドの選択

使用するフィールドを選択して、デザイングリッドに追加します。

- 27 -

全てのフィールド

を追加

フィールドを追加

① 「社員マスタ」テーブルウィンドウのツールバーから[全てのフィールドの追加]をク

リックします。

デザイングリッドに「社員マスタ」テーブルの全てのフィールドが追加されます。

② 「部署マスタ」テーブルウィンドウのフィールドリストから「部署名」を選択し、ツ

ールバーから[フィールドの追加]をクリックします。

デザイングリッドに「部署マスタ」テーブルの「部署名」フィールドが追加されます。

③ 「部署マスタ」テーブルウィンドウのフィールドリストから「所在地」を選択し、ツ

ールバーから[フィールドの追加]をクリックします。

デザイングリッドに「部署マスタ」テーブルの「所在地」フィールドが追加されます。

6) クエリビルダの終了

[OK]ボタンをクリックして、クエリビルダを終了します。

- 28 -

[OK]ボタン

【参考】クエリビルダによる SQL の表示と実行結果の確認

クエリビルダで SQL の表示と実行結果の確認が可能です。

SQL の表示

ツールバーの [SQL の表示]をクリックし

ます。

ウィンドウがポップアップして、作成され

た SQL が表示されます。

SQL の表示

※ 表示された SQL は直接データベースへ発行される SQL ではありません。

- 29 -

結果の表示結果の表示

ツールバーの [結果の表示]をクリックし

ます。

ウィンドウがポップアップして、作成され

たクエリの実行結果が表示されます。

※ データ量が多い場合結果の表示に時間がかかる場合があります。目安として、データの件

数が 2000 件を超える場合は抽出条件を設定するなどして件数を減らすようにしてください。

- 30 -


2.4.1 DatasetTable ウィザードの実行

DatasetTable コンポーネントを使用して、データベースから取得したデータを 1ページ

に複数レコード表示します。このような帳票を連続帳票といいます。

ここでは、DatasetTable ウィザードを用いて設定を行います。ウィザードを利用して、

DatasetTable を用いた連続帳票を簡単に作成することができます。

1) DatasetTable ウィザードの起動

コンポーネントパレットのウィザードタブから DatasetTable ウィザードをクリックし

ます。

DatasetTable ウィザード

DatasetTable ウィザードが起動します。

起動した DatasetTable

ウィザード

- 31 -

2) Dataset とフィールド、テーブルの選択の設定

今回設定した値は以下の通りです。

Dataset .............. Dataset1

テーブルの選択....... 縦並び

選択されたフィールド . 社員番号、社員名、役職、部署名、所在地

[選択可能フィールド]から Dataset Table 上に表示

したいフィールドを選択して、[選択されたフィール

ド] に追加します。

縦並びの連続帳票か、横並びの

連続帳票かを指定します。

利用する Dataset を指定します。

3) コンポーネント名、位置とサイズ、グルーピングの設定

Dataset Table の以下の項目の設定を行います。

・名前

・位置とサイズ

・グルーピング

今回は、ここで設定変更は行いません。

4) Dataset バンド、カラムの設定

Dataset Table の以下の項目の設定を行います。

・ヘッダーとフッターの追加

・単一のカラムか複数のカラムか

今回は[カラムヘッダ]にチェックを入れます。

[完了]ボタンを押下します。

[完了]ボタン

カラムヘッダ

- 32 -

5) DatasetTable ウィザードの終了

ウィザードが終了し、DatasetTable1 が配置されました。

また DatasetTable1 内に Label コンポーネントが配置されました。

DatasetBand

明細行として 1 ページに複数

のレコードを表示します。

カラムヘッダ

見出しとして毎ページ表示され

ます。

DatasetTable

この高さの範囲内で明細行を

繰り返し表示します。

【解説】 DatasetTable の構造

1 ページに複数のレコードを繰り返して表示する連続帳票の作成には、DatasetTable コンポ

ーネントを使用します。DatasetTable コンポーネントは、Dataset コンポーネントや Label

コンポーネントなどと組み合わせて使用します。

DatasetTable コンポーネントは階層構造になっており、DatasetTable 本体の上バンドがあり、

その上にカラムがあるような構造になっています。

DatasetTable 本体

バンド

カラム

また、DatasetTable コンポーネントは、その内部に別のコンポーネントを配置して使用する

ことが多いため、DatasetTable コンポーネント上でのドラッグ操作などを考慮し、単にクリ

ックしただけでは選択できないようになっています。

カラムの選択方法

テンプレートエクスプローラで選択する方法の他に、キーボードの Alt キーを押しながらカ

ラムをクリックすると選択することができます。

- 33 -

※カラムを選択した状態で、キーボードの Esc ボタンを押すと、カラム → バンド →

DatasetTable 本体と選択が切り替わります。

バンドの選択方法

テンプレートエクスプローラで選択する方法の他に、DatasetBand の境界線を含むようにドラ

ッグすると選択できます。

DatasetTable 本体の選択方法

テンプレートエクスプローラで選択する方法の他に、DatasetTable の境界線を含むようにド

ラッグすると選択できます。

2.4.2 プレビュー

まだ作成途中ですが、デザイン等を確認するために、プレビューを実行します。

プレビューを行うためには、OPRO X Browser や Adobe Reader などの閲覧用ソフトウェ

アが導入済みである必要があります。

1) プレビューの実行

[プレビュー]ボタンをクリックします。

- 34 -

プレビューボタン

[Ctrl]+P キーでもプレビューが実行されます。

2) プレビューの表示

プレビューを実行すると、以下のように表示されます。（pdf の場合）

このままでは見栄えがあまり良くありませんので、デザインを変更していくことにしま

す。

【解説】プレビューフォーマットの選択

プレビューを実行したときに、出力されるファイルのフォーマットは[オプション]の[プレビ

ューの形式]で決定します。

ラジオボタンで出力させたいフォーマットを選択します。

- 35 -

注意）PDF エディションをお使いのお客様は、必ず pdf を選択してください。

（PDF エディションでは、opr、html は選択しても出力されません。）

2.4.3 Dataset Table 上の Label コンポーネントの設定

ウィザードで作成した DatasetTable 上には、データベースから取得した情報を表示す

るために、ウィザードによって Label1～Label10 が配置されています。

Label1～Label10 すべてに同じように設定を行っていきます。

Label 2 Label 4 Label 6 Label 8 Label 10

Label 1 Label 3 Label 5 Label 7 Label 9

1) Label1 ～ Label10 の全般プロパティの変更

プロパティエディタの[位置とサイズ]の値を変更して位置とサイズを設定します。

- 36 -

位置とサイズ

上位置 2

左位置 2

高さ 17

幅 138

DatasetTable上の、全てのLabelコンポーネントに対して、同じように変更を行います。

【解説】Dataset Table 上に配置されたコンポーネントの位置

上位置高さ

幅左位置

DatasetTable 上に Label コンポーネントを配置した場合、各 Label の位置情報は配置された

カラムの左上端からの距離になります。

全般プロパティの[位置とサイズ]の左位置、上位置の値は Label1～Label10 まで全て同じと

なります。

このようなコンポーネントには、以下のものがあります。

Horizontal Dataset Table、Dataset Table Container、Table、Interface Group

2) Label1 ～ Label10 のフォントプロパティの変更

今回は、フォント情報は初期値のまま変更しません。

- 37 -

初期値は MS ゴシック 9ポイントです。

3) Label1 ～ Label10 のカスタムプロパティの変更

今回は文字を中央に表示するよう、配置を変更します。

4) Label1 ～ Label10 の内容プロパティの設定確認

ウィザードで既に設定されているので、変更しません。

[中央]にチェックを

入れます。

カラムヘッダに配置されている Label コンポーネント（Label2、Label4、Label6、Label8、

Label10）は[タイプ]が「Static」となっています。

明細行として表示される DatasetBand に配置されている Label コンポーネント

（Label1、Label3、Label5、Label7、Label9）は[タイプ]が「Dataset」となっていま

す。

- 38 -

【解説】Label コンポーネントの[タイプ]

Labelコンポーネントの内容プロパティでは[内容]を次の3つのタイプから設定することがで

きます。

Static

[内容]ボックスに設定されたテキストを固定文字（決め打

ち）として表示します。

[内容]ボックスの設定は次の 3つの方法があります。

1) 直接入力で指定

2) [ファイル]からファイルで指定

3) [URL]から指定

Request

ドキュメント（帳票）を生成するごとに表示するテキスト

を指定します。

[リクエストパラメータ名]ボックスに設定したものは

OPRO X Server ヘリクエストを行うときのパラメータ名と

なります。例えば RQ と設定すると、リクエストパラメー

タ名は {RQ} となります。

パラメータに指定された値がドキュメントに表示されま

す。

Database

データベースから取得される値を表示します。

[Dataste]で使用する Dataste コンポーネントを設定しま

す。

[フィールド]で表示するフィールドを設定します。

- 39 -

2.4.4 バンドと罫線の設定

バンドの高さを変更して、帳票の見栄えをよくします。

1) DatasetBand１の高さの変更

[高さ]を 21 に変更します。

マウスでこの辺りをドラッグし、Dat

asetBand1 を選択状態にします。

2) DatasetBand（ColumnHeader）の高さの変更

[高さ]を 21 に変更します。

テンプレートエクスプローラで

DatasetBand（ ColumnHeader ）を

選択します。

3) 罫線の設定

DatasetTable を選択し、罫線の設定を行います。

DatasetTable の罫線プロパティを開きます。全ての枠に罫線をつけるように設定します。

クリックして選択します。

- 40 -

2.5 タイトルの設定

Label コンポーネントを利用して、帳票の上部にタイトルを表示します。

2.5.1 Label コンポーネントの配置

タイトルは Dataset Table コンポーネントの上部、中央に太字で表示されるようにしま

す。

1) Label コンポーネントの配置

コンポーネントパレットの標準タブから、Label コンポーネントを配置します。配置す

るときにドラッグすると、ドラッグした大きさに合わせて配置されます。

Label11 として配置されます。

Label コンポーネント

Label11

2.5.2 Label コンポーネントの設定

Label11 を選択状態にし、プロパティエディタで設定を行います。

1) Label11 の全般プロパティの設定

プロパティエディタで全般プロパティを設定します。

位置とサイズ

上位置 30

左位置 344

高さ 20

- 41 -

幅 120

枠線

下辺

※DatasetTable 上の中央部にくるよう設定します。

2) Label11 のフォントプロパティの設定

プロパティエディタでフォントプロパティを設定します。

タイトルに下線を引くため、

枠線の下辺をクリックします

位置とサイズ

サイズ 12

太字チェック

3) Label11 のカスタムプロパティの設定

プロパティエディタでカスタムプロパティを設定します。

均等チェック

4) Label11 の内容プロパティの設定

プロパティエディタで内容プロパティを設定します。

- 42 -

内容欄には「社員リスト」と入力します。

内容社員リスト

タイプ Static

以上で「社員リスト」のテンプレートが完成しました。

- 43 -


作成したテンプレートを使用してドキュメント（帳票）を生成します。

運用時は Web ブラウザ等からのリクエストにより実行されます。

ここでは、帳票作成リクエスト用の HTML のサンプルの作成方法をご説明します。

注意）確認用のプレビューではなく、サンプル HTML など、Web ブラウザから OXS へのリクエ

ストによって帳票を生成するには、あらかじめテンプレートを OPRO X Server の IN_FILE パ

スに指定されているディレクトリ/フォルダに保存しておいてください。

（IN_FILE パスは OPRO X Server の ODCAW.xml ファイルで設定されています。）

2.6.1 サンプル HTML の作成

1) [サンプル HTML の作成]ウィンドウの表示

オプションメニューから[サンプル HTML の作成]を選択します。

サンプル HTML の作成

サンプル HTML の作成ウィンドウが表示されます。

- 44 -

【解説】サンプル HTML の作成ウィンドウ

出力形式

OPR、PDF、OXR、OXV、HTML、XDW の出力フ

ォーマットの切り替えを行います。

※OPR、OXR、OXV、HTML は PDF Edition の

ライセンスではご利用になれません。

動作

ダウンロードの他に、メール送信、生成

（作り置き）、サーバ印刷、FAX 送信、直

接印刷などを指定することができます。

※サーバ印刷、FAX 送信、直接印刷に

は、それぞれの機能に対応したライセン

スが必要です。

メソッド

メソッドを GET と POST から選択して指定

することができます。

OXS CGI/サーブレット URL

OPRO X Server のインターフェイスである

CGI/サーブレットの URL を指定します。

2) サンプル HTML の表示

帳票生成リクエストに必要な項目を選択し、WebブラウザにサンプルHTMLを表示します。

簡略化するため、[ダウンロード]のみにチェックを入れます。

[表示]ボタン

ダウンロード

[表示]ボタンを押下するとサンプル HTML が作成されて、Web ブラウザに表示されます。

- 45 -

3) サンプル HTML の実行

設定を確認して、[送信]ボタンをクリックします。

送信ボタン

OPR

注意）PDF エディションをお使いのお客様は、必ず PDF を選択してください。

（PDF エディションでは、OPR、OXR、HTML を選択しても出力されません。）

- 46 -

▼完成例

これで、初めての帳票作成は完了です。

DatasetTable を利用して簡単な連続帳票を作成できるようになりましたので、第３章では、

さらに様々な機能を持った連続帳票に取り組んでいきます。

これで第２章を終わります。

- 47 -

3 商品リストの作成（集計機能を利用した連続帳票の作成）

3.1 第３章のねらい

第 2 章では「社員リスト」を作成しました。本章ではそれを踏まえて、さらに本格的な連続

帳票を作成します。

今回作成する「商品リスト」も「社員リスト」と同様の連続帳票ですが、さらに実用性を感

じさせるデザインになっています。

今回の「商品リスト」のポイントは、こうした連続帳票につきものの横方向の計算と縦方向

の計算の実現方法です。

OPRO X Designer では、横方向の計算は式ビルダで、縦方向の計算は Aggregate Function コ

ンポーネントで行います。ぜひマスターして、様々な帳票を思いのままに作成してみてくだ

さい。

- 48 -

全体の流れ～商品リストの作成手順



新しいテンプレートを作成します。

Dataset コンポーネントを配置し、クエリを作成します。

3.4 Dataset Table の設定

Dataset Table コンポーネントと Label コンポーネントの設定を行います。

3.5 合計・総合計表示の設定

Aggregate Function コンポーネントを用いて縦方向の集計を行います。


帳票のタイトルを Label コンポーネントで作成します。

3.7 日付の表示

DateTime コンポーネントを用いて、日付を表示します。

3.8 ページ番号の表示

Page Number コンポーネントを用いて、ページ番号を表示します


抽出条件 Web ブラウザから OXS へリクエストを行い、作成したテンプレートを使用して

帳票を生成します。

- 49 -


OPRO X Designer でクエリー作成やデータの表示を行うためには、OPRO X Server と対象デー

タベースが接続されている必要があります。詳細は「1.3.2 OPRO X Server とデータベース

の連携」をご参照ください。

本章の帳票作成では”goods.mdb”ファイルをデータベースとして用います。OPRO X Server


設定例）

<DATABASE>

<Name>Shohin</Name>

<Type>Access</Type>

<URL>jdbc:odbc:goods</URL>


<UserID/>

<Password/>


</DATABASE>

あらかじめ”goods”という ODBC 接続を作成し、上記の設定を ODCAW.xml に追加して、OPRO X

Server を再起動します。

今回は shouhin_List テーブルを利用します。

- 50 -







A4 縦(P)が選択されていることを確認して、[OK]ボタンをクリックします。

3.3.2 Dataset コンポーネントの配置とクエリビルダの起動

データベースからのデータを取得するために、クエリを作成します。

- 51 -


コンポーネントパレットのデータアクセスタブから Datasetコンポーネントを選択

し、テンプレート上に配置します。


テンプレート上に配置した Dataset コンポーネントをダブルクリックして、クエリ

ビルダを起動します。


OSMS ログインダイアログにユーザ名、パスワードを入力し、ログインします。

クエリビルダが起動しました

3.3.3 クエリビルダの作成(1) 式の作成

1) データベースとテーブルの選択

データベースツリーから Access データベースをクリックして展開します。

続いて Shouhin データベースのアイコンをクリックして展開します。

- 52 -

shouhin_Listテーブルをダブルクリックしてデータベースウィンドウに表示します。


テーブルウィンドウの[全てのフィールドの追加]をクリックします。

全てのフィールドの追加

shouhin データベースの

内容が表示されます

shouhin_List テーブルの

全てのフィールドが追加

されました。

3) 式ビルダの起動

商品リストに在庫金額を表示します。在庫金額は、以下の計算式で求められます。

在庫金額=商品単価×在庫数

こちらの計算式をテンプレートに設定するには、式ビルダを利用します。

ツールバーの[式の作成]ボタンを押下します。

- 53 -

式の作成

式ビルダが起動しました。

式ビルダ

4) 式の作成

➀tanka フィールドをダブルクリックして式へ追加します。

- 54 -

tanka フィールド

② * [乗算]をダブルクリックして式へ追加します。

* [乗算]

③ zaikosuu フィールドをダブルクリックして式へ追加します。

- 55 -

※式ビルダの[式]には直接入力を行うこともできます。

5) 式ビルダの終了

[OK]ボタンを押下して式ビルダを終了します。

作成した式はデザイングリッドに Expression1 という見出しで表示されます。

作成された式

shouhin_List.tanka*shouhin_List.zaikosuu

Expression1 という

見出しで式を作成し

たフィールドが追加

されました。

zaikosuu フィールド

※設定された見出し名「Expression1」は任意で変更することができます。

3.3.4 クエリビルダ（2）並べ替えの設定

明細行として表示される DatasetBand に並べ替えの設定を行うことができます。

1) 並べ替えの設定ウィンドウの表示

クエリビルダのツールバーで[並べ替えの設定]アイコンをクリックします。

- 56 -

並べ替えの設定

並べ替えの設定が起動します。

並べ替えの設定

2) 並べ替えの設定

➀“tanka”フィールドをクリックして選択状態にします。

②[追加]ボタンをクリックしてフィールドを追加します。

- 57 -

[追加]ボタン

フィールドが追加されました

“tanka”フィールド

[OK]ボタンをクリックして並べ替えの設定を終了します。

【解説】並べ替えの設定

削除するときはフィールドを選択して[削

除タンをクリックします。

追加したフィールドを全て削除するとき

は[全て削除]ボタンをクリックします。

複数のフィールドを選択した場合、矢印

ボタンをクリックすることで、フィールドの

優先順位を変更することができます。

チェックがつくと昇順、チェックがないと

降順で並べ替えます。

3.3.5 クエリビルダ（3）抽出条件の設定

検索時に抽出条件（ここでは商品名）を設定できるようにします。

抽出条件の設定には条件式ビルダを利用します。

- 58 -

1) 条件式ビルダの起動

クエリビルダのツールバーで[抽出条件の設定]アイコンをクリックします。

条件式ビルダが起動しました。

抽出条件の設定

条件式ビルダ

2) 条件式の作成

➀ "Shouhinmei" フィールドをダブルクリックして追加します。

- 59 -

Shouhinmei フィールド

② スペースを入力します。

③ LIKE 検索を行うよう、[LIKE]をダブルクリックして追加します。

Like

④「’」、{USERINPUT}、「’」の順でダブルクリックして‘{USERINPUT}’を追加します。

- 60 -

{USERINPUT}

シングルクォーテーション

⑤‘{USERINPUT}’を‘%{USERINPUT}’と編集します。

作成された式

Shohin.shouhin_List.GID LIKE '%{USERINPUT}'

3) 条件式ビルダの終了

[OK]ボタンを押下して条件式ビルダを終了します。

【解説】条件式ビルダについて

{USERINPUT}を追加すると、リクエスト時（帳票生成ごと）に抽出条件を設定できます。

{USERINPUT}は Dataset コンポーネントごとに複数設定することができます。複数の抽出条件の入

力ではパラメータの名称は、順番に「Dataset 名_1」「Dataset 名_2」……となります。

作成された抽出条件はクエリビルダの[抽出条件]エリアに表示されます。[抽出条件]エリアでも条

- 61 -

件式を編集できます。

3.3.6 表示形式の設定

「商品単価」（tanka）と「在庫金額」（Expression1）に表示形式（\#,##0）を指定しま

す。

クエリビルダでの表示形式の設定はデザイングリッドの[表示形式]で指定します。

1) 商品単価の表示形式の設定

デザイングリッドの "Tanka"フィールドの表示形式へ「\#,##0」と入力します。

\#,##0 の表示例： \10,000

[抽出条件]エリア

2) Expression1 の表示形式の設定

デザイングリッドの Expression1 の表示形式へ「\#,##0」と入力します。

- 62 -

ドロップダウンでのデータフォーマットの設定

今回は[表示形式]に直接入力しましたが、ドロップダウンリストから選択することもできま

す。

ドロップダウンリスト

から選択できます。


[OK]ボタンを押下してクエリビルダを終了します。

これで、データベースから情報を取得するクエリの作成が終わりました。

- 63 -


データベースから取得した情報の表示部分を設定します。

今回は DatasetTable ウィザードを用いて DatasetTable コンポーネントの設定を行います。

DatasetTable コンポーネントを使用してデータベースから取得したデータを連続帳票の形式

で表示します。

3.4.1 DatasetTable ウィザードの実行

ここでは DatasetTable ウィザードを使用して設定を行います。

1) DatasetTable ウィザードの起動

コンポーネントパレットのウィザードタブから[DatasetTable ウィザード]をクリッ

クして DatasetTable ウィザードを起動します。

2) Dataset とテーブルの選択

[次へ]ボタンを押下します。

③ [選択可能フィールド]から以下のフ

ィールドを選択して、追加します。

shouhinmei

shiiresaki

tani

tanka

zaikosuu

Expression1

② [縦並び]を指定します。

① Dataset1 を指定します。

3) コンポーネント名、位置とサイズ、グルーピングの設定

この画面では変更をせずに[次へ]ボタンを押下します。

- 64 -

次へ

4) バンド、カラムの設定

[レポートフッタ]にチェックを入れます。

レポートフッタ

5) DatasetTable ウィザードの終了

[完了]ボタンを押下して DatasetTable ウィザードを終了します。

完了

ウィザードが終了し、DatasetTable コンポーネントが DatasetTable1 として配置され

- 65 -

ました。

また、DatasteTable コンポーネント内に Label コンポーネントが配置されました。

DatasetTable が配置さ

れました。

3.4.2 Label コンポーネントと DatasetBand の設定

DatasetTable1 内には DatasetTable ウィザードによって自動的に Label コンポーネン

トが配置されています。

それぞれデータベースから取得したデータを表示するように設定されています。

Label6Label5Label4Label3 Label2 Label1

- 66 -

ここで DatasetBand1 上に配置されている、Label1～Label6 の位置、サイズを変更しま

す。

1) Label1～Label6 の位置、サイズ

上位置 2

左位置 2

高さ 17

幅 114

2) DatasetBand1 のサイズ

高さ 21

DatasetBand の高さ

を 21 に変更

3.4.3 グループヘッダ、グループフッタの設定

データベースから取得したデータを、グループごとに表示するために、グループヘッダ、

グループフッタを設定します。

ここでは品目ごと（"G_name" フィールドの値ごと）に表示します。

1) グループヘッダ、グループフッタの作成

DatasetTabl1 を選択し、カスタムプロパティを開きます。

[バンド]タブの「G_name」フィールドの[ヘッダ]と[フッタ]にチェックを入れます。

- 67 -

「G_name」フィールドの[ヘッダ]と[フッタ]

にチェックを入れます。

DatasetTable1 にグループヘッダ、グループフッタが追加されます。

グループヘッダ

グループフッタ

- 68 -

3.4.4 品目グループの表示

品目を表示させるため、グループヘッダに"G_name"を表示する Label コンポーネントを

配置します。

コンポーネントパレットの標準タブからではなく、配置されている Dataset1 のプロパ

ティエディタからフィールド名を選択して Label コンポーネントを配置する方法をご

紹介します。


Dataset1 を選択し、フィールドプロパティの「G_name」フィールドを選択します。

「G_name」をグループヘッダの一番左のカラム内にドラッグ＆ドロップします。

「G_name」フィールドをドラッグ

して、グループヘッダの内側

へドロップします。

Label7 として配置されました。

Label17

2) Label7 の設定

Label7 の位置とサイズ

- 69 -

上位置 2

左位置 2

高さ 17

幅 114

3.4.5 列の見出しの作成

グループヘッダ内に Label8 ～ Label13 を配置して、DatasetTable の列の見出しを作成

します。それぞれ、Label1～Label6 と対になるように配置します。

1) 見出し用 Label コンポーネントの配置

コンポーネントパレットの標準タブから Label コンポーネントを配置します。

▼Label コンポーネントの配置例

Label13Label12Label11Label10 Label9Label8

2) Label8～Label13 の全般プロパティの内容プロパティの設定

Label8～Label13 の位置とサイズ

上位置 51

左位置 2

高さ 17

幅 114

3) Label8～Label13 の内容プロパティの設定

タイプ Static

内容以下のように表示する文字列を入力します。

Label8 商品名

- 70 -

Label9 仕入先

Label10 仕入単位

Label11 商品単価

Label12 在庫数

Label13 在庫金額

3.4.6 改ページ処理の設定

品目が変わるごとに（"G_name"フィールドの値が変更になったら）改ページを行うよう

に設定します。

グループごとの改ページの設定はグループヘッダで行います。

1) 改ページの設定

グループヘッダのカスタムプロパティを開きます。

[グループが変わったら改ページする]にチェックを入れます。

チェックします。

3.4.7 重複するデータの非表示

"shiiresaki"フィールドに対して、同じデータが続く場合には値を表示しないよう、

設定を行います。

DatasetTable コンポーネントで設定を行います。

1) 重複データの非表示の設定

DatasetTable コンポーネントのカスタムプロパティを開き、[重複の非表示]タブを表

示します。

- 71 -

"shiiresaki"にチェックを入れます。

3.4.8 罫線の設定

罫線の設定を行います。DatasetTable コンポーネントで設定を行います。

1) 罫線の設定

DatasetTable1 の罫線プロパティを表示します。

全ての枠に線をつけるよう設定します。

クリックして選択します。

同じデータが続いたときに 2 行目以降は表示しないフィ

ールドにチェックをつけます。

- 72 -

3.5 合計・総合計表示の設定

品目ごとに在庫金額の合計を表示するよう設定します。

また、後のページには在庫金額の総合計を表示するように設定します。

AggregateFunction コンポーネントを使用して、連続帳票で集計を行います。

3.5.1 Aggregate Function コンポーネントの配置と設定(1) 品目ごとの集計

品目グループごとの在庫金額の合計を出すためにAggregateFunctionコンポーネントを

配置します。

1) AggregateFunction コンポーネントの配置

データアクセスタブから AgreegateFunction コンポーネントを配置します。

DatasetTable1 のグループフッタ内部の Expression1 と同じ列になるよう配置します。

AggregateFunction1 として配置されます。

AggregateFunction

コンポーネント

AggregateFunction1

【解説】 AggregateFunction コンポーネント

Aggregate Function コンポーネントは DatasetTable コンポーネント（または HorizontalDa

tasetTable コンポーネント）の次の部分に配置することができます。

・レポートヘッダ

・レポートフッタ

・グループヘッダ

- 73 -

・グループフッタ

例えば、グループフッタに配置した場合はそのグループでの集計結果を、レポートフッタに

配置した場合はレポート全体での集計結果を出力します。

AggregateFunction コンポーネントは内容プロパティの[フィールド]で選択したフィールド

に対して、以下の処理を実行することができます。

・COUNT データのレコード数を出力します。

・MAX データの大値を出力します。

・MIN データの小値を出力します。

・AVG データの平均値を出力します。

・SUM データの総合計を出力します。

集計するフィールドを選択します。

使用する Dataset を選択します。

表示形式を指定します。

集計方法を選択します。

COUNT、MAX、MIN、AVG、SUM から選択します。

2) AggregateFunction1 の全般プロパティの設定

位置とサイズ

上位置 2

左位置 2

高さ 17

幅 114

- 74 -

3) AggregateFunction1 のフォントプロパティの設定

今回は初期値のまま変更しません。

4) AggregateFunction1 のカスタムプロパティの設定


5) AggregateFunction1 の内容プロパティの設定

Dataset Dataset1

フィールド Expression1

関数 SUM

表示形式 \#,###

- 75 -

3.5.2 見出し用 Label コンポーネントの配置と設定(1)

集計欄に見出し表示するため Label コンポーネントを配置します。



DatasetTabale1 のグループフッタ内部の、在庫数と同じ列に配置します。Label14 とし

て配置されます。


見出し用 Label コンポーネントの

配置例


位置とサイズ

上位置 2

左位置 2

高さ 17

幅 114


タイプ static

内容合計金額

4) グループフッタの高さの変更

グループフッタの高さを 21 に設定します。

- 76 -

グループフッタの高さ

高さ 21

3.5.3 AggregateFunction コンポーネントの配置と設定(2) 総合計用

在庫金額の総合計表示するため、レポートフッタ内部に AggregateFunction コンポーネ

ントを配置します。

設定はグループフッタに AggregateFunction1 を配置したときと同様です。

1) AggregateFunction2 の配置

データアクセスタブから AgreegateFunction コンポーネントを配置します。

DatasetTable1のレポートフッタ内部の、 Expression1と同じ列になるよう配置します。

AggregateFunction2 として配置されます。

AggregateFunction

コンポーネント

AggregateFunction2

2) AggregateFunction2 の全般プロパティの設定

位置とサイズ

上位置 2

左位置 2

- 77 -

高さ 17

幅 114

3) AggregateFunction2 の内容プロパティの設定

Dataset Dataset1

フィールド Expression1

関数 SUM

AggregateFunction2 のフォントプロパティ、カスタムプロパティは、今回は変更は行い

ません。

3.5.4 見出し用 Label コンポーネントの配置と設定(2)

総合計に見出しをつけるため Label コンポーネントを配置します。



DatasetTabale1 のレポートフッタ内部の、在庫数と同じ列に配置します。Label15 とし

て配置されます。


見出し用 Label コンポーネントの

配置例


位置とサイズ

上位置 2

左位置 2

- 78 -

高さ 17

幅 114


タイプ static

内容総合計金額

5) レポートフッタの高さの変更

レポートフッタの高さを 21 に設定します。

ReportFooter の高さ

高さ 21

- 79 -


帳票のタイトルを Label コンポーネントを使用して設定します。

3.6.1 Label コンポーネントの配置と設定

帳票タイトルを表示するために、テンプレート上部に Label コンポーネントを配置しま

す。


コンポーネントパレットの標準タブから Label コンポーネントを配置します。Label16

として配置されます。


Label16


位置とサイズ

上位置 30

左位置 344

高さ 20

幅 120

枠線下辺

タイトルに下線を引くため、下辺部分をクリックします。

- 80 -

3) Label16 のフォントプロパティの設定

サイズ 12

太字オン

4) Label16 のカスタムプロパティの設定

配置中心

均等オン


タイプ Static

内容商品リスト

以下のようになります。

枠線の下部をクリックします。

- 81 -

3.7 日付の表示

日付の表示を DateTime コンポーネントを使用して設定します。

3.7.1 DateTime コンポーネントの配置と設定

1) DateTime コンポーネントの配置

コンポーネントパレットの標準タブから DateTime コンポーネントを配置します。

DateTime コンポーネント

DateTime コンポーネント

の配置例

2) DateTime コンポーネントの全般プロパティの設定

位置とサイズ

上位置 47

左位置 585

高さ 17

幅 112

- 82 -

3) DateTime コンポーネントの内容プロパティの設定


4) DateTime コンポーネントのカスタムプロパティの設定


5) DateTime コンポーネントの表示形式プロパティの設定

日付の表示形式を設定します。

種類日付

日付 ’gge’年’MM’月’dd’日

例：平成 15 年 4 月 30 日

時刻時間は表示しません。

- 83 -

【解説】 DateTime コンポーネント

種類

日付と時刻･･･日付と時間を表示

日付･････････日付を表示

時刻･････････時間を表示

日付

日付の表示形式を設定します。

（直接入力することもできます。）

時刻

時刻の表示形式を設定します。

（直接入力することもできます。）

- 84 -

3.8 ページ番号の表示

「商品リスト」にページ番号を表示します。PageNumber コンポーネントを使用します。

3.8.1 PageNumber コンポーネントの配置と設定

1) PageNumber コンポーネントの配置

コンポーネントパレットの標準タブから PageNumber コンポーネントを配置します。

PageNumber コンポーネント

の配置例

PageNumber コンポーネント

2) PageNumber コンポーネントの全般プロパティの設定

位置とサイズ

上位置 47

左位置 704

高さ 17

幅 43

- 85 -

3) PageNumber コンポーネントのフォントプロパティの設定


4) PageNumber コンポーネントのカスタムプロパティの設定


5) PageNumber コンポーネントの設定プロパティの設定

番号の割付レイアウト単位

初のページを表示するオン

後のページを表示するオン

オフセット 0

- 86 -

内容 # page

【解説】 PageNumber コンポーネントの設定プロパティ

番号の割付

レイアウト単位･･･テンプレートにある個々のレイアウト単位にページ番号を割り付けます。

テンプレート単位･･･ドキュメントのテンプレート単位にページ番号を割り付けます。

ドキュメント単位･･･ドキュメント全体にページ番号を割り付けます。

初のページを表示する

レイアウト単位、テンプレート単位、ドキュメント単位の初の Page Number を表示または

非表示にするのに使用します。

後のページを表示する

レイアウト単位、テンプレート単位、ドキュメント単位の後の Page Number を表示または

非表示にするのに使用します。

オフセット

表示される元のページ番号に与える増減値です。

内容

PageNumber コンポーネントでページ番号を表示するときに表示する書式を定義するのに使用

されます。

- 87 -

ここまでで、テンプレートの作成は終了です。

完成したテンプレートは以下のようになります。

- 88 -


オプションメニューから[サンプル HTML の作成]をクリックし、サンプル HTML を作成します。

簡略化するため、[動作]は「ダウンロード」のみにチェックを入れます。

Dataset1 の抽出条件（｛USERINPUT｝）の値など、必要項目を入力して、送信ボタンをクリッ

クします。

今回は"shouhinmei"フィールドを抽出条件に設定してありますので、以下のような値を入れ

てみます。

例）ファイル

抽出条件の入力

注意）確認用のプレビューではなく、サンプル HTML など、Web ブラウザから OXS へのリクエ

ストによって帳票を生成するには、あらかじめテンプレートを OPRO X Server の IN_FILE パ

スに指定されているディレクトリ/フォルダに保存しておいてください。


- 89 -

▼完成例

合計、総合計表示のある連帳は数多く使われていますので、ぜひ、ここで取り上げた手法を

生かして、いろいろな帳票を作成してみてください。

これで第３章を終わります。第４章では単票の形式の帳票作成に取り組んでいきます。

- 90 -

4 給与明細の作成（セキュリティ対策つき単票の作成）

4.1 第４章のねらい

本章では給与明細を作成します。

第 2章、第 3章で作成した連続帳票とは異なり、1ページに 1レコードを表示する単票の作成

となります。美しく仕上げるには 100 個余りある Label コンポーネントを適切に配置しなけ

ればなりません。複数のコンポーネントに対して同一の設定を行う際の効率的な方法をぜひ

本章で学び取ってください。

また、セキュリティ対策についても、工数をかけずに対処する方法をご説明します。セキュ

リティに注意が必要な給与明細に対し、Document Security コンポーネントを配置するだけで

セキュリティ設定が可能な点にご注目ください。

- 91 -

全体の流れ～給与明細の作成手順

4.2 データベースとの接続の作成


新しいテンプレート作成します。

Dataset コンポーネントを配置し、クエリを作成します。


複数のコンポーネントを効率よく配置していきます。

4.5 タイトル・詳細表示の設定

4.7 注意書きの表示

Shape コンポーネントを使用して楕円形を表示します。

4.8 会社ロゴ（画像ファイル）の表示

Image コンポーネントを使用して画像を表示します。

4.9 セキュリティの設定

DocumentSecurity コンポーネントを使用してドキュメント（帳票）にパスワード

などのセキュリティを設定します。

- 92 -


OPRO X Designer でクエリ作成やデータの表示を行うためには、OPRO X Server と対象データ

ベースが接続されている必要があります。詳細は「1.3.2 OPRO X Server とデータベースの

連携」をご参照ください。

本章の帳票作成では"payslip.mdb"ファイルをデータベースとして用います。OPRO X Server


設定例）

<DATABASE>

<Name>payslip</Name>

<Type>Access</Type>

<URL>jdbc:odbc:payslip</URL>


<UserID/>

<Password/>


</DATABASE>

あらかじめ”payslip”という ODBC 接続を作成し、上記の設定を ODCAW.xml に追加して、OPRO

X Server を再起動します。

payslip.mdb の給与明細テーブルを利用します。

- 93 -







A5 縦(P)に設定して[OK]ボタンをクリックします。

- 94 -

4.3.2 クエリの作成

データベースからのデータを取得するために、クエリを作成します。


コンポーネントパレットのデータアクセスタブから Dataset コンポーネントを選

択してテンプレート上に配置します。


テンプレート上に配置した Dataset コンポーネントをダブルクリックして、クエリ

ビルダを起動します。


OSMS ログインダイアログにユーザ名、パスワードを入力し、ログインします。

7) データベースとテーブルの選択

データベースツリーから Access データベースをクリックして展開します。

続いて payslip データベースのアイコンをクリックして展開します。

給与明細テーブルをダブルクリックして開きます。


- 95 -

テーブルウィンドウの[全てのフィールドの追加]をクリックします。

全てのフィールドの追加

給与明細テーブルの全て

のフィールドが追加され

ました。

9) 抽出条件の設定

クエリビルダのツールバーから[抽出条件の設定]アイコンをクリックし、条件式ビルダ

を起動します。

①[テーブル/フィールド]から「通番」をダブルクリックして、[条件式]に追加します。

②[関数/演算子]から「=」をダブルクリックして、[条件式]に追加します。

③[関数/演算子]から{USERINPUT}をダブルクリックして、[条件式]に追加します。

payslip.[給与明細].通番={USERINPUT}

- 96 -

[OK]ボタンをクリックして、条件式ビルダを終了します。


[OK]ボタンをクリックして、クエリビルダを終了します。

- 97 -


給与明細のような単票は、今回のように Label コンポーネントを整列して配置することで作

成することができます。この場合、たくさんの Label コンポーネントを、速く、正確に整列

して配置することが必要となります。

ここでは、そのコツを含め、単票の作成方法をご説明します。

4.4.1 Label コンポーネントの配置と整列(1) Label1 ～ Label21

まず 1 つ Label コンポーネントを配置します（Label1 として配置します）。配置した

Label コンポーネントの下に 20 個の Label コンポーネントを、右辺を揃えて、縦に並

べて配置します（Label2～Label21 として配置します）。適当に配置してから、OPRO X

Designer の機能で整列させます。

1) Label1 の配置と設定



Label1

全般プロパティで[位置とサイズ]を設定します。


上位置 114

左位置 282

- 98 -

高さ 24

幅 252

2) Label2 の配置

Label1 の下に Label2 を適当な大きさで配置します。


Label2

全般プロパティで[位置とサイズ]を設定します。


高さ 24

幅 96

3) Label2 のコピー&ペースト

Label2 をコピー&ペーストして Label3 ～ Label21 を配置します。

貼り付けポインタを使用します。

【解説】貼り付けポインタの活用

今回のように、同じ種類で、同じサイズのコンポーネントをたくさん配置するときには[貼り

付けポインタ]を利用してペーストするのが便利です。

貼り付けポインタはファイル/編集ツールバー、または右クリックメニューから実行します。

（[Ctrl]+[Shift]+[V]キーでも実行できます。）

- 99 -

右クリックメニュー

貼り付けポインタ

使用方法

(ア) コピーしたいコンポーネントを選択します。

(イ) メニューバーから[編集]-[コピー]を選択します。

（または右クリックメニューから[コピー]を選択します。）

(ウ) ファイル/編集ツールバーの[貼り付けポインタ]アイコンをクリックします。

マウスカーソルがポインタ型に変形します。

(エ) 貼り付けたいところをクリックします。

貼り付けが終了したら、[Esc]キーで解除します。

[Esc]キーで解除するまで、何度でも貼り付けられます。

- 100 -

Label2 を貼り付けて作成さ

れた Label3 ～ Label21

Label コンポーネントをコピーすると、内容プロパティの[内容]もコピーされますの

で、貼り付けを行ったLabel3～Label21は、画面上ではLabel2と表示されていますが、

プロパティエディタを見ると、正しく命名されていますので、問題ありません。

後ほど整列しますので、丁寧に並べて配置する必要はありませんが、あまり間を空け

ると 20 個配置できなくなりますので、注意が必要です。

【解説】コピーを行う方法

コピーを行う方法を 4種類後紹介します。

コピー元コンポーネントを選択し、編集メニューから[コピー]を実行します。

- 101 -

- 102 -

コピー元コンポーネントを選択し、ファイル/編集ツールバーのコピーのアイコンをクリック

します。

コピー元コンポーネントを選択し、[Ctrl]+[ｃ]キーを押下します

コピー元コンポーネントを右クリックして、右クリックメニューからコピーを実行します。

コピー


Label1 に揃える形で、Label2～Label21 を縦方向に整列させます。

また、デザインを行うときに便利な機能をご紹介します。

1) [グリッドにあわせる]のオン/オフ

後ほど紹介する磁石モードがうまく働くように、[グリッドにあわせる]をオフにしま

す。

レイアウト下部にある[グリッドに合わせる]アイコンをクリックしてオフにします。

【解説】グリッドにあわせる

コンポーネントをドラッグして移動するとき、グリッドにあわせて移動するかどうかを選択

できます。

アイコンをクリックして、オン/オフを切り替えることができます。

オフの状態オンの状態

2) 磁石モードの使用

編集エリアの下部にある磁石のアイコンをクリックして、磁石モードをオンにします。

- 103 -

【解説】磁石モード

磁石モードでは、あるコンポーネントをドラッグして、もうひとつのコンポーネントに近づ

けていくと、引き合って接触します。

上下左右、いずれの方向のコンポーネントにも有効ですので、目標のコンポーネントの方向

にドラッグしていくことが必要です。

オフの状態オンの状態

3) Label1～22 の縦方向の整列

磁石モードを利用して、Label コンポーネントを整列させます。

Label2 をドラッグして Label1 に近づけていくと、Label1 の境界線の色が赤く変わり

ます。この状態でマウスのボタンを離すと、Label2 が Label1 に引き寄せられるよう

にして接触します。

これが磁石モードの働きです。

Label2 が Label1 に密着した

状態

Label1 の境界線の色が赤く

変わった状態

磁石モードでは、ドラッグしていく方向によって、上下左右、いずれの方向のコンポ

ーネントとも接触させることができます。

ここでは Label2 から見た Label1 のように、上方向に配置されているコンポーネント

に接触させるのがねらいですので、必ず上方向にドラッグします。

Label3～Label21 まで同様にして、上方向にドラッグして、縦方向に接触させます。

- 104 -

▼縦方向に接触した結果

後ほど右揃えして、整列させますので、左位置は整っていなくてもても問題ありませ

ん。

使用しないときは磁石モードをオフにします。

4) Label1～21 の横方向の整列

ドラッグして Label1～Label21 を選択します。

Label2 を右クリックして、右クリックメニューから[整列]-[右辺]を実行します。

- 105 -

整列が実行されました。

【解説】整列を実行する際の注意点

整列を実行すると、現在アクティブなコンポーネント（後に選択したコンポーネント）を

基準に整列されます。

基準となるコンポーネントは、クリックして切り替えることができます。

今回は Label1 を基準に整列させますので、Label1 がアクティブになっていないときには、ア

クティブにしてから整列を実行します。

- 106 -


次に Label22～41 を配置します。すでに配置した Label2 ～ Label21 をコピー&ペー

ストして配置します。

1) Label2 ～ Label21 のコピー

Label2 ～ Label21 をドラッグして選択状態にしてから、コピーします。

次に、編集メニューから[貼り付け]を実行すると、Label2 ～ Label21 に重なる形で、

Label22～41 が貼り付けられます。

このとき、内容プロパティの[内容]もコピーされますので、画面上では Label2 と表示

されていますが、問題はありません。

[Ctrl]キーを押しながら、選択状態になっている Label22 ～ Label41 の中心付近を

クリックして、そのまま左方向にドラッグして移動します。

[Ctrl]キーを押しながら左方向へドラッグ

します。

- 107 -

【参考】 OPRO X Designer の便利な操作方法

上記で紹介しているように、[Ctrl]キーを押下しながらドラッグすると、初に動かした方

向へのみ、コンポーネントを移動させることができます。

次の表は OPRO X Designer での便利な操作方法をまとめたものです。

操作説明

[Ctrl] + [矢印 (↑

↓←→)]

コンポーネントを 1px ずつ移動

[Ctrl] + [Shift] +

[矢印 (↑↓←→)]

コンポーネントをグリッドの間隔単位で移動

[Ctrl] + ドラッグコンポーネントの移動方向を固定 (水平方向・垂直方向のう

ち、初にドラッグし始めた方向に固定)

[Shift] + [矢印 (↑

↓←→)]

コンポーネントのサイズを変更

[Alt] + ドラッグボックスコンポーネント（※）を移動

（※）ボックスコンポーネントとは、次のコンポーネントのことを指します。

Table,InterfaceGroup,DatasetTable,HorizontalDatasetTable,DatasetTableContainer

2) Label22 のサイズの変更

Label22 のサイズを変更します。

全般プロパティの[位置とサイズ]から次のように設定します。

幅 156

- 108 -

3) サイズを揃える

Label22 と Label23 ～ Label41 のサイズを揃えます。

まず、ドラッグして Label22 ～ Label41 を選択状態にします。

Label22 を右クリックして、右クリックメニューから[サイズを揃える]-[幅]を実行し

ます。

Label22

- 109 -

このように幅を揃えることができました。

4) Label1 と Label21～42 の整列

Label1 と Label21 ～ 41 を左揃えします。

ドラッグして Label1 と Label21 ～ 41 を選択状態にします。

Label1 を右クリックして、右クリックメニューから[整列]-[左辺]を実行します。

- 110 -

このように整列されました。

- 111 -


1) Label42 ～ Label78 の配置

Label1 と Label2 ～ Label19、Label22 ～ Label39 をドラッグして選択し、コピー&

ペーストをして Label42 ～ Label78 を作成します。

ここを選択してコピー&ペーストし

ます。

[貼り付け]を実行すると、貼り付け元のコンポーネント（Label1 及び Label2 ～

Label19、Label22 ～ Label39）と重なるような形で、Label42 ～ Label78 が貼り付

けられます。

2) Label42 ～ Label78 の移動

Label42 ～ Label78 を選択状態にします。

[Ctrl]キーを押したまま、選択状態の Label42 ～ Label78 の中心付近をクリックし

て、そのまま左方向にドラッグして移動します。

- 112 -

3) Label42 の位置の変更

全般プロパティの[位置とサイズ]から次のように設定します。

上位置 114

左位置 24

高さ 24

幅 252

[Ctrl]キーを押しながら左方向へドラッグ

します。

4) Label42 ～ Label60 の整列

- 113 -

ドラッグして Label42 と Label43 ～ Label60 を選択状態にします。Label42 を右クリ

ックして、右クリックメニューから[整列]-[右辺]を実行します。

このように整列されます。

- 114 -

5) Label42 と Label61 ～ Label78 の整列

ドラッグして、Label42 と Label61 ～ Label78 を選択状態にします。Label42 を右クリ

ックして、右クリックメニューから[整列]-[左辺]を実行します。

このように整列されます。

- 115 -

4.4.5 Label コンポーネントの配置と整列(5) ターゲットタブの使用

Label62 ～ Label65 の幅を変更します。一つ一つ変更するのでは大変なので、一括で変

換するよう作業を行います。

複数のコンポーネントに対して同一の設定を行う場合、プロパティエディタのターゲッ

トタブを利用して、設定を行います。

ターゲットタブでは、内容プロパティ以外の設定項目は、すべて一括で設定することが

できます。

【解説】「アクティブタブ」と「ターゲットタブ」

プロパティエディタには、以下の 2種類のタブがあります。

アクティブタブ

選択した（単一の）コンポーネントの全てのプロパティ

を表示します。

ウィンドウ上部のドロップダウンで、コンポーネントを

選択することが可能です。

- 116 -

ターゲットタブ

選択している複数のコンポーネントの、共通のプロパテ

ィを表示します。

ウィンドウ上部のドロップダウンで、コンポーネントの

種類ごとに選択することが可能です。「All Components」

を選択すると、全ての種類を選択します。

ここでの設定は、選択しているコンポーネント全てに適

用されます。

ただし、複数のカラムにわたってコンポーネントを選択

することはできません

注意）ターゲットタブでは、内容プロパティは設定できません。

1) Label62 ～ Labell65 の幅の変更

ドラッグして Label62 ～ Label65 を選択にします。

プロパティエディタでターゲットタブを選択します。

全般プロパティの[位置とサイズ]から[幅]を 108 に変更します。

幅を 108 に設定

選択した Label コンポーネントターゲットタブ

- 117 -

このように左方向に揃います。

2) Label61 と Label62 ～ Label65 の整列

Label62 ～ Label65 に右揃えを実行します。

ドラッグして Label61 と Label62 ～ Label65 を選択します。


- 118 -

このよう右左方向に整列されました。

- 119 -

3) Label66 、Label67 、Label69 ～ Label77 の幅の変更

Label66 、Label67 、Label69 ～ Label77 を選択します。

プロパティエディタでターゲットタブを選択、全般プロパティの[位置とサイズ]から

[幅]を 132 に変更します。

幅を 132 に設定

選択した Label コンポーネント

ターゲットタブ

このように左方向に揃います。

- 120 -

4) Label66 、Label67 、Label69 ～ Label78 の整列

ドラッグして、Label66 ～ Label78 を選択します。


- 121 -

このように、右揃えされます。


Label79、80、81、82 を配置します。

Label82

Label81

Label80

Label79

- 122 -

1) Label79 の全般プロパティ

位置とサイズ

上位置 162

左位置 24

高さ 144

幅 24


位置とサイズ

上位置 162

左位置 48

高さ 96

幅 24


位置とサイズ

上位置 330

左位置 24

高さ 144

幅 24


位置とサイズ

上位置 474

左位置 24

高さ 72

幅 24

Label82 まで配置したところです。

【解説】 [整列]ボタンの利用

ツールバーの[整列]ボタンをクリックして、選択した 2 つ以上のコンポーネントの位置を揃

えることができます。

- 123 -

[整列]ボタン

注意）アクティブなものを基準に整列されます。基準となるコンポーネントを切り替えたい

ときは、クリックして切り替えることができます。

【解説】 [サイズを整える]ボタンの利用

複数のコンポーネントを選択して、大きさを揃えることができます。

① 対象のコンポーネントを[Shift]キーを押しながらクリックするか、またはドラッグして

選択します。

② 編集メニューから[サイズを揃える]を実行します。

[サイズを揃える]ボタン

注意）このとき、アクティブなものを基準に大きさが揃えられます。基準となるコンポーネ

ントを切り替えたいときは、クリックして切り替えることができます。

- 124 -

5) 不要な Label コンポーネントの削除

Label17、Label20、Label37、Label40（下図で赤色のもの）は、全体の配列を整えやす

いように配置したものなので、ここで削除します。

これで、給与明細の主要部分のレイアウトが終わりました。

- 125 -

4.4.7 Label コンポーネントの設定

配置した各 Label コンポーネントに対して設定を行います。

Label1～Label82までの各Labelコンポーネントのプロパティ一覧を巻末のAppendixに

掲載しました。

こちらを見て設定を行って頂く必要がありますが、ひとつひとつ設定していくのでは、

大変ですので、OPRO X Designer の機能を生かして、できるだけ一括で設定を行ってい

きます。

1) 全般プロパティ

全ての Label コンポーネントを選択し、プロパティエディタのターゲットタブで設定を

行います。

枠線の設定をします。下図のように、①②③④の順にクリックします。

- 126 -

2) フォントプロパティ

全ての Label コンポーネントを選択し、プロパティエディタのターゲットタブで設定を

行います。

サイズ 10

④ 左辺

③ 右辺

② 下辺

① 上辺

- 127 -

Label1 ～ Label82 までの全ての Label コンポーネントに設定が反映されました。

3) カスタムプロパティ

以下の赤枠で囲んであるコンポーネントに対して、カスタムプロパティの[背景色]を水

色に変更します。

- 128 -

色を変更するコンポーネント

Label1、Label2、Label9、Label16、Label21、Label22、Label29、Label36、Label41、

Label42、Label43、Label50、Label60、Label61、Label68、Label78、Label79、Label80、

Label81、Label82

対象のコンポーネントを、[Shift]キーを押しながらクリックして選択状態にします。

- 129 -

プロパティエディタのターゲットタブをクリックします。

カスタムプロパティの[背景色]ドロップダウンで水色を選択して変更します。

Label コンポーネントの背景色が変更されました。

- 130 -

4.4.8 内容プロパティの変更

内容プロパティはターゲットタブを用いて一括で変更できないので、ひとつひとつ設定

していく必要があります。

章末に各 Label コンポーネントのプロパティ一覧（Appendixs）を掲載しますので、そ

ちらの内容プロパティの項を参照して設定を行ってください。

全ての項目を設定すると、以下のようになります。

- 131 -

- 132 -

4.5 タイトル、詳細表示の設定

帳票のタイトルや詳細表示を Label コンポーネントを使用して設定します。

4.5.1 タイトルの表示

Label コンポーネント（Label83）を配置して、設定を行います。

1) Label83 の配置



Label83

2) Label83 の設定

全般プロパティ

上位置 36

左位置 168

- 133 -

高さ 30

幅 200


フォント MS ゴシック 16 ポイント

太字オン

カスタムプロパティ

配置中心


タイプ Static

内容給与支給明細書

設定すると、以下のようになります。

Label83

4.5.2 詳細の表示

Label コンポーネント（Label84 ～ Label89）を配置して、設定を行います。


- 134 -





上位置 66

左位置 24

高さ 18

幅 144


タイプ Database

Dataset Dataset1

フィールド年月






上位置 84

左位置 24

高さ 18

幅 66


タイプ Static

内容社員番号:






上位置 84

左位置 90

- 135 -

高さ 18

幅 78


タイプ Database

Dataset Dataset1

フィールド社員番号






上位置 66

左位置 174

高さ 18

幅 144


タイプ Static

内容日本オプロ株式会社






上位置 84

左位置 174

高さ 18

幅 42


タイプ Static

内容氏名:


- 136 -





上位置 84

左位置 216

高さ 18

幅 102


タイプ Database

Dataset Dataset1

フィールド氏名

ここまで設定すると、以下のようになります。

Label84 ～ Label89






上位置 60

左位置 378

高さ 18

幅 156

- 137 -

枠線四辺を表示


背景色水色


タイプ Static

内容（なし）






上位置 84

左位置 378

高さ 18

幅 156

枠線四辺を表示


タイプ Static

内容（なし）


- 138 -

Label90、Label91






上位置 61

左位置 384

高さ 16

幅 66

透過オン


配置中心


- 139 -

タイプ Static

内容残業時間






上位置 61

左位置 461

高さ 16

幅 66

透過オン


配置中心


タイプ Static

内容深夜時間






上位置 85

左位置 384

高さ 16

幅 66


配置右中央


タイプ Database

Dataset Dataset1

フィールド残業時間

- 140 -






上位置 85

左位置 461

高さ 16

幅 66


配置右中央


タイプ Database

Dataset Dataset1

フィールド深夜時間


- 141 -

Label92 ～ Label95

- 142 -

4.6 表組みによる表現

Table コンポーネントと Label コンポーネントを組み合わせて用いることで、表組みによる表

現を簡単に設定することが可能です。

給与明細に Table コンポーネントを配置して、振込先の金融機関の情報を表示します。

4.6.1 TABLE コンポーネントの配置と設定

Table コンポーネントは表形式で表現することができるコンポーネントです。

1) Table コンポーネントの配置

コンポーネントパレットの標準タブから Table コンポーネントを配置します

Table コンポーネントの配置例

Table コンポーネント

- 143 -

2) Table コンポーネントの全般プロパティ

位置とサイズ

上位置 642

左位置 24

高さ 78

幅 510

3) Table コンポーネントのカスタムプロパティ

バンド数 3

カラム数 3

4) Table コンポーネントのバンドの設定

テンプレートエクスプローラ等から Band1、Band2、Band3 を選択し、プロパティエデ

ィタで高さを 24 に設定します。

Band3 高さ 24

Band2 高さ 24

Band1 高さ 24

5) Table コンポーネントのカラムの設定

Column1 ～ Column3 の幅を設定します。

[Alt]キーを押しながらクリックしてカラムを選択し、全般プロパティの[位置とサイ

- 144 -

ズ]から[幅]をそれぞれ次のように設定します。

Column1 72

Column2 300

Column3 138

Column1 幅 72 Column2 幅 300 Column3 幅 138

（Column1 と Column2 の幅を設定すると、Column3 の幅は自動的に決まります。）

6) Table コンポーネントの罫線プロパティ

格子状を選択します。


4.6.2 LABEL コンポーネントの配置

Table コンポーネントのカラム内に Label コンポーネント Label96 ～ Label100 を配

置します。

Label97Label96

Label98 Label99 Label100

- 145 -

全般プロパティでの位置情報は配置されたカラムの左上からの距離になります。






上位置 0

左位置 0

高さ 22

幅 296


フォント MS ゴシック

サイズ 10


配置中心


タイプ Static

内容金融機関名･支店名






上位置 0

左位置 0

高さ 22

幅 136



サイズ 10


配置中心

- 146 -


タイプ Static

内容振込金額






上位置 0

左位置 0

高さ 22

幅 70



サイズ 10


配置中心


タイプ Static

内容第 1口座






上位置 0

左位置 0

高さ 22

幅 296



サイズ 10

- 147 -


配置左中央


タイプ Static

内容オプロ銀行西五反田支店






上位置 0

左位置 0

高さ 22

幅 136



サイズ 10


配置右中央


タイプ Dataset

Dataset Dataset1

フィールド振込金額

表示形式 \#,###


4.6.3 LINE コンポーネントの配置と設定

Line コンポーネントを使用して斜線を表示します。

- 148 -

1) Line コンポーネントの配置

コンポーネントパレットの標準タブから Line コンポーネントを配置します。

今回は Table コンポーネントの Column１に左上から右下へ、斜線を引きます。

Culumn1 の左上の角をクリックしてから、右下の角までドラッグします。

Line コンポーネント

Line コンポーネントの配置例

2) Line コンポーネントの全般プロパティ

位置とサイズ

上位置 0

左位置 0

高さ 23

幅 70

- 149 -

3) Line コンポーネントのカスタムプロパティ


以下のように設定されます。

- 150 -

4.7 注意書きの表示

注意書きを表示するエリアに楕円形を表示します。楕円形は Shepe コンポーネントを使

用して表示します。

4.7.1 SHAPE コンポーネントの配置と設定

【解説】 Shape コンポーネント

Shape コンポーネントは四角形や楕円形などの図形を表示することができます。

角の丸み調整は、[タイプ]で

「RoundRect」を選択している

場合に限り使用できます。

タイプ

Rectangle････四角

RoundRect･･･角丸

Ellipse････････円

1) Shape コンポーネントの配置

コンポーネントパレットの標準タブから Shape コンポーネントを配置します。

- 151 -

Shape コンポーネント

Shape コンポーネントの配置例

2) Shape コンポーネントの全般プロパティ

位置とサイズ

上位置 726

左位置 24

高さ 48

幅 426

- 152 -

3) Shape コンポーネントのカスタムプロパティ

今回は、他の値は初期値のまま変更しません。

4.7.2 Label コンポーネントの配置と設定

1) Label コンポーネント Label101 を配置します。

Shape コンポーネントの前面に配置します。


位置とサイズ

- 153 -

上位置 728

左位置 38

高さ 44

幅 395

3) Label101 のフォントプロパティ

サイズ 10

4) Label101 のカスタムプロパティ

スタイル折り返し

5) Label101 の内容プロパティ

タイプ Static

内容 ※振込先を変更する場合は、変更希望月の 10 日までに管理部に書類を

提出してください。


- 154 -

4.8 会社のロゴの表示

会社のロゴ（画像）を表示するために、Image コンポーネントを使用します。Image コンポー

ネントは画像を表示するために用いられます。

4.8.1 Image コンポーネントの設定

1) Image コンポーネントの配置

コンポーネントパレットの標準タブから Image コンポーネントを配置します。

Image コンポーネント

の配置例


2) Image コンポーネントの全般プロパティ

位置とサイズ

- 155 -

上位置 726

左位置 456

高さ 46

幅 80

3) Image コンポーネントのカスタムプロパティ

今回は初期値のままで、変更は行いません。

4) Image コンポーネントの内容プロパティ

タイプ Static

内容 logo.png

今回は以下のような画像をテンプレートにセットしました。

Logo.png

- 156 -

【解説】 Image コンポーネントと URLImage コンポーネント


テンプレートに画像イメージをセットします。

[タイプ]を「Static」に設定すると、画像イメージを静的にセットします。

ファイル

パスを指定して画像ファイルを Image コンポーネントにセット

します。

URL

URLアドレスを指定して画像ファイルをImageコンポーネント

にセットします。

スキャナから取得

画像をスキャンして Image コンポーネントにセットします。

[タイプ]を「Database」に設定すると、データベースに保存されている画像イメージをセッ

トします。

URLImage コンポーネント

URLImage コンポーネントを使用すると、テンプレートに画像イメージ自体をセットするので

はなく、画像イメージの URL アドレスをセットして帳票に表示することができます。

内容プロパティの[タイプ]は次の 3種類になります。

・Static 画像ファルの URL アドレスを指定します。

・Request リクエストパラメータを作成し、パラメータの値に画像ファイルの URL アドレ

スを指定します。

・Database 画像ファイルの URL アドレスをデータベースから取得して画像を表示します。

「URL 接頭語」と「URL 接尾語」を利用して、データベースからは URL アドレスではな

く、ファイル名を取得するように設定することもできます。

- 157 -

例）

画像ファイルの URL アドレスが次のようになっている場合の「URL 接頭語」と「URL 接

尾語」

http://www.opro.lk/image1.jpg http://www.opro.lk/image2.jpg http://www.opro.lk/image3.jpg

URL 接頭語：http://www.opro.lk/image URL 接尾語：.jpg

※注意 OPRO X Server から URL アドレスで画像イメージを取得できる必要があります。

Imageコンポーネント URLImage コンポーネント

- 158 -

4.9 セキュリティの設定

給与明細を電子化する際には、以下のような不安がつきまとうのではないでしょうか。

・情報が第三者に漏れるのではないか？

・情報が改ざんされるのではないか？

実際に運用に用いるのには、これらの不安を解消しなければなりません。

そのために用いられるのが、DocumentSecurity コンポーネントです。

4.9.1 Document Security の機能

【解説】 DocumentSecurity コンポーネント

DocumentSecurity コンポーネントは、ドキュメントをパスワードで暗号化し、

以下のようなセキュリティを設定することができます。

・内容のコピーと抽出の可否

・編集の可否

・印刷の可否

・表示の可否

制限の内容は、権限プロパティで設定します。

パスワードは二段階になっています。

マスタパスワードセキュリティを変更する権限のためのパスワードです。テンプレートに埋

め込む方法でのみ設定できます

ユーザパスワードドキュメントを表示するためのパスワードです。タイプの選択により、以

下の３通りの方法で設定することができます。

Static･････テンプレートにパスワードを埋め込みます

Request････リクエスト時（帳票生成ごと）にパスワードを決定します

Database･･･データベースのデータをパスワードとして利用します

- 159 -

4.9.2 Document Security コンポーネントの配置と設定

1) DocumentSecurity コンポーネントの配置

コンポーネントパレットのセキュリティタブから DocumentSecurity コンポーネントを

配置します。

DocumentSecurity コンポーネント

DocumentSecurity コンポーネ

ントの配置例

※配置する場所が Document Security コンポーネントの動作に影響を及ぼすことはあり

ません。

2) DocumentSecurity コンポーネントの全般プロパティ

今回は設定の変更は行いません。

- 160 -

3) DocumentSecurity コンポーネントの権限プロパティ

暗号化レベル 128-bit RC4

スクリーンリーダーデバイスのテキストアクセスを有効にするオン

内容のコピーと抽出を許可オフ

変更の許可なし

印刷許可しない

4) DocumentSecurity コンポーネントのパスワードプロパティ

マスタパスワード 123456

ユーザパスワード

タイプ Request

リクエストパラメータ名 DocumentSecurity1

リクエスト時（帳票生成ごと）にユーザパスワードを設定します。

パスワードを受け取るリクエストパラメータ名を「DocumentSecurity1」と設定しまし

た。

- 161 -

【解説】暗号化レベル 40-bit RC4 とした場合

今回は 128-bit RC4 を用いて設定を行いましたが、40-bit RC4 を用いることもできます。

その場合の設定は以下のようになります。

・印刷の不可

・ドキュメントの変更不可

・内容のコピーと抽出の不可アクセシビリティ無効

・コメントとフォームフィールドの追加、または変更の不可

こまでで、テンプレートの作成は終了です。完成したテンプレートは以下のようになり

ます。

- 162 -

- 163 -


4.10.1 サンプル HTML の実行

サンプル HTML を作成します。

サンプル HTML に Dataset1 の抽出条件（{USERINPUT}）の値とパスワードを入れて実行

します。

ここでは、例として{USERINPUT}の値に 1を入れてみます。

また、パスワードは「98765」と入力してみます。

パスワードの値

Dataset1 の抽出条件の値

注意）確認用のプレビューではなく、サンプル HTML など、Web ブラウザから OXS へのリ

クエストによって帳票を生成するには、あらかじめテンプレートを OPRO X Server の

IN_FILE パスに指定されているディレクトリ/フォルダに保存しておいてください。


4.10.2 パスワードの入力

OPRO X Browser（または Adobe Reader 等）が起動して、パスワードを入力するよう求

められます。

サンプル HTML 実行時に設定したパスワード「98765」を入力して[OK]ボタンをクリック

します。

パスワードの入力

パスワードを正しく入力すると、OPRO X Browser（または Adobe Reader 等）に給与明

細が表示されます。

- 164 -

完成例

本章の目標はセキュリティが高く、美しい帳票を作成することでした。

上記のように、表示されましたでしょうか。

それでは、これより後は Appendix として「給与明細 Label1 ～ Label82 プロパティ一

覧」を掲載致します。

こちらでプロパティの値を確認しながら、作業を行ってください。

- 165 -

4.11 Appendix

給与明細 Label1 ～ Label82 プロパティ一覧

コンポーネント名フォントカスタム内容

Label1 サイズ 10 配置中心タイプ Static

太字背景色水色内容控除


背景色水色内容金額

Label3 サイズ 10 配置右中央タイプ Database

Dataset Dataset1

フィールド健康保険料

表示形式 \#,###


Dataset Dataset1

フィールド厚生年金保険料

表示形式 \#,###


Dataset Dataset1

フィールド雇用保険料

表示形式 \#,###

Label6 サイズ 10 タイプ Static

内容（なし）


内容（なし）


内容（なし）


背景色水色 Dataset Dataset1

フィールド法定控除額

表示形式 \#,###


Dataset Dataset1

フィールド団体生命保険料

表示形式 \#,###


Dataset Dataset1

フィールド職域生命保険料

表示形式 \#,###


内容（なし）


内容（なし）


内容（なし）


内容（なし）

- 166 -



フィールド控除合計

表示形式 \#,###


Dataset Dataset1

フィールド課税対象額

表示形式 \#,###


Dataset Dataset1

フィールド扶養人数

表示形式 \#,###


Dataset Dataset1

フィールド支給金額

表示形式 \#,###


背景色水色内容項目

Label23 サイズ 10 配置左中央タイプ Static

内容健康保険料


内容厚生年金保険


内容雇用保険料


内容（なし）


内容（なし）


内容（なし）


背景色水色内容法定控除額


内容団体生命保険料


内容職域生命保険料


内容（なし）


内容（なし）


内容（なし）


内容（なし）


内容控除合計


- 167 -

内容課税対象額


内容扶養人数


背景色水色内容支払金額


太字背景色水色内容支給


背景色水色内容金額

Label44 サイズ 10 配置右中央タイプ Static

Dataset Dataset1

フィールド基本給

表示形式 \#,###

Label45

サイズ 10

タイプ Static

内容（なし）


内容（なし）


内容（なし）


Dataset Dataset1

フィールド資格給

表示形式 \#,###


Dataset Dataset1

フィールド加給

表示形式 \#,###



フィールド基準内賃金計

表示形式 \#,###


Dataset Dataset1

フィールド基準外賃金１

表示形式 \#,###


Dataset Dataset1

フィールド基準外賃金２

表示形式 \#,###


内容（なし）


内容（なし）


内容（なし）


内容（なし）


- 168 -

Dataset Dataset1

フィールドその他１

表示形式 \#,###


内容（なし）

Label59 サイズ 10 配置右中央タイプ Static

内容（なし）


Dataset Dataset1

フィールド総支給額

表示形式 \#,###


背景色水色内容項目


内容基本給


内容（なし）


内容（なし）


内容（なし）


内容資格給


内容加給


内容基準内賃金計


内容基準外賃金１


内容基準外賃金 2


内容（なし）


内容（なし）


内容（なし）


内容（なし）


内容その他 1


内容（なし）


内容（なし）


背景色水色内容総支給額

- 169 -


縦書き背景色水色内容基本給


縦書き背景色水色内容基準内


縦書き背景色水色内容基準外


縦書き背景色水色内容その他

これで第４章を終わります。

- 170 -

OPRO X Server 2.6.0.0

OPRO X Designer 2.6.0.0

OPRO X Browser 2.6.0.0

2007/01/05

- 171 -

Documents

OPRO X Designerアーキテクチャー...1 OPRO X Designerアーキテクチャー 1.1 第1章のねらい 本章は帳票作成の前提条件として、OPRO X Designerをご利用頂くために知っておいて頂きた

OPRO X Designerアーキテクチャー...1 OPRO X Designerアーキテクチャー 1.1 第1章のねらい本章は帳票作成の前提条件として、OPRO X Designerをご利用頂くために知っておいて頂きた