html интерфейс в мобильном приложении, пример взаимодействия html с мобильным приложением

27.08.21

Разработка - Работа с интерфейсом

Пример взаимодействия html с 1С мобильным приложением.

Файлы

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование Скачано Купить файл
(только для физ. лиц)
html интерфейс в мобильном приложении, пример взаимодействия html с мобильным приложением:
.dt 51,33Kb ver:1.0
25 2 150 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний

Оформите подписку на компанию для решения рабочих задач

Оформить подписку и скачать решение со скидкой

В настоящее время, большая часть функций в мобильном приложении ограничена, в том числе и поле html. Однако можно найти обходные пути для решения некоторых задач !) В данной статье я приведу небольшой обзор, работы со списком значений, даты и времени и небольшой пример создания документа из html интерфейса.

К статье прикреплен файл выгрузки .dt

В мобильном приложении (На текущий момент) невозможно сохранить текстовый макет где можно сохранять текст Html поля, поэтому пришлось выкручиваться. Весь текст html я сохранил в табличном макете, разбив код по областям ячеек. 
 

 

В примерах использованы базовые стили оформления .css (При желании можно добавить картинки и более изящные эффекты, в зависимости от поставленных задач и воображения ).

Так же в мобильном приложении, событие Html поля (ПриНажатии) срабатывает только при переходе по ссылкам. В связи с этим, пришлось немного выкручиваться, а именно - к каждому действию привязал ссылки и специальные символы для определения выполняемой функции\процедуры .

Список задач html.

После открытия формы, полю html документа необходимо некоторое время для формирования, в связи с этим- некоторые функции JavaScript недоступны. Пришлось подключить обработчик ожидания для выполнение одной процедуры заполнения.

Получилось следующее:
 

 

  •  В поле "Ссылка" отобразится выбранное значение (Из списка 1С и Html списка)
  •  Поле "Список" - Список значений 1С, заполен тестовыми значениями из справочника.
  •  Html список заполняется из "Списка 1С"

     Кнопки "Добавить тесты" - пример добавления элемента в список (Добавляет пустое текстовое значение "Тест +Индекс")

     Кнопка "Перезаполнить" - очищает список и перезаполняет из списка 1С.

 

Следующая страница содержит пример работы с датой и временем.

Данный пример показывает как можно взаимодействовать с реквизитом "Дата и время" из Html поля в 1С и наоборот. Ограничился простыми реквизитами выбора даты и времени. Поле даты можно преобразить в виде календарика , или переделать под свои определенные задачи. (В зависимости от знания html и css)

 

 

  •  "Установить время в html поле" - по заголовку всё понятно )). Изменяет дату и время из поля 1с.
  • Html дата и время 
  • Полученная дата строкой - заполняется в зависимости от выбранной даты из html поля и поля 1С.
  • Поле Даты и времени 1С

 

Следующая страница - создание документа.

Пример создания документа из html. Для примера был создан тестовый документ с несколькими реквизитами и ссылкой на справочник.
Добавлена кнопка для выбора справочника из html и кнопка очистки (Можно сделать намного проще и эффектнее, всё зависит от знаний html и воображения автора). 

 

 

Ну тут всего одна кнопка "Создать документ" - открывает форму нового документа 1С.

И html поле - с готовой формой для заполнения. 

Ну и последний пример - форма авторизации (статья будет дополняться ...)

Форма авторизации из html поля, для наглядности "Логин" и "Пароль" выведены на форме. При формировании html документа, данные берутся из из полей "Логин" и "Пароль" и идет проверка на совпадение (Функции JS). При успешной авторизации выводится окно 1С, иначе выводится предупреждение с текстом предупреждения ( Не правильный пароль, логин и тд)
 

 

На этом все. К статье прикреплен файл выгрузки .dt  со всеми примерами на скриншотах. Статья и файлы будут дополняться в будущем. (Вместе с изменениями в платформах мобильного приложения).

Для реализации некоторых задач помогли следующие ссылки :)

Комментарии

Статья

комментарии

Тесты проводились на платформах 1С:Предприятие 8.3 (8.3.15.1778) 

Мобильная платформа  8.3.15.62

Виртуальное и реальные устройства android 8.1 (Lenovo) 

