Nano Hash - криптовалюты, майнинг, программирование

использование тегов категорий в панели навигации на целевой странице

Я создал целевую страницу, чтобы продемонстрировать рецепты кейсов, используя типы документов о продуктах и ​​продуктах из стартового набора Umbraco.

К отдельным рецептам я добавляю теги категорий, чтобы они отображались на панели навигации на целевой странице.

Я хотел бы использовать код, похожий на этот

     <nav class="nav-bar nav-bar--center nav-bar--air-bottom">
            <a class="nav-link nav-link--black nav-link--active" href="">All</a>
            <a class="nav-link nav-link--black" href="">Vorspeisen</a>
            <a class="nav-link nav-link--black" href="">Suppen</a>
            <a class="nav-link nav-link--black" href="">Eintoepfe</a>
            <a class="nav-link nav-link--black" href="">Hauptgerichte</a>
            <a class="nav-link nav-link--black" href="">Deserts</a>
        </nav>

Я уверен, что приведенный выше код не будет работать так, как сейчас. У меня есть некоторый базовый опыт работы с HTML, но я понятия не имею о Razor и о том, как использовать псевдонимы Umbraco и т. Д. Я знаю, что вышеизложенное создаст панель навигации на моей целевой странице, что я хочу. Так что все в порядке. Единственная проблема, которая у меня есть, заключается в том, что я не знаю, какой код использовать в «» здесь: href="" для получения тегов категории вместо использования URL-адреса целевой страницы, который мне не нужен, а также не идентификатор свойства как у меня нет ID для каждого тега??? Или где я могу найти идентификатор тегов, которые я создаю для контента, как показано на снимках экрана ниже?

Как я могу получить теги категорий для панели навигации

Буду очень признателен за помощь, так как я не разработчик

Добавляю несколько снимков экрана, чтобы показать, что я пытаюсь использовать: свойство типа документа

фактические примеры тегов категорий, которые я хочу использовать

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

Обновление от 16.02.19:

Структура будет выглядеть так:

Главная
| -целевая страница
| -родительская целевая страница (это страница, на которой я хочу использовать панель навигации, которая фильтрует дочерние элементы
| -дочерние элементы
| -landingpage

Древовидная структура и структура рассматриваемой целевой страницы

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

Это прекрасно работает для моей цели.

tags categories navbar umbraco umbraco7
13.02.2019

  • Есть предложения по вышеизложенному? 13.02.2019

Ответы:


1

Я мало что понимаю, так как это не на английском языке, но вы должны быть в состоянии сделать это, на ваш взгляд:

@{
   rootPage = Model.AncestorOrSelf(1);

}

@foreach (var child in rootPage.Children) {
    var categoryTag = child.GetPropertyValue<string>("category");
    <div>@categoryTag</div>
    //do whatever else you want in there with the category tags.

}

Вот шпаргалка по перемещению в Umbraco Убедитесь, что вы посетили чит лист, чтобы найти различные способы обхода.

.Children для детей (в древовидной структуре) вашей текущей страницы. .Descendants для любого узла на вашей текущей странице. .Descendants("nodeAliasHere") заключается в том, чтобы найти любого потомка с определенным DocumentTypeAlias на вашей текущей странице.

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

13.02.2019
  • спасибо за это, но я думаю, что это не то, что я хочу или должен делать здесь. Дерево не должно меняться, так как мы хотим, чтобы все дочерние элементы отображались на одной странице, но в то же время нам нужна возможность фильтровать их по категориям с помощью панели навигации. Позвольте мне добавить несколько снимков экрана к моему вопросу, чтобы вы могли лучше понять, что Я пытаюсь достичь. 14.02.2019
  • Пожалуйста, покажите мне дерево тоже. Поможет. Или хотя бы структуру дерева. 15.02.2019
  • Пытался обновить вопрос с помощью древовидной структуры и добавил снимок экрана из моего дерева. надеюсь, это поможет 16.02.2019
  • @RobF Я изменил свой ответ. это должно вместить больше, что вам нужно. 18.02.2019
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..