База данных кода Wix и моделирование данных

  1. База данных кодов Wix
  2. Пополнение коллекций
  3. Использование внешних баз данных
  4. Крюки данных
  5. Моделирование ваших данных
  6. Поля идентификатора и основные поля
  7. Поля ссылки
  8. Создание страниц из вашего контента
  9. Настройка динамической страницы
  10. Мастер-страницы
  11. Резюме

Я знаю, что многие из читателей CSS-Tricks - сильные веб-дизайнеры и разработчики. Большинство из вас, вероятно, не очень часто используют создатели сайтов, так как вы являетесь создателем сайтов. Вы любите контроль. Вы любите возможности. Вы хотите быть ближе к металлу, потому что это ваш опыт.

Но вы также знаете стоимость. Все, что вы выбрали для себя, накапливается на ответственности, которую вы берете на себя. Технический долг. Использование конструктора сайтов, такого как Wix, может значительно сократить эту техническую задолженность, и вы можете быть удивлены тем, как мало контроля вы должны оставить. Следующий пост о некоторых новых и очень мощных новых функциях Wix прямо в этом переулке.

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

Давайте подробно рассмотрим, что вы можете делать с базой данных Wix Code, включая типы информации, которую вы можете хранить, способы управления данными с помощью кода и способ динамического отображения информации на вашем сайте.

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

База данных кодов Wix

Как и все базы данных, база данных Wix Code состоит из отдельных таблиц, которые мы называем коллекциями. В нашем примере художественной школы (см. Изображение ниже) у нас есть две коллекции, по одной для курсов и учителей.

Изображение ниже) у нас есть две коллекции, по одной для курсов и учителей

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

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

Вы можете синхронизировать с ними в любое время

Пополнение коллекций

У вас есть несколько вариантов для заполнения ваших коллекций. Вы можете вручную вводить данные непосредственно в Wix Content Manager, либо в свои данные Live, либо в свои данные песочницы.

Если вы специалист по Excel, вы можете выполнять всю работу в Excel (или в любой другой программе для работы с электронными таблицами, которую вы предпочитаете), сохранять лист в виде файла CSV и затем импортировать его в базу данных Wix Code. На самом деле, вы можете создать всю свою коллекцию таким образом, схему и все. Вы можете импортировать в свои данные Live или данные песочницы.

Вы также можете экспортировать данные Wix в файлы CSV. Если вы обязательно включите поле встроенной системы ID, вы сможете изменить свой контент в электронной таблице, а затем повторно импортировать его в базу данных кода Wix, чтобы обновлять каждую запись или то, что мы называем элементом.

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

Использование внешних баз данных

Если у вас уже есть база данных где-то, вы можете подумать, что не хотите воссоздавать ее в Wix. Хорошей новостью является то, что вам не нужно. Пока ваша база данных предоставляет API, вы можете получить к нему доступ с вашего сайта Wix.

Для простых приложений вы можете использовать модуль wix-fetch - реализацию стандартного API JavaScript Fetch - для доступа к вашей внешней базе данных с помощью HTTP-запроса и использования этих данных на страницах вашего сайта Wix.

Вы также можете связать модуль wix-fetch с другим модулем Wix, wix-router, который позволяет управлять маршрутизацией входящих запросов. Используя функциональные возможности обоих этих модулей, вы можете создавать оптимизированные для SEO динамические страницы, на которых отображаются разные данные в зависимости от URL-адресов, используемых для их доступа.

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

Используя wix-router и wix-fetch, вы можете написать код, который извлекает информацию из входящих запросов для страницы профиля, запрашивает внешнюю базу данных для получения информации для страницы, а затем вводит эти данные в страницу профиля. Вы даже можете повысить безопасность своей страницы с помощью модуля wix-users.

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

Крюки данных

Вы можете добавить хуки к действиям в ваших коллекциях, используя API wix-data.

