21
GeneXusを使った Webアプリケーション開発

GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

  • Upload
    dominh

  • View
    225

  • Download
    2

Embed Size (px)

Citation preview

Page 1: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

GeneXusを使ったWebアプリケーション開発

Page 2: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

目次

Copyright © CASAREAL, Inc. 2017. All rights reserved.

1.GeneXusの起動画面

2.開発フロー

3.主要オブジェクトの紹介

4.開発例(マスタメンテナンス)

4-1.ナレッジベースの作成

4-2.オブジェクトの作成

4-3.データの定義

4-4.画面レイアウト

4-5.ビルドの実行

4-6.アプリケーションの起動

4-7.WorkWith パターンの適用

5.WorkWithPlusの紹介

Page 3: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

1.GeneXusの起動画面

Copyright © CASAREAL, Inc. 2017. All rights reserved.

開発作業はGeneXusのツール内で行います。

Page 4: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

ビルド

実行

オブジェクト

作成

ナレッジベース

作成

2.開発フロー

Copyright © CASAREAL, Inc. 2017. All rights reserved.

ナレッジベースオブジェクトを一元管理する機能です。

オブジェクトデータの定義、画面の定義、ビジネス

ロジックの記述等を行う機能群で、

様々な種類があります。

プログラムのコンパイルを行い、

アプリケーションを実行します。

Page 5: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

3.主要オブジェクトの紹介(トランザクション)

Copyright © CASAREAL, Inc. 2017. All rights reserved.

・アプリケーションでデータを管理する場合に使用します。

・データ構造を定義し、その定義に基づきテーブルを自動生成します。

・データ管理画面も自動生成します。

Page 6: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

3.主要オブジェクトの紹介(プロシージャ)

Copyright © CASAREAL, Inc. 2017. All rights reserved.

・ビジネスロジックやバッチ処理を作成する場合に使用します。

・ファイル出力の機能等にも利用します。

Page 7: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

3.主要オブジェクトの紹介(Webパネル)

Copyright © CASAREAL, Inc. 2017. All rights reserved.

・データ管理画面以外の画面を作成する場合に使用します。

・プロシージャとの連携も可能です。

Page 8: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4.開発例(マスタメンテナンス)

Copyright © CASAREAL, Inc. 2017. All rights reserved.

下記のようなマスタメンテナンスのアプリケーション

を作成します。

X部署

Y部署

Z部署

Page 9: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-1.ナレッジベースの作成

Copyright © CASAREAL, Inc. 2017. All rights reserved.

・自動生成するプログラムの言語を選択します。

Page 10: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-2.オブジェクトの作成

Copyright © CASAREAL, Inc. 2017. All rights reserved.

・今回はトランザクションオブジェクトを選択します。

Page 11: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-3.データの定義

Copyright © CASAREAL, Inc. 2017. All rights reserved.

部署マスタトランザクション

鍵のアイコンは

主キー項目を

意味します。

GeneXus特有の

型で定義します。

・トランザクションオブジェクトにデータ定義を行います。

データ設計

Page 12: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-3.データの定義

Copyright © CASAREAL, Inc. 2017. All rights reserved.

データ設計

社員マスタトランザクション

上矢印のアイコンは

外部キー項目を意味

します。

下矢印のアイコンは

外部キーからの参照

項目を意味します。

Page 13: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-4.画面レイアウト

Copyright © CASAREAL, Inc. 2017. All rights reserved.

・レイアウト、デザインはカスタマイズ可能です。

Page 14: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-5.ビルドの実行

Copyright © CASAREAL, Inc. 2017. All rights reserved.

・プロパティでDBの種類と接続先を設定します。

・自動生成するテーブルをスクリプトで表示します。

・ログが流れ始めるとプログラムの生成を開始します。

Page 15: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-6.アプリケーションの起動

Copyright © CASAREAL, Inc. 2017. All rights reserved.

・ブラウザが自動起動し、簡単なメニューが表示されます。

Page 16: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-6.アプリケーションの起動

Copyright © CASAREAL, Inc. 2017. All rights reserved.

バリデーションチェックや

入力文字数制限も自動的に

生成されます。

データの登録、変更、削除が

できます。

部署マスタ画面

Page 17: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-6.アプリケーションの起動

Copyright © CASAREAL, Inc. 2017. All rights reserved.

部署IDを入力すると、

部署名が自動的に表示

されます。

社員マスタ画面

Page 18: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

4-7.WorkWith パターンの適用

Copyright © CASAREAL, Inc. 2017. All rights reserved.

チェックを入れます。

WorkWith パターン:GeneXusの標準機能

・マスタの一覧画面を自動生成します。

Page 19: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

5.WorkWithPlusの紹介

Copyright © CASAREAL, Inc. 2017. All rights reserved.

WorkWithPlus:DVelop社の有償の拡張機能

・適用方法はWorkWithとほぼ変わりありません。

Page 20: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

5.WorkWithPlusの紹介

Copyright © CASAREAL, Inc. 2017. All rights reserved.

WorkWithPlusにしかできないこと

ナビゲーションメニュー

レイアウトのテンプレート化

レイアウトのプレビュー機能

様々なフィルター機能

レコード監査

一覧画面のページャー機能

ファイル出力がより簡単に

Page 21: GeneXusを使った - bsblog.casareal.co.jp · Title: GeneXusを使ったWebアプリケーション開発 Author: natsu Created Date: 12/6/2017 5:20:12 PM

Copyright © CASAREAL, Inc. 2017. All rights reserved.