2013-10-25 2 views
1

Я пытаюсь установить SAPUI5 на свой локальный компьютер с помощью XAMPP. Я скопировал файлы в htdocs. Запуск локального хоста в Chrome Я получил страницу обзора SAPUI5 SDK - Demo Kit.Локальная установка SAPUI5

После этого я скопировал код кода «HowTo за 20 секунд» в блокнот и сохранил его как HTML-документ.

Запуск этого файла в браузере приводит только к белой странице.

Я искал инструментов разработчика в Chrome и увидел что-то вроде этого:

«не удалось поджать„sap.ui.core.library-преднагрузку“: Не найдено - sap.ui.ModuleSystem»

Надеюсь, вы можете помочь мне исправить эту проблему, поэтому я могу начать с SAPUI5

+0

Попробуйте использовать локальную веб-среду SAP. – santhosh

ответ

-1

SAP UI5 - это только куча библиотек пользовательского интерфейса, которые используются для разработки вашего интерфейса, как и другие библиотеки, такие как jQuery. Теперь возникает вопрос, как настроить Apache для работы с этими файлами? Это базовая конфигурация Apache для обслуживания файлов, this page может быть хорошей отправной точкой.

+0

Даниэль спрашивал конкретно об управлении этим локально, без веб-сервера. Например, вы можете открыть локальный HTML-файл в Chrome, и он обработает любые изображения/CSS/JavaScript, которые он может найти. Я понимаю, что SAP UI 5 не требует ничего серверного ... это всего лишь куча JS. Таким образом, казалось бы, что либо у Даниэля нет файла, либо в SAP UI 5 не работает хорошо с локальными путями. –

1

Полезные ссылки по этой теме, которые я мог бы рекомендовать:

Они оба используют UI5 SplitApp Boilerplate от Github, который является примером приложения с базовой структурой приложения: https://github.com/6of5/UI5SplitApp-Boilerplate

Возможно, это поможет вам начать разработку на месте.

+0

можно ли как-то интегрировать все библиотеки SAPUI5 (не openui5) локально в приложении? Я думаю, что шаблон тоже не делает этого ... – zyrex

1

Открыть новый блокнот. Сохранить ниже код с 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> 

Теперь откройте файл с любым современным браузером. FYI, нам не нужен сервер для тестирования

0

Вы можете настроить Eclipse для работы с SAPUI5 и использовать Apache Tomcat для запуска вашего приложения при работе в локальной среде.

  1. Установите Eclipse, - http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/lunasr2
  2. Установите Java Runtime Enviromnet - http://www.oracle.com/technetwork/java/javase/downloads/jre7-downloads-1880261.html
  3. Установка Apache Tomcat - http://tomcat.apache.org/download-80.cgi

Установите SAPUI5 инструменты в Затмении

  • Затмение> Помощь > Установить Ne w Программное обеспечение
  • Добавить новый сайт в разделе «Доступные программные сайты» с адресом: https: //tools.hana.ondemand.com/luna
  • Выберите новый сайт в разделе «Работа с выбором».
  • Расширение пользовательского интерфейса Инструментарий развития для HTML5 & Select UI Toolkit развития для HTML5 (версия для разработчиков)
  • Далее & Install (перезапустить Eclipse, может потребоваться)
  • Теперь, когда у вас есть SAPUI5 установлены средства. Если вы создаете новый проект, теперь вы получаете доступную версию разработки SAPUI5.

Настройка Apache Tomcat в серверах

  • Добавление сервера, Window> Preferences> Сервер> Runtime Environment> Добавить
  • Выберите Apache Tomcat 8.0 (или любой другой версии вы используете) & выберите «Далее».
  • Выберите каталог установки Tomcat & Finish.

Теперь вы все готовы к работе. Создайте новый проект SAPUI5 (скажем, myProject), добавьте код. Чтобы запустить его на tomcat, щелкните правой кнопкой мыши Project, Run As> Run On Server. Выберите сервер Tomcat, Next & Закончите. Вы проект будет до & работает на сервере в http://localhost:8080/myProject/

0

«Не удались поджать» messges не должна быть фатальными ошибками; файлы предварительной загрузки библиотеки - это дополнительная оптимизированная в комплекте оптимизация, чтобы уменьшить количество HTTP-запросов.

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

Я думаю, что вы можете просто игнорировать это предупреждение. И я столкнулся с проблемой при загрузке Component.js, решил эту проблему, используя python -m SimpleHTTPServer. Вам нужен только сервер, выберите то, что вам нравится.

0

Daniel
Я рекомендую вам SAPUI Walkthrough в качестве отправной точки. Это пошаговое руководство/учебное пособие о том, как создавать приложения SAPUI5, содержит объяснение краеугольных камней и лучших практик.
Для основ вам понадобится только редактор и браузер (без веб-сервера).
This git repo содержит все шаги Walkthrough в виде отдельных ветвей.

+0

Пожалуйста, добавьте минимальное объяснение в самом ответе, так как ссылка может оказаться недоступной в будущем. –

+0

thx @ n4m31ess-c0d3r, сделано –

Смежные вопросы