Например, в нашей коллекции учителей у нас есть два отдельных поля: Имя и Фамилия. Чтобы упростить отображение имен на наших страницах, мы также хотим, чтобы одно поле содержало оба имени вместе. Для этого мы можем добавить ловушку beforeInsert к нашей коллекции Teachers, которая подключается к действию вставки, считывает содержимое полей «Имя» и «Фамилия», а затем объединяет их и заполняет поле «Полное имя».

Моделирование ваших данных

Теперь, когда мы рассмотрели саму базу данных, давайте поговорим о моделировании ваших данных в базе данных Wix Code.

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

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

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

Поля идентификатора и основные поля

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

Когда вы создаете соединения, используя справочные поля (см. Следующий раздел), значения поступают из основного поля. Конечно, сама ссылка использует поле _ID. Если вы планируете использовать справочные поля, рекомендуется убедиться, что данные, которые вы храните в основном поле, уникальны.

Поля ссылки

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

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

В нашем примере мы создали справочное поле в нашей коллекции Courses, которое указывает на нашу коллекцию Teachers, чтобы мы могли указать, кто преподает в каждом классе.

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

Создание страниц из вашего контента

Конечно, хранение и поддержание данных - это хорошо, но реальный смысл наличия веб-сайта - это отображение контента для посетителей. Итак, давайте поговорим о том, как это работает с Wix Code.

Вернемся к нашему примеру художественной школы. У нас есть два разных типа информации: курсы и учителя. Таким образом, вы могли бы начать с разработки макета страницы для отображения всей информации о каждом из курсов. Затем вы можете создать страницу с подробной информацией о мастерах, в которой перечислены все ваши учителя и курсы, которые они преподают.

Настройка динамической страницы

Когда вы создаете динамические страницы в коде Wix, вы сначала определяете URL-адрес, который будет контролировать, какой контент может отображать ваша страница. Некоторые URL-адреса могут указывать один элемент, а другие могут указывать целую категорию элементов (например, все курсы определенного уровня).

Вы настраиваете шаблон URL, выбирая поле (или поля) из вашей коллекции. Один шаблон URL, который вы можете использовать для отображения каждого из ваших курсов, может быть https: //.../Courses/ <Title>. Каждый раз, когда генерируется другая страница, поле заменяется фактическим названием извлекаемого элемента. Таким образом, URL-адрес страницы одного курса будет https: //.../Courses/Art-History, а URL-адрес страницы другого курса будет https: //.../Courses/Intro-to-Painting.

Затем вы создаете макет страницы в редакторе, размещая на странице различные элементы и соединяя те, которые хотите использовать для отображения динамических данных, в полях вашей коллекции. Вы можете использовать текстовые элементы, изображения, кнопки, полосы и различные элементы, состоящие из нескольких элементов, такие как повторители, таблицы и галереи. Если вы хотите, чтобы некоторые элементы оставались статичными, например заголовки, просто не подключайте их.

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

Реальные динамические страницы могут выглядеть примерно так.

Реальные динамические страницы могут выглядеть примерно так

Обратите внимание, что обе страницы имеют одинаковый макет. Тем не менее, некоторые элементы были заменены информацией о курсах из нашей базы данных. Фон страницы также отличается для каждой страницы. Контейнерная коробка даже автоматически увеличивается, чтобы включить описание для курса истории искусств.

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

Наконец, обратите внимание, как URL-адреса страниц являются уникальными для каждой страницы. По сути, каждая из этих страниц уникальна. И Wix Code создает их автоматически для нас. Если мы добавим новый курс в нашу коллекцию, страница для него будет создана автоматически.

Мастер-страницы

Еще одна интересная вещь, которую вы можете сделать с помощью Wix Code, - это создание страниц с основными сведениями. Например, вы можете создать страницу, которая будет выступать в качестве указателя, в котором перечислены все учителя в вашей школе и курсы, которые каждый из них преподает. Это потребует извлечения информации из нескольких коллекций (курсов и учителей), а затем отфильтрует курсы по их учителю, чтобы отображались только соответствующие курсы.

