Конфигурация для создания HTML-страницы без написания кода, используя библиотеку Bootstrap

15.01.24

Разработка - Инструментарий разработчика

С помощью самописной конфигурации можно создать HTML-страницу без написания кода, используя библиотеку CSS Bootstrap. Удобный интерфейс позволяет использовать её даже без навыков в CSS. Я думаю, что это полезно как для новичков, так и для продвинутых пользователей.

Скачать исходный код

Наименование Файл Версия Размер
База
.dt 94,46Kb
17
.dt 94,46Kb 17 Скачать

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

 

 

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

Конфигурация позволяет вам создавать разнообразные HTML-страницы — от простых информационных до сложных форм с множеством полей и кнопок. Вы можете легко настраивать внешний вид элементов, и это происходит без необходимости в ручном вводе CSS-кода благодаря встроенным стилям Bootstrap.

 

Метаданные конфигурации:

Справочник «Теги» - Список HTML теги  (можно добавить или редактировать)

 

 

Справочник «Class» - Список Имя классы библиотеки Bootstrap (можно добавить или редактировать)

 

 

Документ Редактор HTML

 

 

Как пользоваться ?

 

 

  1. Добавим теги
  2. Для каждого тега можно указать id, стиль и текст
  3. Выбираем нужные классы
  4. Нажимаем кнопка Сформировать

 

Пример:

Для примера возьмём большой текст  (https://getbootstrap.com/docs/5.0/content/typography/)

 

 

Создаем новый документ, добавим тег

 

 

Установим текст

 

 

Добавим класс

 

 

И нажимаем сформировать

 

 

Добавим еще классы «text-center»,  «bg-primary» и  «text-white» (если нет в списке, можно сразу добавить)

 

 

И нажимаем кнопку Сформировать

 

 

Лучше так

 

 

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

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

Дальнейшие планы: Интеграция JavaScript и Возможность Интерактивного Добавления Картинок.

Конфигурация: Самописная.

Протестировано на платформе: 8.3.22.1704.

Сайт HTML Разметка страниц Bootstrap

См. также

Infostart Toolkit: Инструменты разработчика 1С 8.3 на управляемых формах

Инструментарий разработчика Роли и права Запросы СКД Платформа 1С v8.3 Управляемые формы Запросы Система компоновки данных Конфигурации 1cv8 Платные (руб)

Набор инструментов программиста и специалиста 1С для всех конфигураций на управляемых формах. В состав входят инструменты: Консоль запросов, Консоль СКД, Консоль кода, Редактор объекта, Анализ прав доступа, Метаданные, Поиск ссылок, Сравнение объектов, Все функции, Подписки на события и др. Редактор запросов и кода с раскраской и контекстной подсказкой. Доработанный конструктор запросов тонкого клиента. Продукт хорошо оптимизирован и обладает самым широким функционалом среди всех инструментов, представленных на рынке.

10000 руб.

02.09.2020    127260    689    389    

740

Infostart PrintWizard - создание и редактирование печатных форм в 1С 8.3

Пакетная печать Печатные формы Инструментарий разработчика Платформа 1С v8.3 Запросы 1С:Зарплата и кадры бюджетного учреждения 1С:Конвертация данных 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 Платные (руб)

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

18000 руб.

06.10.2023    8435    25    6    

46

Интеграция Альфа Авто 5 / Альфа Авто 6 и AUTOCRM / Инфотек

Сайты и интернет-магазины WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 1С:Управление торговлей 11 Автомобили, автосервисы Россия Управленческий учет Платные (руб)

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM разных брендов в одной информационной базе в ручном и автоматическом режиме.

36000 руб.

03.08.2020    16000    14    18    

13

Infostart УДиФ: Управление данными и формами 1С

Инструменты администратора БД Инструментарий разработчика Роли и права Платформа 1С v8.3 Конфигурации 1cv8 Россия Платные (руб)

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

10000 руб.

10.11.2023    4757    12    2    

38

SALE! %

PowerTools

Инструментарий разработчика Инструменты администратора БД Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Россия Платные (руб)

Универсальный инструмент программиста для администрирования конфигураций. Сборник наиболее часто используемых обработок под единым интерфейсом.

3600 2280 руб.

14.01.2013    178961    1085    0    

863

Интеграция 1С — Битрикс24. Обмен задачами

Сайты и интернет-магазины Интеграция WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Управленческий учет Платные (руб)

Интеграция 1С и Битрикс24. Разработка имеет двухстороннюю синхронизацию 1С и Битрикс24 задачами. Решение позволяет создавать пользователя в 1С из Битрикс24 и наоборот. Данная разработка технически подходит под все основные конфигурации линейки продуктов 1С:Предприятие 8.3 (8.3.18.1289). При приобретении предоставляется 1 месяц бесплатных обновлений разработки. Доступна демо-версия продукта с подключением Вашего Битрикс24

5040 руб.

04.05.2021    18009    9    15    

14
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. Kerdik 17.01.24 11:06 Сейчас в теме
2. kirulbek 30 17.01.24 17:15 Сейчас в теме
https://t.me/kirulbek - мой телеграмм, можете скриншот отправить ?
3. DrAku1a 1718 21.01.24 09:09 Сейчас в теме
Начало неплохое. Идея понятна и "движок" - работают.
Тегов и стилей немного, требует дополнения (в идеале, залить всё).
И нужно добавить описания, примеры.
Можно ещё сделать режим обновления при изменениях (как что-то меняется - обновить страницу).
И странно называть одну HTML-страницу сайтом.

Полезное применение данного инструмента - можно взять на вооружение тем, кто делает бэкенд на 1С. Доработать алгоритмы - сделать именованные блоки с набором свойств, выводить по условию и/или использованием циклов.
Добавить обработчик сбора данных перед выводом страницы (например, запросить список номенклатуры) для генерации контента.
4. kirulbek 30 21.01.24 11:39 Сейчас в теме
(3) Тегов и стилей немного, требует дополнения (в идеале, залить всё).
Ищу по перечень теги и стили в виде - чистый список что бы загрузить базу, пока не удалось

Можно ещё сделать режим обновления при изменениях (как что-то меняется - обновить страницу).
да можно так и сделать, что бы не нажимать каждый раз кнопка

Доработать алгоритмы - сделать именованные блоки с набором свойств, выводить по условию и/или использованием циклов.
С этим уже работаю. Справочник Тега добавить табличный часть Свойств и исппользовать при сформирование с отметкой (флаг)

Добавить обработчик сбора данных перед выводом страницы (например, запросить список номенклатуры) для генерации контента.

Планирую развивать - идея в виде расширения, а не отдельный конфигурация.
Результат запроса передать обработку что бы генерировался контент
5. user2065352 12.03.24 16:45 Сейчас в теме
Нажимаешь на Скачать и начинаются пляски с бубном.
- Укажите ваш email для отправки файла
- Согласен с правилами пользования


1. Ок, указал и нажал. Далее

- Подтвердите свою почту

2. нажал в почте на ссылку и перекинуло на форму регистрации, штук 7-10 полей и все поля обязательны.
3. Все поля заполнил, зарегистрировался.
4. Вернулся в тему и повторно нажал на Скачать.

- Email не включен в абонемент, берите тарифный план

5. Выбрал бесплатный, нажал, перекинуло на новую форму

- Введите ваш номер телефона

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