Введение в Orchard CMS. Настройка сайта

Теги: Orchard CMS, настройка, WebMatrix

В первой части руководства по введению в систему управления контентом Orchard CMS мы познакомились с системой и за считанные минуты загрузили и запустили первый сайт. Мы познакомились с тем, как автоматически загрузить и развернуть Orchard с помощью средства разработки WebMatrix.

Здесь представлено продолжение руководства, в котором мы познакомимся с панелью управления Orchard CMS, произведем первую настройку сайта, выберем тему сайта, поработаем с кодом и базой данных и проведем анализ сайта на потенциальные проблемы.

Напомним, что автоматическая загрузка Orchard доступна из галереи приложений с помощью средства быстрого доступа к веб-инструментам Web Platform Installer (нажмите на эту ссылку, чтобы начать установку ).

Управление Orchard CMS

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

Редактирование содержимого

Обратите внимание, что каждый текстовый блок имеет в правом верхнем углу элемент Edit (Редактировать). Это свойство позволяет вам быстро изменять содержимое блоков. Если нажать на Edit у первого блока, то вы попадете на страницу редактирования содержимого в панели администрирования (рисунок 1).

Редактирование содержимого блока в панели администрирования
Рис. 1. Редактирование содержимого блока в панели администрирования

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

Теперь перейдите с главной страницы сайта обратно на панель администрирования через ссылку Dashboard в подвале. Вы увидите приветственную страницу панели администрирования (рисунок 1.15).

Добавление новой страницы

Как мы знаем, создание удобной панели администрирования – было одной из важных целей разработчиков Orchard CMS. На сегодняшний момент эта панель обладает очень богатым функционалом и позволяет решать все задачи стоящие перед средством управления контентом:

  • создавать и удалять страницы, разделы, блоги;
  • редактировать содержимое, загружать и управлять медиа-контентом;
  • загружать модули и управлять установленными модулями;
  • применять темы оформления;
  • управлять виджетами;
  • управлять ролями и пользователями;
  • конфигурировать массу системных параметров;
  • и многое другое…

  Приветственная страница панели администрирования Orchard  
Рис. 2. Приветственная страница панели администрирования Orchard 

В качестве введения в работу панели администрирования нажмите на ссылку Page (Страница) в разделе New (Новая). В появившемся редакторе вы можете создать новую страницу вашего сайта. Введите заголовок и какое-нибудь содержимое страницы. Обратите внимание на сформированную ссылку для вашего сайта. Запомните ее, и если хотите, поменяйте (рисунок 3).

  Заголовок и ссылка для новой страницы
Рис. 3. Заголовок и ссылка для новой страницы

После этого нажмите кнопку Publish Now для создания и публикации новой страницы на сайт. Вы получите уведомление об успешном создании страницы (рис. 4).


Рис. 4. Уведомление об успешном создании новой страницы

В нижней части страницы редактирования установите флаг Show on a menu (Показывать в меню) для создания элемента навигации на нашу новую страницу. В поле Menu text (Текст меню) укажите текст, который будет отображаться в пункте меню (рисунок 5).

  Добавление пункта меню со ссылкой на страницу
Рис. 5. Добавление пункта меню

Нажмите кнопку Add (Добавить) и убедитесь что новый элемент навигации добавился в верхнем списке. Теперь пора убедиться в изменениях на сайте.

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

  Новый элемент навигации на странице сайта  

Рис. 6. Новый элемент навигации на странице сайта

Смена темы оформления

Теперь попробуем изменить тему оформления нашего сайта. Для этого вернитесь в панель администрирования Orchard CMS. Перейдите в раздел Themes (Темы) в котором пока отсутствуют загруженные темы и откройте закладку Gallery (Галерея).Через некоторое время в панель администрирования загрузится список доступных тем оформления (рисунок 7).

Список тем оформления в панели администрирования Orchard CMS
Рис. 7. Список тем оформления в панели администрирования Orchard CMS

Выберите понравившуюся тему, например первую по списку (Contoso — Version: 1.5) и нажмите на ссылку Install (Установить) напротив нее. Через некоторое время тема будет автоматически загружена на ваш сайт.

Теперь установка темы будет доступна из раздела Themes на закладке Installed (Установленные) (рисунок 8). Перейдите в него.

  Загруженная тема в разделе Themes