Вступайте в нашу телеграмм-группу Инфостарт

Мобильно приложение html javaScript

См. также

Мобильная разработка Сканер штрих-кода Терминал сбора данных Управляемые формы Мобильная платформа 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Управленческий учет Платные (руб)

Сбор заказов, инвентаризация, проверка ценников, просмотр полной информации об остатках и ценах со смартфона Онлайн - все это содержит в себе решение 1С "Штрихкод-информер" (штрих-код чекер). Отправка данных со смартфона выполняется либо напрямую в открытую форму документа, отсканировав QR-код, либо в общую корзину учетной системы, не подходя к компьютеру. Кассир или оператор сможет просмотреть список присланных данных и загрузить в любую форму, поддерживающую работу с ТСД. Для работы с мобильным приложением требуется опубликовать HTTP-сервис из поставляемого расширения.

3000 руб.

03.12.2018    64220    218    106    

183

Логистика, склад и ТМЦ Мобильная разработка Программист Руководитель проекта 1С v8.3 1С:Управление торговлей 11 Управленческий учет Платные (руб)

«Склад 15 ПРОДУКТОВЫЙ» - специализированное программное обеспечение для терминалов сбора данных со встроенным сканером штрихкода, объединяет в себе несколько товарных групп маркированного товара (АЛКОГОЛЬ, ПИВО, ТАБАК, ШИНЫ, ОБУВЬ, ОДЕЖДА, ПАРФЮМ, МОЛОКО, ВОДА), которые чаще всего встречаются в складской логистике вместе. Предназначено для автоматизации всех товароучетных операций на складах, обычных и адресного хранения различной сложности. Позволяет ускорить и упростить действия линейного персонала, а также снизить вероятность ошибок при работе, обусловленных человеческим фактором.

48000 руб.

30.05.2023    4625    2    0    

1

Сканер штрих-кода Терминал сбора данных Мобильная разработка Монитор заказов Оптовая торговля Розничная торговля Ценообразование, анализ цен Программист Пользователь 1С v8.3 Мобильная платформа 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Розничная и сетевая торговля (FMCG) Оптовая торговля, дистрибуция, логистика Управленческий учет Платные (руб)

Простой мобильный ТСД (терминал сбора данных) сканер для 1С для смартфонов на iOS и Android, не требующий сложных настроек и установки дополнительных программ. Обмен между Вашей 1С и мобильным приложением осуществляется через облачный сервис и расширение конфигурации. Работает с конфигурациями УТ 11, ERP, КА2, Розница 2, Розница 3, УНФ 1.6, УНФ 3.0. Полнофункциональный демо-доступ для своей конфигурации можно запросить в настройках мобильного приложения - все необходимое придет на почту автоматически.

3000 руб.

22.04.2019    107420    650    200    

349

Мобильная разработка Мессенджеры и боты 1С v8.3 Платные (руб)

Теперь создать telegram-бота - элементарно. Достаточно просто нарисовать блок-схему телеграм-бота, и он сразу заработает. Это возможно при использовании Графического конструктора телеграм-ботов. Это единственный конструктор ботов для telegram, чье качество и функционал подтверждены фирмой 1С, есть сертификат 1С:Совместимо. Расширение в интерактивном режиме, с помощью блок-схем, позволяет с минимальными трудозатратами создать телеграм-ботов в любой конфигурации, работающей на платформе «1С:Предприятие 8.3».

13200 руб.

27.12.2021    45464    124    172    

219

Логистика, склад и ТМЦ Мобильная разработка 1С v8.3 1С:Комплексная автоматизация 1.х 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 Розничная и сетевая торговля (FMCG) Россия Платные (руб)

Специализированное программное обеспечение для мобильных устройств со встроенным сканером штрихкодов. Позволяет быстро автоматизировать, оптимизировать рабочие места и бизнес процессы по учету товара в магазине. Например, приемку товара по штрихкодам или инвентаризацию прямо в торговом зале.

18500 руб.

30.05.2023    4612    3    0    

5

Логистика, склад и ТМЦ Сканер штрих-кода Терминал сбора данных Мобильная разработка 1С v8.3 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 Россия Бухгалтерский учет Управленческий учет Платные (руб)

