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

15.01.24

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

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

Скачать файл

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

Наименование По подписке [?] Купить один файл
База
.dt 94,46Kb
20
20 Скачать (1 SM) Купить за 1 850 руб.

В мире современных технологий каждый шаг вперед в разработке программного обеспечения — это шаг к упрощению и улучшению пользовательского опыта. Конфигурация, позволяющая создавать впечатляющие 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

См. также

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

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

12000 руб.

02.09.2020    171681    960    403    

924

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

Инструмент представляет собой обработку для проведения свёртки или обрезки баз данных. Работает на ЛЮБЫХ конфигурациях (УТ, БП, ERP и т.д.). Поддерживаются серверные и файловые базы, управляемые и обычные формы. Может выполнять свертку сразу нескольких баз данных и выполнять их автоматически без непосредственного участия пользователя. Решение в Реестре отечественного ПО

8400 руб.

20.08.2024    14247    108    46    

108

Инструментарий разработчика Программист Платформа 1С v8.3 1C:Бухгалтерия Платные (руб)

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

9360 руб.

17.05.2024    27239    96    48    

137

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

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

22200 руб.

06.10.2023    17251    43    15    

75

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

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

15000 руб.

10.11.2023    11886    45    27    

67

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

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

57600 руб.

26.11.2024    1538    1    1    

4

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

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

36000 руб.

03.08.2020    18566    20    22    

18

SALE! %

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

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

4800 3840 руб.

14.01.2013    191150    1152    0    

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

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

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

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

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

Планирую развивать - идея в виде расширения, а не отдельный конфигурация.
Результат запроса передать обработку что бы генерировался контент
7. DrAku1a 1749 02.05.24 06:39 Сейчас в теме
(4) Есть развитие, что-нибудь новое?
5. user2065352 12.03.24 16:45 Сейчас в теме
Нажимаешь на Скачать и начинаются пляски с бубном.
- Укажите ваш email для отправки файла
- Согласен с правилами пользования


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

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

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

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

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

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

Это уже слишком, дальше наверное будет отпечатки пальцев рук и ног, фото с паспортом и тому подобные извращения, для того чтобы посмотреть, полезен ли этот файл.
6. DrAku1a 1749 02.05.24 06:38 Сейчас в теме
(5) Это не к автору претензия, так работает сам сайт Инфостарт.
Чтобы тут что-то скачать - либо делитесь своим, либо платите...
Оставьте свое сообщение