Наши коллекции баз данных созданы в структуре «многие к одному»; У каждого учителя есть много курсов, которые они преподают. Если выше мы отображали каждый курс и его отдельного учителя, то теперь мы используем противоположный подход и показываем каждого учителя и все его курсы.

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

Ниже приведен пример того, как может выглядеть страница индекса с подробной информацией о мастере при использовании повторителя

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

Резюме

Мы представили некоторую информацию высокого уровня о база данных Wix Code и некоторые из возможностей, которые он предлагает для хранения ваших данных, манипулирования вашими данными и динамического отображения ваших данных для ваших посетителей. Мы также проиллюстрировали, как доступные опции частично контролируются решениями, которые вы принимаете при создании своих коллекций и их подключении. Прежде чем приступить к созданию базы данных Wix Code, стоит потратить некоторое время на размышления о том, какая информация у вас есть и как вы хотите ее отображать, чтобы вы могли наиболее эффективно моделировать ваши данные.

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

Похожие

"Wix vs. WordPress" для SEO, блогов или электронной коммерции (6 факторов, 1 вердикт)
Как постоянный ботаник в моей группе друзей и семье, меня часто привлекают к различным задачам внештатной разработки, будь то поиск неисправностей в каком-нибудь привередливом плагине или редизайн блога для друга. Таким образом, я обнаружил, что вхожу во всевозможные интерфейсы конструктора сайтов задолго до того, как присоединился к Digital Brands - еще до того, как HostingAdvice существовал. Между этим опытом и моими ежедневными требованиями к работе я очень наслаждался шумихой в индустрии
BMM SEO Inc
... инговая стратегия считается успешной, когда она может достичь цели с высокой точностью. А если быть точным, нам нужно точно знать все окружающие переменные цели. Но овладение искусством продажи - не единственная черта сильной компании. Он должен знать, как сохранить его целостность и читать качество всех работников. И это тоже требует данных. Служба базы данных предлагает вам активные контакты с потенциальным деловым партнером для стратегии B2B (Business to Business),
Wix сайт ссылки - SEO специализированное веб-агентство
Вы создали сайт на Wix, и все идет хорошо в лучшем из всех миров. Ваш сайт работает и интересно смотреть. Он четко показывает ваш бизнес, ваш блог, ваши продукты и услуги. А сейчас? Чтобы повысить ваши шансы на показ в поисковых системах, чтобы Google знал, что ваш сайт Wix существует, вам нужно сослаться на это , И здесь все может стать сложнее, потому что, поскольку Wix облегчает вам создание вашего сайта,
Создание контента, который занимает (и конвертирует!): Окончательное руководство
Когда дело доходит до производства высококачественного контента для ваших онлайн-усилий, есть много разных способов подойти к процессу (особенно с помощью пользовательский опыт SEO сервис ). Одно можно сказать наверняка, вы всегда хотите убедиться, что вы размещаете на своих веб-сайтах наилучший
Почему скорость страницы имеет значение для SEO вашего сайта
Важность скорости страницы для SEO Скорость страницы всегда была о пользовательском опыте. Медленная загрузка страниц препятствует способности сайта захватывать и удерживать посетителей на странице, но влияет ли это на рейтинг сайта? В течение многих лет
SEO оптимизация контента - создание хорошего контента
«Что такое содержание? Кто является целевой аудиторией? Одна из самых важных задач интернет-маркетолога - уметь отвечать на эти вопросы индивидуально для всех веб-сайтов или целевых страниц. Только так возможно, что контент страницы, с одной стороны, оптимизирован под нужды / интересы пользователей, а с другой стороны, поисковым системам отправляются необходимые сигналы. Последний не может вместить проиндексированные страницы, как мы, люди. Поисковые системы основаны на структуре внутренних
Что такое линкбилдинг? Создание ссылок (2018)
... иваемся с вопросом о том, что такое ССЫЛКА . Для кого-то отличная маркетинговая стратегия его сайта, для многих других - абсолютно вымышленное и неприступное дело. Первая группа простит, но мы хотели бы попытаться просто объяснить, что это такое. В переводе линкбилдинг означает создание обратных ссылок . Это форма рефералов или ссылок, которые может получить сайт. С посадкой искусственный
If-Modified-Since / Last-Modified использование и SEO
Каждый день тысячи ресурсов доступны в Интернете, либо открываются в браузерах посетителями сайта, либо сканируются пауками. Каждый раз, когда это происходит, сервер, который хранит ресурсы, получает запрос на отправку данных. Одним из способов ускорить этот процесс является использование элементов управления кэшем, таких как If-Modified-Since и Last-Modified . Когда сервер дополнительно настраивается с использованием элементов управления кэшем, этот процесс упрощается и
Как провести технический SEO-аудит: советы начинающим
Техническое SEO. Даже его название звучит пугающе. Если вы постоянный читатель SEO веб-сайты, или прочитал какой-либо SEO лучшие практические руководства Без сомнения, вы столкнулись со многими ссылками на важность технического SEO. Техническое SEO, которое относится к элементам поисковой оптимизации,
[Смотреть] SEO блоги
26 сентября 2012 г. Каждый год мы можем делать одно и то же наблюдение: рождается много SEO-блогов, и «французское SEO-место» продолжает расти. Для неофитов быстро становится трудно сортировать коллекцию RSS-каналов. База Изначально для ваших часов есть базовая база. Это основные ресурсы для вашего SEO:
Инфографика о SEO-методах, используемых для оптимизации контента
... данных ключевых слов. С другой стороны, нужно быть осторожным, чтобы выбрать правильные ключевые слова. Например, не рекомендуется выбирать ключевые слова, которые являются слишком конкурентоспособными или имеют слишком маленький объем поиска. Поэтому изучение ключевых слов имеет важное значение. Длина текста Согласно исследованию, среднее время, затрачиваемое на чтение статьи, составляет 3 минуты . 73% статей занимают менее 5 минут,

