OpenUID 5(SAPUI 5)jsフレームを簡単に紹介します.
関連資料
公式サイト:http://sap.github.io/openui5/
依存パケット:https://openui5.hana.ondemand.com/downloads/openui5-runtime-1.16.8-SNAPSHOT.zip
SDKパッケージの開発:https://openui5.hana.ondemand.com/downloads/openui5-sdk-1.16.8-SNAPSHOT.zip
プラグインのアドレス:https://tools.hana.ondemand.com/juno/
基本的な紹介
SAPUI 5とは何ですか?
SAPUI 5はOpenUID 5と呼ばれ、SAP傘下のjsフロントエンドフレームであり、現在はOpenUID 5と統一されているので、以下の文書の内容もOpenUID 5でフレーム名に統一されます.
OpenUID 5のEclipseでの開発
SAPは、eclipse上でOpenUID 5の開発を推奨していますので、直接にeclipseプラグインを提供しています.開発においては、開発ツールとしてeclipseを優先することができます.
フレームの構築
OpenUID 5の構築は他のjsフレームと似ています.大きな違いはありません.具体的には公式のDemoを参照してください.ここで注意したいのは、OpenUID 5のデザインモードはMV*、そしてOpenUID 5はすでに自分でMV*を作っていますので、とても便利です.
(備考:【MV*】ここではMVCとも言えますが、MVPというのは個人的な理解ですので、あまり気にする必要はありません.)
OpenUID 5のMV*構造はちょっと特殊です.彼はファイル名で定義されています.これはファイルの命名強制性の規範だけでなく、ファイルのディレクトリ構造も弱体化しています.プロジェクト全体が一目で分かります.
具体的には以下の通りです
OpenUID 5はプロジェクト開始時にフレームjsを引用する際に注意が必要です.彼はどのようなフレームワークが必要かを確認しました.
id=「sap-ui-bootstrap」---ページuiのタイプを指定しました.
src=「レスポンス/sap-ui-core.js」---コアフレームの位置を指定しました.
data-sap-ui-theme=「sapubluecrystal」---ページテーマスタイル定義
data-sap-ui-libs="sap.ui.com mmons"---コアパッケージのコンテンツブロックを指定します.なぜこのように言いますか?sapはコードサポートのすべてのプラットフォームを提唱しています.彼のカバンもPC端末のsap.uiとモバイル端末のsap.mに分けられています.これは必要なコンポーネントパッケージのサポートに指定されています.ここでは基本的なコアパッケージを導入すれば十分ですが、他のOpenUID 5パッケージのサポートが必要な場合はカンマで区切って追加します.添加中にパッケージの階層によって追加したほうがいいです.
上の書き方から見れば、私達がロードしているのは基本的なsap.ui.com mmonsの内容だけです.だから、sap.ui.tableの下に使ったら見つけられません.(具体的にはカタログを見れば分かります)
公式サイト:http://sap.github.io/openui5/
依存パケット:https://openui5.hana.ondemand.com/downloads/openui5-runtime-1.16.8-SNAPSHOT.zip
SDKパッケージの開発:https://openui5.hana.ondemand.com/downloads/openui5-sdk-1.16.8-SNAPSHOT.zip
プラグインのアドレス:https://tools.hana.ondemand.com/juno/
基本的な紹介
SAPUI 5とは何ですか?
SAPUI 5はOpenUID 5と呼ばれ、SAP傘下のjsフロントエンドフレームであり、現在はOpenUID 5と統一されているので、以下の文書の内容もOpenUID 5でフレーム名に統一されます.
OpenUID 5のEclipseでの開発
SAPは、eclipse上でOpenUID 5の開発を推奨していますので、直接にeclipseプラグインを提供しています.開発においては、開発ツールとしてeclipseを優先することができます.
フレームの構築
OpenUID 5の構築は他のjsフレームと似ています.大きな違いはありません.具体的には公式のDemoを参照してください.ここで注意したいのは、OpenUID 5のデザインモードはMV*、そしてOpenUID 5はすでに自分でMV*を作っていますので、とても便利です.
(備考:【MV*】ここではMVCとも言えますが、MVPというのは個人的な理解ですので、あまり気にする必要はありません.)
OpenUID 5のMV*構造はちょっと特殊です.彼はファイル名で定義されています.これはファイルの命名強制性の規範だけでなく、ファイルのディレクトリ構造も弱体化しています.プロジェクト全体が一目で分かります.
具体的には以下の通りです
OpenUID 5はプロジェクト開始時にフレームjsを引用する際に注意が必要です.彼はどのようなフレームワークが必要かを確認しました.
<script id="sap-ui-bootstrap" src="resources/sap-ui-core.js" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.ui.commons">
</script>id=「sap-ui-bootstrap」---ページuiのタイプを指定しました.
src=「レスポンス/sap-ui-core.js」---コアフレームの位置を指定しました.
data-sap-ui-theme=「sapubluecrystal」---ページテーマスタイル定義
data-sap-ui-libs="sap.ui.com mmons"---コアパッケージのコンテンツブロックを指定します.なぜこのように言いますか?sapはコードサポートのすべてのプラットフォームを提唱しています.彼のカバンもPC端末のsap.uiとモバイル端末のsap.mに分けられています.これは必要なコンポーネントパッケージのサポートに指定されています.ここでは基本的なコアパッケージを導入すれば十分ですが、他のOpenUID 5パッケージのサポートが必要な場合はカンマで区切って追加します.添加中にパッケージの階層によって追加したほうがいいです.
上の書き方から見れば、私達がロードしているのは基本的なsap.ui.com mmonsの内容だけです.だから、sap.ui.tableの下に使ったら見つけられません.(具体的にはカタログを見れば分かります)