Ich versuche, eine Hallo Welt Web-Vollbild-Anwendung zu machen. Also habe ich ein neues Projekt namens Hello World erstellt. Dann habe ich einen Ordner namens WebContent erstellt. Darin stecke ich den folgenden Code in eine index.html wie folgt.SAPUI5 Web-Anwendung funktioniert nicht richtig
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>
Dann wird in diesem Verzeichnis WebContent/ HelloWorld habe ich eine Datei Page1.controller.js mit dem folgenden Code in es
WebContent/Hello World/Seite1 genannt .controller.js auch
sap.ui.define([
"sap/ui/core/mvc/Controller"
], function(Controller) {
"use strict";
return Controller.extend("com.Project.HellowWorld.Page1", {
});
});
, machte ich eine andere Datei wie folgt
WebContent/Hello World/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>
Das Problem ist, dass der Hintergrund erscheint. Der gesamte Inhalt erscheint jedoch nicht wie erforderlich auf der Seite.
Ich verfolge diesen Kurs durch die Art und Weise SAPUI5 - Split Application
in 06.30 die Anwendung perfekt funktioniert, im Gegensatz zu meiner Anwendung.
Update + Lösung:
Ich wusste einfach, die Lösung für mein Problem. 1- in der index.html: 20 dieser Teil meines Codes ist wie folgt geschrieben app.addPage(Page1); Also, ich habe es gerade ersetzt mit app.addPage(page1); und der Fehler verschwunden.
2- Der andere Fehler war in der XML-Datei. Ich ersetzte gerade <core:View>....</core:View> durch <core:view>....</core:view>
Jetzt funktioniert die Anwendung perfekt.
Haben Sie in Dev Tools-Konsole gesucht? Wahrscheinlich tauchen einige Fehlermeldungen auf. – LucaMus
Nichts erschien mir –
Bitte posten Sie die Lösung in einer separaten Antwort, siehe [Tour], um mehr zu verstehen.In Frage nur Frage, wenn Sie eine Antwort (eigene Lösung) haben, können Sie es als Antwort posten und dann auch als akzeptiert markieren. –