| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| <!-- | |
| Copyright (c) 2009, 2010, Oracle and/or its affiliates. All rights reserved. | |
| --> | |
| <HTML> | |
| <HEAD> | |
| <TITLE>Мастер связи мобильных клиентов с веб-приложениями: создание приложения клиент-сервер – руководство для NetBeans Java ME</TITLE> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > | |
| <link rel="stylesheet" type="text/css" href="../../../netbeans.css"> | |
| </HEAD> | |
| <BODY> | |
| <a name="top"></a> | |
| <H1>Мастер связи мобильных клиентов с веб-приложениями: создание приложения клиент-сервер </H1> | |
| <p>Среда IDE NetBeans позволяет создавать клиентские мидлеты, подключающиеся к веб-службам через веб-приложение промежуточного слоя.</p> | |
| <P>В данном руководстве показывается, как использовать мастер связи мобильных клиентов с веб-приложениями для создания подключения к веб-службам с мобильного устройства, не поддерживающего спецификацию <a href="http://jcp.org/en/jsr/summary?id=172">JSR-172</a> для платформы Java ME. Данный мастер создает сервлет для расчета двух чисел, передаваемых веб-приложению, в которое входит клиент веб-службы, содержащий метод сложения переданных чисел.</p> | |
| <p>Если вы ранее не разрабатывали мобильные приложения в среде NetBeans или не знакомы с J2EE, начните с изучения <A HREF="../../docs/javame/quickstart.html">Краткого руководства пользователя по NetBeans Java ME MIDP</A>.</p> | |
| <p><b>Содержание</b></p> | |
| <img src="../../../images_www/articles/71/netbeans-stamp.gif" class="stamp" width="114" height="114" alt="Содержимое данной страницы применимо к среде IDE NetBeans 7.0" title="Содержимое данной страницы применимо к среде IDE NetBeans 7.0" > | |
| <ul class="class"> | |
| <li><a href="#create-web">Создание веб-проекта</a> | |
| <ul> | |
| <LI><A HREF="#create">Настройка проекта веб-приложения</A> | |
| </LI> | |
| <LI><A HREF="#add">Добавление бизнес-логики</A> | |
| </LI> | |
| <LI><A HREF="#comp">Построение проекта</A> | |
| </LI> | |
| </ul></li> | |
| <li><a href="#create-mob">Создание мобильного проекта</a> | |
| <ul> | |
| <LI><A HREF="#create-prj">Создание проекта</A> | |
| </LI> | |
| <LI><A HREF="#add-pkg">Добавление пакета и визуального мидлета к проекту</A> | |
| </LI> | |
| <li><A href="#add-component">Добавление компонентов к проекту</a></li> | |
| <li><A HREF="#add-command">Добавление команд к проекту</a></li> | |
| <li><A HREF="#connect-component">Соединение компонентов для создания потока операций приложения</a></li> | |
| <li><A HREF="#wizard">Мастер связи клиентов Java МЕ с веб-приложениями</A></li> | |
| <li><A HREF="#wizCode">Добавление исходного кода к клиенту Java МЕ</A></li> | |
| </ul></li> | |
| <LI><A HREF="#deploy">Развертывание веб-проекта</A> | |
| </LI> | |
| <LI><A HREF="#run">Запуск мобильного проекта</A> | |
| </LI> | |
| <LI><A HREF="#check">Проверка функциональных возможностей</A> | |
| </LI> | |
| <li><a href="#see-also">Дополнительные сведения</a></li> | |
| </ul> | |
| <p><b>Для работы с этим учебным курсом требуются перечисленные ниже программное обеспечение и материалы.</b></p> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <th class="tblheader" scope="col">Программное обеспечение или материал</th> | |
| <th class="tblheader" scope="col">Требуемая версия</th> | |
| </tr> | |
| <tr> | |
| <td class="tbltd1"><a href="https://netbeans.org/downloads/index.html">Среда IDE NetBeans с Java ME</a></td> | |
| <td class="tbltd1">Версия 7.0 или более поздняя </td> | |
| </tr> | |
| <tr> | |
| <td class="tbltd1"><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html">Комплект для разработки приложений на языке Java</a> (JDK)</td> | |
| <td class="tbltd1">Версия 6</td> | |
| </tr> | |
| <tr> | |
| <td class="tbltd1">GlassFish или Tomcat</td> | |
| <td class="tbltd1">Входит в <b>Java EE</b> и <b>Все</b> варианты установки среды IDE</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <!--<a name="sample-app"></a> | |
| <H2>Installing and Running the Sample Application</H2> | |
| <P>Before we begin you might want to see final result of the tutorial.</P> | |
| <p>Placeholder</p> | |
| <P>Take the following steps to install the <tt>LoginScreenExample</tt> application:</P> | |
| <OL> | |
| <LI>Download <A HREF="https://netbeans.org/projects/samples/downloads/download/Samples/Mobile/WebToMobile.zip">WebToMobileExample.zip</A>. This download contains the completed NetBeans Mobility and Web projects.</LI> | |
| <LI>Unzip the file.</LI> | |
| <LI>In the IDE, choose <tt>File</tt> > <tt>Open Project</tt> and browse to the folder that contains the unzipped files with the <tt>WebToMobileExample</tt> project.</LI> | |
| <li>Click Open Project.</li> | |
| <LI>The Projects view should look like the following:</li> | |
| <p class="align-center"> | |
| <IMG SRC="../../../images_www/articles/71/mobility/webtomobile/.png" NAME="graphics1" ALT="Project window with sample projects opened" BORDER=1> </p> | |
| <LI>In the Projects window, | |
| right-click the project <tt>AAA</tt> node and choose | |
| Run Project (or press F6 key).</li> | |
| <li>Right-click the | |
| project <tt>AAA</tt> node and choose Run Project. As the | |
| application runs, an emulator window opens and displays the | |
| application running in the default device emulator. </LI> | |
| <LI>In the Emulator window, click the button underneath | |
| "Launch".<BR>The emulator displays BBB, as shown:</li> <p class="align-center"><IMG SRC="../../../images_www/articles/71/mobility/webtomobile/.png" NAME="graphics3" ALT="placeholder" BORDER=1> </p> | |
| </OL> | |
| <UL> | |
| <LI>Moving the cursor up and down allows you to | |
| navigate between the Login and Password fields. | |
| </LI> | |
| <li>Click on the central button enables the selected text field for editing.</li> | |
| <LI>Click the button underneath "Login" to finish. | |
| </LI> | |
| <LI>If the application connects to the server, you'll | |
| see the <code>alert1</code> component displayed on the screen with a "Login | |
| Successful" message. | |
| </LI> | |
| </UL> | |
| <p class="align-center"><a href="#top">top</a></p>--> | |
| <a name="create-web"></a> | |
| <H2>Создание веб-проекта</H2> | |
| <p>Перед использованием мастера связи мобильных клиентов с веб-приложениями необходимо создать веб-проект, в составе которого имеется клиент веб-службы.</p> | |
| <P><!--Now that you have seen the AAA in action,--> Давайте | |
| <!--go back to the beginning and--> | |
| создадим новый проект веб-приложения для нашего сервлета Java с нуля. Для создания веб-приложения Java в среды IDE выполните следующие действия:</P> | |
| <OL> | |
| <LI><A HREF="#create">Настройте проект веб-приложения.</A> | |
| </LI> | |
| <LI><A HREF="#add">Добавьте бизнес-логику.</A> | |
| </LI> | |
| <LI><A HREF="#comp">Скомпилируйте проект.</A> | |
| </LI> | |
| </OL> | |
| <H3><A NAME="create"></A>Настройка проекта веб-приложения</H3> | |
| <OL> | |
| <LI>Выберите <tt>File ("Файл")</tt> > <tt>New Project ("Создать проект") (Ctrl-Shift-N)</tt>. В области "Категории" выберите "Java Web". В области "Проекты" выберите "Веб-приложение" и нажмите кнопку "Далее". | |
| </LI> | |
| <LI>Введите <CODE>WebApplication</CODE> в поле Project Name ("Имя проекта"). В поле "Project Location" укажите любой каталог на компьютере. В рамках данного руководства мы назовем этот каталог <tt>NetBeansProjects</tt>. | |
| </LI> | |
| <li>Установите флажок "Использовать отдельную папку для хранения библиотек" и укажите местоположение папки библиотек (необязательно). </li> | |
| <li>Снимите флажок Set as Main Project ("Установить как главный проект") и нажмите кнопку Next ("Далее"). </li> | |
| <li>На панели Server and Settings ("Сервер и настройки") оставьте GlassFish Server 3.1 сервером, на котором позже будет развернуто ваше мобильное приложение, и оставьте J2EE 1.4 версией, которую следует использовать с приложением.</li> | |
| <li>Оставьте выбранным параметр Set Source Level to 1.4 ("Установить уровень источника на 1.4"). | |
| <p class="notes"><b>Примечание.</b> Путь контекста (т. е. на сервере) становится <tt>/WebApplication</tt>, основываясь на имени, данном проекту в предыдущем действии.</p> | |
| </li> | |
| <li>Нажмите кнопку Next ("Далее"). На экране "Frameworks" нажмите кнопку "Finish" для создания проекта.<br> | |
| Среда IDE создаст папку проекта <tt>NetBeansProjects/WebApplication</tt>. Папка проекта содержит все исходные файлы и метаданные проекта, например сценарий сборки Ant. Проект WebApplication откроется в среде IDE. В главном окне редактора исходного кода будет представлена страница приветствия index.jsp. </li> | |
| </ol> | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/projects-window.png" rel="lytebox" | |
| title="Проект WebApplication и index.jsp"> <img src="../../../images_www/articles/71/mobility/webtomobile/projects-window-reduced.png" | |
| alt="Проект WebApplication и index.jsp" border=1></a></p> | |
| <H3><A NAME="add"></A>Добавление бизнес-логики</H3> | |
| <p>Чтобы создать внутри веб-проекта класс Java с общедоступным методом, который будет представлять бизнес-логику приложения, выполните следующие действия: </p> | |
| <ol> | |
| <li>В окне Projects ("Проекты") щелкните правой кнопкой мыши узел <tt>Source Packages</tt> ("Пакеты исходного кода") и выберите New ("Создать") > Java Package ("Пакет Java"). Введите <tt>MyPackage</tt> в текстовое окно Package Name ("Имя пакета") и нажмите кнопку Finish ("Готово").</li> | |
| <li>Щелкните правой кнопкой мыши узел <tt>MyPackage</tt> и выберите New ("Создать") > Java Class ("Класс Java"). Введите <tt>Calculator</tt> в текстовое окно Class Name ("Имя класса") и нажмите кнопку Finish ("Готово"). </li> | |
| <li>Вставьте следующий метод в файл <tt>Calculator.java</tt>, который откроется в окне редактора исходного кода: | |
| <pre> public int calcSum(int a, int b) { | |
| return a + b; | |
| } </pre> | |
| </li> | |
| <li>Нажмите Ctrl + S для сохранения своих изменений.</li> | |
| </ol> | |
| <H3><A NAME="comp"></A>Сборка проекта</H3> | |
| <p>В окне Projects ("Проекты") щелкните правой кнопкой мыши узел проекта <tt>WebApplication</tt> и выберите Build ("Сборка") (F11).<br>Веб-приложение для суммирования чисел готово.</p> | |
| <p class="notes"><b>Примечание.</b> По умолчанию в проекте включена функция Compile on Save ("Компиляция при сохранении"), так что нет необходимости сперва компилировать код.</p> | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/calculator.png" rel="lytebox" | |
| title="Calculator.java"> <img src="../../../images_www/articles/71/mobility/webtomobile/calculator-reduced.png" | |
| alt="Calculator.java" border=1></a></p> | |
| <a name="create-mob"></a> | |
| <h2>Создание мобильного проекта</h2> | |
| <p>Среда IDE позволяет создать клиентский мидлет, подключающийся к только что созданному веб-приложению, отправляющий ему два числа и отображающий их сумму. </p> | |
| <p> Для создания клиентского приложения Java МЕ выполните следующие действия:</P> | |
| <OL> | |
| <LI><A HREF="#create-prj">Создайте проект</A> | |
| </LI> | |
| <LI><A HREF="#add-pkg">Добавьте пакет и визуальный мидлет к проекту</A> | |
| </LI> | |
| <LI><A HREF="#add-component">Добавьте компоненты к проекту</A> | |
| </LI> | |
| <li><A HREF="#add-command">Добавьте команды к проекту</a></li> | |
| <li><A HREF="#connect-component">Соедините компоненты для создания потока операций приложения</a></li> | |
| <li><a href="#wizard">Мастер связи клиентов Java МЕ с веб-приложениями</a></li> | |
| </ol> | |
| <H3><A NAME="create-prj"></A>Создание проекта</H3> | |
| <p>В среде IDE NetBeans предусмотрен мастер, который позволяет быстро создать проект MIDP. </p> | |
| <OL> | |
| <LI>Выберите <tt>File ("Файл")</tt> > <tt>New Project ("Создать проект") (Ctrl-Shift-N)</tt>. В разделе "Категории" выберите "Java ME". В разделе "Проекты" выберите "Приложение Mobile" и нажмите кнопку "Далее". </LI> | |
| <LI>Введите <tt>MobileApplication</tt> в поле Project Name ("Имя проекта"). В поле "Project Location" укажите локальный каталог. Для целей этого руководства мы укажем каталог <tt>NetBeansProjects</tt>.</LI> | |
| <LI>Снимите установленный по умолчанию флажок Create Hello MIDlet ("Создать мидлет приветствия"). Нажмите кнопку Next ("Далее"). </LI> | |
| <LI>Оставьте Java(TM) Platform Micro Edition SDK 3.0 выбранной платформой эмулятора. Нажмите кнопку Next ("Далее"), затем Finish ("Готово").<br> | |
| Среда IDE создаст папку проекта <tt>NetBeansProjects/MobileApplication</tt>.<br>Папка проекта содержит все исходные файлы и метаданные проекта, например, сценарий Ant для этого проекта. | |
| <p class="align-center"> | |
| <IMG SRC="../../../images_www/articles/71/mobility/webtomobile/mobile-prj-created.png" NAME="graphics1" ALT="Проект MobileApplication создан" BORDER=1> </p> | |
| </LI> | |
| </OL> | |
| <h3><A NAME="add-pkg"></A>Добавление пакета и визуального мидлета к проекту</h3> | |
| <OL> | |
| <LI>Выберите проект <CODE> MobileApplication</CODE> в окне проектов и выберите <tt>File</tt> ("Файл") > <tt>New File (Ctrl-N)</tt> ("Создать файл"). В разделе "Categories" выберите "MIDP". В разделе "File Types" выберите "Visual MIDlet". Нажмите кнопку Next ("Далее").</LI> | |
| <LI>Введите <CODE>Calculator</CODE> в поля MIDlet Name ("Имя мидлета") и MIDP Class Name ("Имя класса мидлета"), а также введите <tt>CalculatorPackage</tt> в текстовое поле Package ("Пакет"). Нажмите кнопку Finish ("Готово"). <br> | |
| Приложение отобразится в окне Flow Design ("Структура потока операций") Visual Mobile Designer. | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/midlet-added.png" rel="lytebox" | |
| title="Пакет и визуальный мидлет добавлены"> <img src="../../../images_www/articles/71/mobility/webtomobile/midlet-added-reduced.png" | |
| alt="Пакет и визуальный мидлет добавлены" border=1></a></p> | |
| </LI> | |
| </OL> | |
| <h3><A NAME="add-component"></A>Добавление компонентов к проекту</h3> | |
| <OL> | |
| <LI>В представлении Flow ("Последовательность действий") перетащите следующие компоненты из раздела Displayables ("Отображаемые") в Palette ("Палитра"): | |
| <UL> | |
| <LI>Экран ожидания</LI> | |
| <LI>Form (x2)</LI> | |
| <li>Alert. | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/components-added.png" rel="lytebox" | |
| title="Компоненты добавлены"><img src="../../../images_www/articles/71/mobility/webtomobile/components-added-reduced.png" | |
| alt="Компоненты добавлены" border=1></a></p></li> | |
| </UL> </LI> | |
| <li>Щелкните Screen ("Экран"), чтобы переключиться на представление экрана и выберите <tt>form</tt> в раскрывающемся списке справа от кнопки Analyzer ("Анализатор").</li> | |
| <li>Щелкните правой кнопкой мыши компонент <tt>form</tt> и выберите <tt>New/Add</tt> ("Создать/Добавить") > <tt>Text Field</tt> ("Текстовое поле") из всплывающего меню.</li> | |
| <li>Повторите действие 3 для добавления к форме нового текстового поля.</li> | |
| <li>Выберите компонент <tt>textField</tt> и введите <tt>A</tt> как значение <tt>Label</tt> ("Подпись") в окне Properties ("Свойства") (под палитрой).</li> | |
| <li>Щелкните правой кнопкой мыши компонент <tt>A</tt> и выберите Rename ("Переименовать") из всплывающего меню.</li> | |
| <li>В диалоговом окне Rename введите <tt>fieldA</tt> в поле New Name ("Новое имя") и нажмите кнопку "ОК".</li> | |
| <li>Выберите компонент <tt>textField1</tt> и введите <tt>B</tt> как значение <tt>Label</tt> ("Подпись") в окне Properties ("Свойства").</li> | |
| <li>Щелкните правой кнопкой мыши компонент <tt>B</tt> и выберите Rename ("Переименовать") из всплывающего меню.</li> | |
| <li>В диалоговом окне Rename введите <tt>fieldВ</tt> в поле New Name ("Новое имя") и нажмите кнопку "ОК".<br> | |
| Переименованные поля будут представлять аргументы метода <tt>calcSum</tt>. | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/fields.png" rel="lytebox" | |
| title="Поля A и B"> <img src="../../../images_www/articles/71/mobility/webtomobile/fields-reduced.png" | |
| alt="Поля A и B" border=1></a></p></li> | |
| <li>Выберите <tt>form1</tt> в раскрывающемся списке справа от кнопки Analyzer ("Анализатор").</li> | |
| <li>Щелкните правой кнопкой мыши компонент <tt>form1</tt> и выберите <tt>New/Add</tt> ("Создать/Добавить") > <tt>Text Field</tt> ("Текстовое поле") из всплывающего меню.</li> | |
| <li>Выберите компонент <tt>textField</tt> и введите <tt>Result</tt> как значение <tt>Label</tt> ("Подпись") в окне Properties ("Свойства").</li> | |
| <li>Щелкните правой кнопкой мыши компонент <tt>Result</tt> и выберите Rename ("Переименовать") из всплывающего меню.</li> | |
| <li>В диалоговом окне Rename введите <tt>resultField</tt> в поле New Name ("Новое имя") и нажмите кнопку "ОК".<br>В этом переименованном поле будут отображаться результаты, выдаваемые методом <tt>calcSum</tt>. | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/resultfield.png" rel="lytebox" | |
| title="">поле результатов<img src="../../../images_www/articles/71/mobility/webtomobile/resultfield-reduced.png" | |
| alt="поле результатов" border=1></a></p></li> | |
| <li>Выберите <tt>alert</tt> в раскрывающемся списке справа от кнопки Analyzer ("Анализатор").</li> | |
| <li> В окне Properties ("Свойства") смените свойство <tt>Title</tt> ("Заголовок") на <tt>Alert</tt> ("Предупреждение"), а свойство <tt>String</tt> ("Строка") на <tt>Error while getting results from the web application</tt> ("Ошибка при получении результатов от веб-приложения").<br>Это предупреждение будет отображаться в случаях, когда веб-приложение не возвратит никаких результатов. | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/alert.png" rel="lytebox" | |
| title="Поле Alert"> <img src="../../../images_www/articles/71/mobility/webtomobile/alert-reduced.png" | |
| alt="Поле Alert" border=1></a></p> </li> | |
| </ol> | |
| <h3><A NAME="add-command"></A>Добавление команд к проекту</h3> | |
| <ol> | |
| <li>В представлении Screen ("Экран") выберите <tt>form1</tt>, щелкните правой кнопкой мыши Device Screen ("Экран устройств") и выберите <tt>New/Add</tt> ("Создать/Добавить") > <tt>Exit Command</tt> ("Команда "Выход"") из всплывающего меню. | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/second-form.png" rel="lytebox" | |
| title="Form1: добавлена exitCommand"> <img src="../../../images_www/articles/71/mobility/webtomobile/second-form-reduced.png" | |
| alt="Form1: добавлена exitCommand" border=1></a></p> </li> | |
| <li>В представлении Screen ("Экран") выберите <tt>form</tt> из раскрывающегося списка справа от кнопки Analyzer ("Анализатор").</li> | |
| <li>Щелкните правой кнопкой мыши Device Screen ("Экран устройств") и выберите <tt>New/Add</tt> ("Создать/Добавить") > <tt>Ok Command</tt> ("Команда "ОК"") из всплывающего меню.</li> | |
| <li>Повторите действие 4 для добавления <tt>Cancel Command</tt> ("Команда "Отмена"") из всплывающего меню. | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/first-form.png" rel="lytebox" | |
| title="Form: добавлены команды okCommand и cancelCommand"> <img src="../../../images_www/articles/71/mobility/webtomobile/first-form-reduced.png" | |
| alt="Form: добавлены команды okCommand и cancelCommand" border=1></a></p></li> | |
| <li>Нажмите Ctrl + S для сохранения своих изменений.</li> | |
| </ol> | |
| <h3><A NAME="connect-component"></A>Соединение компонентов для создания потока операций приложения</h3> | |
| <p>В представлении Flow ("Поток операций"), щелкните <tt>Started</tt> ("Запущено") на Mobile Device ("Мобильное устройство") и перетащите его в компонент <tt>form</tt>. Аналогичным образом соедините другие компоненты, как показано на следующем рисунке.</p> | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/app-flow.png" rel="lytebox" | |
| title="Последовательность действий приложения"><img src="../../../images_www/articles/71/mobility/webtomobile/app-flow-reduced.png" | |
| alt="Поток операций приложения" border=1></a></p> | |
| <h3><A NAME="wizard"></A>Мастер связи клиентов Java МЕ с веб-приложениями</h3> | |
| <p>Давайте используем мастер связи клиентов Java МЕ с веб-приложениями для создания мобильного клиента внутри мобильного проекта с выбором метода <tt>calcSum</tt>.</p> | |
| <OL> | |
| <LI>Разверните <tt>MobileApplication</tt>, щелкните правой кнопкой мыши <tt>Source Packages</tt> ("Пакеты исходного кода") и выберите <tt>New</tt> ("Создать") > <tt>Java ME Client to Web Application</tt> ("Связь клиента Java МЕ с веб-приложением").</LI> | |
| <li>На панели Servlet and Client Type ("Сервлет и тип клиента") выберите тип веб-приложения, с которым будет взаимодействовать мидлет: введите <tt>WebToMobileServlet</tt> в поле Servlet Name ("Имя сервлета"), убедитесь, что выбран параметр Methods in Web Application ("Методы в веб-приложении"), что необходимо поскольку мобильный клиент будет подключаться напрямую к веб-приложению и нажмите кнопку Next ("Далее"). | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/wizard.png" rel="lytebox" | |
| title="Мастер"> <img src="../../../images_www/articles/71/mobility/webtomobile/wizard-reduced.png" | |
| alt="Мастер" border=1></a></p></li> | |
| <li>На панели Methods in Web Project ("Методы в веб-проекте"), щелкните <tt>int calcSum (int a, int b)</tt> и нажмите кнопку Next ("Далее").</li> | |
| <li>На панели Client Options ("Параметры клиента") оставьте имя и пакет для созданного класса клиента в существующем виде, убедитесь, что выбраны параметры Generate stubs ("Создавать заглушки") и Allow floating point ("Разрешить плавающую точку") и нажмите кнопку Finish ("Готово").<br> | |
| В проекте Java ME будут созданы клиент Java ME и файлы сопоставления.<br> | |
| В веб-проекте будут созданы сервлет и поддерживающие классы. | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/client-generated.png" rel="lytebox" | |
| title="Клиент Java ME Client создан"> <img src="../../../images_www/articles/71/mobility/webtomobile/client-generated-reduced.png" | |
| alt="Клиент Java ME Client создан" border=1></a></p></li> | |
| </ol> | |
| <h3><A NAME="wizCode"></A>Добавление исходного кода к клиенту Java МЕ</h3> | |
| <ol> | |
| <li>Щелкните вкладку <tt>Calculator.java</tt>.</li> | |
| <li>В представлении Screen ("Экран") выберите <tt>waitScreen</tt> из раскрывающегося списка справа от кнопки Analyzer ("Анализатор").</li> | |
| <li>Щелкните правой кнопкой мыши <tt>task [SimpleCancellableTask]</tt> под Resources ("Ресурсы") и выберите Go to Source ("Перейти к исходному коду") во всплывающем меню.</li> | |
| <li>В редакторе исходного кода найдите раздел <tt>// write task-execution user code here</tt> и замените его следующим кодом: | |
| <pre> WebToMobileClient wc = new WebToMobileClient(); | |
| int a = Integer.valueOf(getFieldA().getString()).intValue(); | |
| int b = Integer.valueOf(getFieldB().getString()).intValue(); | |
| int result = wc.calcSum(a, b); | |
| System.out.println(result); | |
| getResultField().setString(String.valueOf(result));</pre></li> | |
| <li>Нажмите Ctrl + S для сохранения своих изменений.</li> | |
| </ol> | |
| <a name="deploy"></a><H2>Развертывание веб-проекта</H2> | |
| <p>Чтобы развернуть веб-приложение, в окне Projects ("Проекты") щелкните правой кнопкой мыши узел <tt>WebApplication</tt> и выберите Deploy ("Развернуть") из всплывающего меню.<br>В окне вывода отобразится следующее:</p> | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/web-deploy.png" rel="lytebox" | |
| title="WebApplication развернуто"> <img src="../../../images_www/articles/71/mobility/webtomobile/web-deploy-reduced.png" | |
| alt="WebApplication развернуто" border=1></a></p> | |
| <p class="align-center"><a href="#top">В начало</a></p> | |
| <H2><A NAME="run"></A>Запуск клиентского проекта</H2> | |
| <p> Для запуска мобильного клиентского приложения выберите <tt>Run</tt> ("Запустить") > <tt>Run Main Project</tt> ("Запустить главный проект") или нажмите F6 для запуска главного проекта.</p> | |
| <p class="notes"><b>Примечание.</b> Перед запуском клиентского приложения убедитесь, что серверное приложение развернуто и работает.</p> | |
| <p>После запуска <tt>MobileApplication</tt> откроется окно эмулятора, отображающее это мобильное приложение, которое работает в эмуляторе устройства по умолчанию.</p> | |
| <p class="align-center"> | |
| <a href="../../../images_www/articles/71/mobility/webtomobile/client-run.png" rel="lytebox" | |
| title="Клиентское приложение в эмуляторе"> <img src="../../../images_www/articles/71/mobility/webtomobile/client-run-reduced.png" | |
| alt="Клиентское приложение в эмуляторе" border=1></a></p> | |
| <a name="check"></a><H2>Проверка функциональных возможностей</H2> | |
| <ol> | |
| <li>В окне Emulator ("Эмулятор") введите любое число в поле A, переключитесь на поле B, нажав стрелку вниз на центральной кнопке, и введите новое число в поле B. | |
| <p class="align-center"><img src="../../../images_www/articles/71/mobility/webtomobile/ab.png" | |
| alt="Набор A и B" border=1></p></li> | |
| <li>Нажмите кнопку под Menu ("Меню"), затем нажмите кнопку "ОК" во всплывающем меню и нажмите центральную кнопку на Emulator для подтверждения.<br> | |
| После расчета WebApplication суммы введенных чисел, отобразится <tt>form1</tt> с результатом. | |
| <p class="align-center"><img src="../../../images_www/articles/71/mobility/webtomobile/abresult.png" | |
| alt="Результат рассчитан" border=1></p> | |
| <p class="notes"><b>Примечание.</b> Чтобы увидеть итоги этого учебного курса, загрузите <A HREF="https://netbeans.org/project_downloads/samples/Samples/Mobile/MobileClientToWebApplicationSample.zip">MobileCientToWebApplicationSample.zip</A>.</p> </li> | |
| </ol> | |
| <p class="align-center"><a href="#top">В начало</a></p> | |
| <div class="feedback-box"><a href="/about/contact_form.html?to=6&subject=Creating%20a%20Client-Server%20Application">Мы ждем ваших отзывов</a><br style="clear:both;" ></div> | |
| <br style="clear:both;" > | |
| <a name="see-also"></a> | |
| <H2>Дополнительные сведения</H2> | |
| <UL> | |
| <li><a href="smscomposer.html">Особые компоненты Visual Mobile Designer: создание приложения редактора сообщений SMS</a></li> | |
| <li><a href="filebrowser.html">Особые компоненты Visual Mobile Designer: создание обозревателя файлов мобильных устройств</a></li> | |
| <li><a href="pimbrowser.html">Особые компоненты Visual Mobile Designer: создание приложения для управления персональной информацией</a></li> | |
| <li><a href="splashscreen.html">Особые компоненты Visual Mobile Designer: использование экранов заставок в приложениях Java ME</a></li> | |
| <li><a href="waitscreen.html">Особые компоненты Visual Mobile Designer: создание экранов ожидания для мобильных приложений</a></li> | |
| <li><a href="tableitem.html">Особые компоненты Visual Mobile Designer: использование элементов таблицы в приложениях Java ME</a></li> | |
| <li><a href="http://wiki.netbeans.org/VisualMobileDesignerPalatteReference">Справочная информация: руководство по компонентам Palette в Visual Mobile Designer</a></li> | |
| </UL> | |
| <p class="align-center"><a href="#top">В начало</a></p> | |
| </BODY> | |
| </HTML> |