🎨 A1sHTML и A1sCSS
Визуальный слой библиотеки A1sCode — генерация HTML и CSS прямо из 1С.
🧱 Модуль A1sHTML
Назначение: генерация HTML-разметки из кода 1С без ручной конкатенации строк.
HTML = A1sHTML.Display(
A1sHTML.H1("Пример страницы") +
A1sHTML.P("Сгенерировано прямо из 1С!") +
A1sHTML.Button("OK", "primary", "alert('Hi!')")
);Основные функции
Display(Содержимое, Параметры?)— создаёт полноценную HTML-страницу (<html>, <head>, <body>).Tag(ИмяТега, Атрибуты, Содержимое)— универсальный конструктор тегов.H1()–H6(),P(),Div(),Span()— текстовые элементы.Button(Текст, Стиль?, JS?)— создаёт кнопку с обработчиком.Table(Источник, Параметры?)— формирует HTML-таблицу из табличного значения.Join(МассивЭлементов)— объединяет HTML-блоки в одну строку.
🎨 Модуль A1sCSS
Назначение: формирование современных стилей — типографика, кнопки, карточки, адаптивность.
// Получить CSS со шрифтами и темой
CSS = A1sCSS.GetModernCSS(Истина, "auto");
// Минимальный набор
CSS = A1sCSS.GetMinimalCSS();Основные функции
GetModernCSS(ВключитьШрифты, Тема)— современный стиль (Inter, Arimo, JetBrains Mono).GetMinimalCSS()— базовая типографика и отступы.GetComponentsCSS()— кнопки, карточки, таблицы, алерты.
💡 Пример использования вместе
Параметры = Новый Структура;
Параметры.Вставить("Заголовок", "Демо отчёта");
Параметры.Вставить("Тема", "auto");
HTML = A1sHTML.Display(
A1sHTML.H2("Топ-клиенты") +
A1sHTML.Table(ТаблицаКлиентов) +
A1sHTML.P("Сгенерировано " + ТекущаяДата()),
Параметры
);
CSS = A1sCSS.GetModernCSS(Истина, "auto");
A1sWeb.WriteFile("report.html", CSS + HTML);Результат — полностью оформленный HTML-файл, созданный прямо из 1С без шаблонов.