В этом видео показано, как создавать общие компоненты, такие как верхние и нижние колонтитулы, создавать динамическое меню навигации и настраивать представления для блоков в Optimizely CMS 12.
Вот краткое изложение ключевых шагов:
- Создание компонентов верхнего и нижнего колонтитула: В видео показано, как создать
header.cshtmlиfooter.cshtmlфайлы подViews/Sharedпапка. Изначально они просты, но позже их можно усовершенствовать. - Интеграция компонентов в макет: Созданные частичные представления верхнего и нижнего колонтитула затем интегрируются в основной вид.
_Layout.cshtmlфайл с использованиемawait Html.RenderPartialAsyncчтобы сделать их общими для всего сайта. - Создание динамического меню: Компонент заголовка расширен и теперь включает динамическое меню. Это предполагает введение
IContentLoaderдля извлечения дочерних страниц со стартовой страницы и прохода по ним для создания гиперссылок. - Создание представлений для блоков (специфично для CMS 12): Для таких блоков, как «Блок ингредиентов» и «Блок шагов рецепта», процесс в CMS 12 отличается от более ранних версий. Это требует:
- Посмотреть модели: Создание отдельных моделей представления (например,
IngredientViewModel) для каждого блока для хранения отображаемых данных. - Компоненты (Просмотр компонентов): Создание компонентов представления (например,
IngredientViewComponent), которые наследуются отAsyncBlockComponentи сопоставить данные из модели блока с его моделью представления. - Просмотры: Создание реальных представлений Razor (
default.cshtml) для каждого блока в определенной структуре папок:Views/Shared/Components/[Block Model Name]/default.cshtml. Эти представления затем используют модель представления для отображения содержимого блока.
Ещё по этой теме