Комментарии

Можете ли вы представить себе просмотр каждой ссылки, каждого изображения, каждого файла кода вашего сайта по одному?
Можете ли вы представить себе просмотр каждой ссылки, каждого изображения, каждого файла кода вашего сайта по одному? С Screaming Frog вы можете сделать за считанные минуты то, что в противном случае заняло бы недели . Более того, Screaming Frog - это не тот инструмент, который мы привыкли видеть в мире SEO. Это не о SEO инструмент онлайн, к которому вы получаете
Но когда все пользователи WordPress (включая ваших конкурентов) используют одни и те же плагины для генерации ваших данных, как вы себя отличаете?
Но когда все пользователи WordPress (включая ваших конкурентов) используют одни и те же плагины для генерации ваших данных, как вы себя отличаете? Самый простой способ - это использовать плагин, который сам по себе отличается от других и не делает того, что делают другие плагины. Это USP SEO Booster и вот почему вы должны использовать его на своем сайте WordPress. Для успеха любого веб-сайта ему нужна вся информация о том, как развивается
Каков идеальный объем страницы для ссылки в Google?
Каков идеальный объем страницы для ссылки в Google? Лучшей стратегией содержания является создание веб-страницы / одного ключевого слова, поэтому, если у вас 50 ключевых слов, у вас должно быть не менее 50 веб-страниц на вашем веб-сайте. Нет минимального или максимального объема, все зависит от ваших навыков письма. Сколько слов должна содержать веб-страница, чтобы иметь отношение к делу? Это зависит от типа категории страницы (150 слов), продукта (120 слов)
Эти страницы имеют отношение к содержанию вашего сайта?
Эти страницы имеют отношение к содержанию вашего сайта? Являются ли они последовательной частью структуры вашего сайта? Разве нет копий существующего контента на вашем сайте? Разве они не просто партнерские сайты, которые не приносят пользы пользователям? Связаны ли они с остальной частью сайта в информационной архитектуре сайта и не являются изолированными URL (Google использует термин Исландия - остров) В заключение я бы рекомендовал
Какой процент от общего бюджета SEO вашего типичного клиента выделяется на создание ссылок?
Какой процент от общего бюджета SEO вашего типичного клиента выделяется на создание ссылок? Какой процент ваших SEO-работ / кампаний ориентирован на получение ссылок?
?� Каков текст ссылки для этой ссылки?
Какой процент от общего бюджета SEO вашего типичного клиента выделяется на создание ссылок? Какой процент ваших SEO-работ / кампаний ориентирован на получение ссылок?
Почему знание этих сезонных тенденций имеет значение для вашего контента?
Почему знание этих сезонных тенденций имеет значение для вашего контента? Вы можете использовать эти знания, чтобы лучше структурировать свой календарь создания контента. Например, если у вас есть магазин одежды, вы можете начать рекламировать зимнее снаряжение уже в сентябре на основе приведенного выше примера поиска. И зная, что февраль по-прежнему показывает приличный объем поиска, вы можете зарезервировать свои продажи в конце сезона на март. Помимо выяснения
А какие типы контента привлекают естественные обратные ссылки?
А какие типы контента привлекают естественные обратные ссылки? Есть советы в Link Building Anatomy 2012. (Нажмите на картинку, чтобы увидеть рисунок в оригинальном размере от автора visual.ly)
Требуется всего две минуты, чтобы исследовать ведущих разработчиков сайтов, чтобы наткнуться на WordPress и Wix - но что лучше для вашего следующего проекта?
Требуется всего две минуты, чтобы исследовать ведущих разработчиков сайтов, чтобы наткнуться на WordPress и Wix - но что лучше для вашего следующего проекта? Давайте сравним их в исчерпывающем обзоре, поскольку я рассмотрю все аспекты создания веб-сайтов. Не стесняйтесь пропускать или прыгать вокруг. Посмотрите, что лучше для: Если вам просто не повезло, создание сайта в значительной степени бессмысленно без некоторого понимания SEO. Поисковая оптимизация - это то, как
Так что, если это то, что Google делает, чтобы найти первые 10 страниц для показа в качестве результатов поиска, что мы должны сделать, чтобы быть среди этих страниц?
Так что, если это то, что Google делает, чтобы найти первые 10 страниц для показа в качестве результатов поиска, что мы должны сделать, чтобы быть среди этих страниц? Создавайте качественный контент. Сохраняйте фокус. Чем больше точность, тем лучше. Распространите наш контент для других, чтобы они знали и передавали
Что люди видят, когда одна из страниц вашего веб-сайта отображается в списке результатов в поисковой системе?
Что люди видят, когда одна из страниц вашего веб-сайта отображается в списке результатов в поисковой системе? Часто содержимое тега описания ваших страниц отображается в результатах поиска. В других случаях поисковые системы будут отображать части содержимого вашей страницы, которые содержат слова, используемые в поисковом запросе. Это помогает людям увидеть, соответствует ли ваша страница их поисковому запросу. Иногда, если вы зарегистрированы в DMOZ (ODP), поисковые системы

А сейчас?
Медленная загрузка страниц препятствует способности сайта захватывать и удерживать посетителей на странице, но влияет ли это на рейтинг сайта?
Кто является целевой аудиторией?
Можете ли вы представить себе просмотр каждой ссылки, каждого изображения, каждого файла кода вашего сайта по одному?
Но когда все пользователи WordPress (включая ваших конкурентов) используют одни и те же плагины для генерации ваших данных, как вы себя отличаете?
Каков идеальный объем страницы для ссылки в Google?
Сколько слов должна содержать веб-страница, чтобы иметь отношение к делу?
Эти страницы имеют отношение к содержанию вашего сайта?
Являются ли они последовательной частью структуры вашего сайта?
Разве нет копий существующего контента на вашем сайте?