1

XAMPP を使用してローカル マシンに SAPUI5 をインストールしようとしています。ファイルをhtdocsにコピーしました。Chrome で localhost を起動すると、SAPUI5 SDK - Demo Kit Overview ページが表示されます。

その後、「20 秒でわかる HowTo」コードのサンプル コードをメモ帳にコピーし、HTML ドキュメントとして保存しました。

このファイルをブラウザで実行すると、白いページしか表示されません。

Chrome で開発者ツールを探したところ、次のようなものが見つかりました。

「'sap.ui.core.library-preload' のプリロードに失敗しました: 見つかりません - sap.ui.ModuleSystem」

この問題の解決にご協力いただければ幸いです。SA​​PUI5 から始めることができます。

4

6 に答える 6

2

新しいメモ帳ファイルを開きます。以下のコードを拡張子 html で保存します。例: helloworld.html

<!DOCTYPE html>
<html>
<head>

  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  <title>SAPUI5 in 20 Seconds</title>

  <!- 1.) Load SAPUI5, select theme and control library ->
  <script id="sap-ui-bootstrap"
          type="text/javascript"
          src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
          data-sap-ui-theme="sap_goldreflection"
          data-sap-ui-libs="sap.ui.commons"></script>

  <!- 2.) Create a UI5 button and place it onto the page ->
  <script>

    // create the button instance
    var myButton = new sap.ui.commons.Button("btn");

    // set properties, e.g. the text
    myButton.setText("Hello World!");

    // attach an action to the button's "press" event (use jQuery to fade out the button)
    myButton.attachPress(function() { $("#btn").fadeOut(); });

    // place the button into the HTML element defined below
    myButton.placeAt("uiArea");

    // an alternative, more jQuery-like notation for the same is:
    /*
    $(document).ready(function() {
      $("#uiArea").sapui("Button", "btn", {
        text:"Hello World!",
        press: function(){ $("#btn").fadeOut(); }
      });
    });
    */

  </script>
</head>
<body class="sapUiBody">

  <!- This is where you place the UI5 button ->
  <div id="uiArea"></div>

</body>
</html>

最新のブラウザでファイルを開きます。参考までに、これをテストするためにサーバーは必要ありません

于 2015-01-21T06:29:56.497 に答える
1

SAPUI5 と連携するように Eclipse を構成し、Apache Tomcat を使用して、ローカル環境で作業するときにアプリケーションを実行できます。

  1. Eclipse をインストールします - http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/lunasr2
  2. Java ランタイム環境をインストールします - http://www.oracle.com/technetwork/java/javase/downloads/jre7-downloads-1880261.html
  3. Apache Tomcat をインストールします - http://tomcat.apache.org/download-80.cgi

SAPUI5 ツールを Eclipse にインストールする

  • Eclipse > ヘルプ > 新しいソフトウェアのインストール
  • URL: https://tools.hana.ondemand.com/luna を使用して、「利用可能なソフトウェア サイト」に新しいサイトを追加します。
  • [Work with] 選択で新しいサイトを選択します。
  • HTML5 用 UI 開発ツールキットを展開し、HTML5 用 UI 開発ツールキット (Developer Edition) を選択します
  • 次へ & インストール (Eclipse の再起動が必要になる場合があります)
  • これで、SAPUI5 ツールがインストールされました。新しいプロジェクトを作成すると、SAPUI5 アプリケーション開発オプションが利用可能になります。

サーバーで Apache Tomcat を構成する

  • サーバーを追加するには、[ウィンドウ] > [設定] > [サーバー] > [ランタイム環境] > [追加]
  • Apache Tomcat 8.0 (または使用しているバージョン) を選択し、[次へ] を選択します。
  • Tomcat インストール ディレクトリを選択して終了します。

これで準備完了です。新しい SAPUI5 プロジェクト (myProject など) を作成し、コードを追加します。Tomcat で実行するには、プロジェクトを右クリックし、[Run As] > [Run On Server] を選択します。Tomcat サーバーを選択し、[Next & Finish] をクリックします。プロジェクトは、http://localhost:8080/myProject/のサーバー上で稼働します。

于 2015-04-15T07:05:41.010 に答える
0

「プリロードに失敗しました」というメッセージは、致命的なエラーであってはなりません。ライブラリのプリロード ファイルは、HTTP 要求の数を減らすためのオプションのバンドルされた最適化です。

https://github.com/SAP/openui5/issues/119

この警告は無視してよいと思います。そしてCross origin requests、ロード時に問題が発生Component.jsし、を使用してこの問題を解決しpython -m SimpleHTTPServerました。必要なのはサーバーだけです。好きなものを選択してください。

于 2016-09-15T00:55:26.857 に答える