2017-10-31 16 views
0

私は全世界のWebフルスクリーンアプリケーションを作成しようとしています。そこで、私はHello worldという新しいプロジェクトを作成しました。次に、WebContentというフォルダを作成しました。その中で、次のようにindex.htmlに次のコードを記述します。SAPUI5 Webアプリケーションが正常に動作しない

のWebContent/index.htmlを

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/> 

     <script src="resources/sap-ui-core.js" 
       id="sap-ui-bootstrap" 
       data-sap-ui-libs="sap.m" 
       data-sap-ui-theme="sap_bluecrystal" 
       data-sap-ui-resourceroots='{"com.Project":""}'> 
     </script> 
     <!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme --> 

     <script> 
     var app = new sap.m.App({initialPage:"idpage1"}); 
     var page1 = sap.ui.view({id:"idpage1", viewName:"com.Project.HelloWorld.Page1", type:sap.ui.core.mvc.ViewType.XML}); 

     app.addPage(Page1); 
     app.placeAt("content"); 

     </script> 

    </head> 
    <body class="sapUiBody" role="application"> 
     <div id="content"></div> 
    </body> 
</html> 

次に、このディレクトリWebContent/ HelloWorldに私はWebContentを/ HelloWorldの/ Page1の

それに次のコードでPage1.controller.jsというファイルを置きます.controller.js

sap.ui.define([ 
    "sap/ui/core/mvc/Controller" 
], function(Controller) { 
    "use strict";   
    return Controller.extend("com.Project.HellowWorld.Page1", {   
    }); 
}); 

また、

のWebContent/HelloWorldの/ Page1.view.xml

<!DOCTYPE xml> 

<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" 
     controllerName="com.Project.HellowWorld.Page1" xmlns:html="http://www.w3.org/1999/xhtml"> 
    <Page title="Full screen App"> 
     <content>     
     </content>   
    </Page> 
</core:View> 

問題を次のように別のファイルには、背景が表示されていることです。しかし、コンテンツ全体が必要に応じてページに表示されません。

私は、アプリケーションが自分のアプリケーションとは異なり、完全に動作午前6時30分に SAPUI5 - Split Application

方法でこのコースを以下しています。

更新+解決策:

私の問題の解決策を知りました。 1 - index.html:20私のコードのこの部分はapp.addPage(Page1);のように書かれていますので、私はapp.addPage(page1);に置き換えました。エラーは消えました。

2その他のエラーはXMLファイルにありました。私はちょうど置き換えた<core:View>....</core:View><core:view>....</core:view>

今、アプリケーションは完全に動作します。

+1

Dev Toolsコンソールを見ましたか?おそらく、いくつかのエラーメッセージが表示されている可能性があります。 – LucaMus

+0

私には何も表示されません –

+1

別の答えで解決策を投稿してください。[ツアー]をご覧ください。あなたは答えがあれば(自分の解決策)、あなたはそれを回答として掲示し、それを受け入れたことをマークすることができます。 –

答えて

0

ソリューション:

を私はちょうど私の問題への解決策を知っていました。 1- index.html:20のこの部分はapp.addPage(Page1);のように書かれていますので、今度はapp.addPage(page1);と置き換えてエラーが表示されなくなりました。

2その他のエラーはXMLファイルにありました。私はちょうど置き換えた<core:View>....</core:View><core:view>....</core:view>

今、アプリケーションは完全に動作します。

1

<page>は小文字で書かれています。それは<Page>でなければなりません。

あなたはかかわらず、コンソールで次のエラーを取得する必要があります。 Uncaught Error: failed to load 'sap/m/page.js' from .../resources/sap/m/page.js: 404 - Not Found

+0

あなたは正しいです!この問題は、コードをコピーしてウェブサイトに貼り付けるときに発生しました。 はeclipseで正しく書かれています。 –

関連する問題