Рис. 8. Загруженная тема в разделе Themes

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

Внешний вид сайта в браузере с новой темой оформления
Рис. 9. Внешний вид сайта в браузере с новой темой оформления

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

Применение возможностей WebMatrix

Запустив и немного настроив через панель администрирования наш сайт на Orchard CMS, вернемся в WebMatrix и рассмотрим те возможности, которые помогут нам разрабатывать и поддерживать сайт.

Изучение запросов к сайту

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

В главном окне WebMatrix перейдите на список осуществленных запросов с помощью кнопки Requests (Запросы) на панели управления. Перед вами появится список запросов со статусами, временем выполнения и дополнительной информацией с описанием типа запроса и рекомендуемым действиям.

Список запросов к сайту за время работы приложения
Рис. 10. Список запросов к сайту за время работы приложения

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

Работа с кодом

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

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

Например, вы можете подкорректировать загруженную и установленную тему оформления для своего сайта. Открыв файл стилей Site.css, который расположен в папке Themes\ AssociationDarkGreen\Styles, вы сможете изменить определение стилей на свой вкус.

Например, если вы хотите переопределить шрифт, используемый в теме для заголовка сайта, то найдите в Styles.css определение стиля для элемента body. Отредактируйте его определение так, как захотите, например, укажите, что шрифт должен быть SegoeUI, установив значение CSS-элемента:font-family: “SegoeUI”. Как видите, редактор поддерживает автодополнение (рисунок 11).

  Редактор кода WebMatrix
Рис. 11. Редактор кода WebMatrix

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

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

Работа с БД

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

WebMatrix предлагает полноценные встроенные инструменты для работы с базами данных. Откройте вкладку Databases (Базы данных). Слева вы получите список текущих элементов базы данных. Дважды щелкните по элементу Orchard.sdf. Это файл базы данных формата SQL Server Compact, который содержит все данные нашего сайта. Разверните элемент Tables и вы получите список всех таблиц, созданных в базе данных и доступных для редактирования.

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

Щелкните на поле с содержимым Home и отредактируйте его так, чтобы оно приняло значение Главная (рисунок 12).

  Редактирование базы данных в WebMatrix
Рис. 12. Редактирование базы данных в WebMatrix


Теперь если вы обновите главную страницу сайта в браузере, то увидите изменение в панели навигации. Пункт Home стал пунктом Главная.

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

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

Анализ сайта на проблемы и ошибки

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

С помощью строенного средства отчетов вы можете проанализировать свой сайт на следующие аспекты:

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

Откройте раздел Reports (Отчеты) и нажмите кнопку New (Новый). Вас попросят ввести имя отчета и ввести адрес, с которого нужно построить отчет. По умолчанию адрес установлен для вашего текущего сайта (рисунок 13).

  Ввод параметров отчета
Рис. 13. Ввод параметров отчета

Нажмите ОК для построения нового отчета. Обратите внимание, что вы вернулись в WebMatrix, а формирование отчета производится в фоне (рисунок 14), так что во время анализа вашего сайта вы можете продолжать работать с его файлами и базами данных.

  Фоновый анализ сайта и формирование отчета
Рис. 14. Фоновый анализ сайта и формирование отчета

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

  Работа с результатами анализа и отчетом
Рис. 15. Работа с результатами анализа и отчетом

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

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

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

  Экран параметров производительности в отчете
Рис. 16. Экран параметров производительности в отчете

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

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

Заключение

В первой части руководства мы подробно познакомились с системой управления контентом Orchard CMS. Мы за несколько минут загрузили, автоматически установили и запустили сайт на базе Orchard с помощью WebMatrix.

С помощью панели управления Orchard CMS мы осуществили ряд простых административных задач с сайтом и изменили тему оформления. WebMatrix позволил нам отредактировать файлы проекта и базу данных для внесения на сайт требуемых изменений. С помощью специальных возможностей WebMatrix мы проанализировали веб-сайт на ошибки и потенциальные проблемы.

В следующей части нашего руководства мы познакомимся с публикацией сайта на сервер с помощью Webmatrix на примере хостинга Microsoft Azure.

По материалам MSDN

Нет коментариев

Добавить коментарий

Вам необходим вход для коментария.

  • © OrchardProject.ru, 2014-2016 г.