Вашему вниманию предлагается специализированное программное обеспечение для терминалов сбора данных со встроенным сканером штрихкода. Предназначено для цифровизации всех товароучетных операций на любых складах, в том числе с адресным хранением различной сложности. Позволяет ускорить и упростить работу кладовщиков, а также снизить вероятность ошибок при работе, обусловленных человеческим фактором.

19000 руб.

28.04.2023    11599    18    4    

11

Мобильная разработка 1С v8.3 1С:Управление торговлей 11 Оптовая торговля, дистрибуция, логистика Россия Платные (руб)

"МРМ:Маркировка" для работы с конфигурациями 1С - готовое решение, позволяющее быстро автоматизировать работу учетной системы 1С на ордерном и безордерном складе при работе как с товарами, подлежащими обязательной маркировке, так и с товарами, учет которых построен на базе линейных штрих-кодов. Решение поддерживает большинство распространенных складских документов, необходимых для работы кладовщику на терминале сбора данных. Для начинающих пользователей имеется подробная инструкция по работе с приложением в разрезе видов документов.

15000 руб.

24.06.2025    801    1    0    

2
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. Segate 283 08.12.20 13:25 Сейчас в теме
Как реализовано получение данных из поля HTML?
2. user5300 1094 08.12.20 13:33 Сейчас в теме
(1) Создание и передача ссылок в событие "ПриНажатииHtmlПоля"
5. McLer 126 29.03.21 07:35 Сейчас в теме
(2)
ПриНажатииHtmlПоля


Проверяли как это работает на iOS ? Проверяли что будет если будет много объектов на html форме по которым можно нажать?
6. user5300 1094 29.03.21 08:31 Сейчас в теме
(5) Нет.
Нет возможности протестировать на ios ...
7. maksa2005 374 29.07.21 12:45 Сейчас в теме
(5)проверил. работает уже как 1 год
3. ltfriend 08.12.20 20:28 Сейчас в теме
За бесплатно.
Сохраняем HTML в файл.
Добавляем новый общий макет с типом "ДвоичныеДанные" и выбираем сохранённый выше файл.
Читаем текст из макета:
ДвоичныеДанные = ПолучитьОбщийМакет("HTMLДокумент");
Поток = ДвоичныеДанные.ОткрытьПотокДляЧтения();
	
ЧтениеТекста = Новый ЧтениеТекста(Поток);
	
ПолеHTML = ЧтениеТекста.Прочитать();
	
ЧтениеТекста.Закрыть();
	
Поток.Закрыть();
Показать
nickez; akR00b; user1503726; +3 Ответить
4. user5300 1094 09.12.20 08:07 Сейчас в теме
(3) У меня статья про взаимодействие с HTML - файлом, а не способом его получения и хранения :)
Можно вообще весь текст разместить в общем модуле или в РС... (Бесплатная идея).
$м за мои труды, и дешевле и понятнее того что можно найти в интернете.
8. maksa2005 374 29.07.21 12:47 Сейчас в теме
(3)
Функция ПолучитьТекстСтраницы(ИмяМакета)
	Возврат ПолучитьОбщийМакет(ИмяМакета).ПолучитьОбласть(1,1,1,1).ТекущаяОбласть.Текст;
КонецФункции

еще быстрее.
9. maksa2005 374 29.07.21 12:50 Сейчас в теме
Все то что здесь нарисовано - не годиться для клиента вне общей сети 1с. Все надо под html и ничего связано с формами 1с)
https://play.google.com/store/apps/details?id=ru.e1c.tpmir86
10. mxs89 28 07.10.21 10:14 Сейчас в теме
Привет. Подскажите, как окна в мобильном приложении программно раскрыть на весь экран? На планшетах это отдельное окно, которое не максимизируется.
11. rresha 27.02.23 21:18 Сейчас в теме
12. serverstar 70 26.07.23 12:05 Сейчас в теме
Товарищ, при всем уважении. В этом случае вы устанавливаете дату через 1с-кий элемент формы.
А вот как установить дату-время на Андроиде (или эмкляторе) прямо из тега <input>?

Вот где засада. Потому что в Андроиде стандаттное событие ПолеHTMLПриНажатии () не отрабатывает для Button, Input итд
Прикрепленные файлы:
Оставьте свое сообщение