Как внедрить лендинг со своим шаблоном и стилями

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

  1. Шаблон (папка с файлами CSS, JS и др.) кладем в папку [TemplateName] в /uploads/html-templates
  2. Создаем страницу и ставим Layout=Лендинг (доступ ставим all)
  3. В теле страницы прописываем полный текст страницы (с html, body, head). 
  4. Для правильных путей скриптов: пропишите в SELECT 3 в SQL странице этот путь и затем используйте его для всех относительных путей. 

Например: 

<link href="{sp-baseUrl}/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-- 3 SELECT 

select '/uploads/lands/stylish' baseUrl

Примечание

  1. ВАЖНО!!! Обязательно требуйте, чтобы внешнюю верстку делали на Bootstrap 4 (чтобы была возможность подключить Bootstrap стили на странице). 
  2. Рекомендуем использовать полностью все скрипты и стили от лендинга, а не использовать экземпляры библиотек (jquery, bootstrap и т.д.) от Falcon (из-за возможных проблем с версиями).  
  3. В тело страницы вставляется по сути только то, что вы пропишете в поле Содержание страницы (т.е. вам необходимо добавить полное содержимое страницы с тегами html, head, body, со всеми стилями и скриптами и не использовать дополнительные поля для стилей)
  4. Если необходимы функции Falcon на лендинге, то необходимо будет вручную подключать скрипты и стили платформы 

Основные системные стили Falcon:

<link rel="stylesheet" href="/Content/modules/as.css">
<link rel="stylesheet" href="/Content/modules/as.crud2.css">
<link rel="stylesheet" href="/Controls/Resource/GetFile?code=globalCSS">
<link href="/js/jqueryPlugins.min.css" rel="stylesheet">

 Основные системные скрипты Falcon: 

<!-- Bootstrap & jquery -->
<script src="/content/sb-admin/vendor/jquery.min.js"></script>
<script src="/content/sb-admin/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>


<script type="text/javascript" src="/js/baseJS.min.js" charset="windows-1251"></script>
<script type="text/javascript" src="/js/baseJSControls.min.js" charset="windows-1251"></script>
<script type="text/javascript" src="/Controls/Resource/GetFile?code=globalJS" charset="windows-1251"></script>
<script type="text/javascript" src="/js/jqueryPlugins.min.js" charset="windows-1251"></script>
<script src="/js/falcon/pFalcon.js"></script>

<script>
    $(function () {
        pFalcon.init({
            isDebug: false,
            canEdit:false,
            renderData: {
                username: '',
                roles: '',
                urlParameters: ''
            },
            introParams: []
        });
    });
</script>

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

  • {sp-head} - раздел head страницы. 
  • {sp-menu} - основное меню
  • {sp-footer} - раздел footer страницы
  • {sp-scripts} - подключение скриптов (скрипты от лендинга и скрипты falcon). 

Саму разметку помещаем в HTML блоки, извлечение разметки делаем в SQL для страницы и передаем в SELECT 3. 

declare @head nvarchar(max)
exec [dbo].[as_block] @code = 'head', @itemID = 'default', 
   @parameters = default, @res = @head OUTPUT

-- SELECT 3 
select @head head

Подробнее про sp параметры описано в Настройки страницы в SELECT 3. 

Примечание. В ноябре 2022 внедрили для механизма лендов типовые блоки. Теперь можно собрать лендинг без необходимости задействовать внешние шаблоны лендов. 

Примеры типовых блоков лендинга - https://falconspace.ru/landguide

Как работает механизм лендов - https://falconspace.ru/docs/sozdanie-redaktiruemogo-lendinga-cherez-mekhanizm-lendy

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
Сайт использует Cookie. Правила конфиденциальности OK