Вставка статьи на веб-страницу

Теперь мы знаем, как использовать редактор wysiwyg для создания статьи, другая существенная часть нашей CMS - это вставка статьи в шаблон, шаблон страницы, общий для всех статей на сайте.

Принцип

Шаблон страницы - стандартная HTML-страница, разработанная нами. Система использует <div> HTML-теги для вставки данных в нужное место.
В этой упрощенной демонстрации мы непосредственно вставим заголовок в меню шаблона и текст в тег div, идентификатор которого «доволен».

Шаблон

Шаблон, используемый для демо, представляет собой двухколонтитульную страницу с колонтитулом: очень распространенный формат. Можно изменить формат при условии сохранения идентификаторов («content» и т. д.) или изменить имя идентификаторов в скриптах.
Вот шаблон. Для этого требуется таблица стилей example.css.

Добавить статью, демонстрация

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

Выберите ключевое слово и введите короткий заголовок для меню:

Ввести небольшой текст - вот содержание статьи:

Как это работает

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

Формат XML-файла

Файл, используемый для демонстрации, содержит только одну статью, имеет простой формат:

<?xml version="1.0">
<articles>
     <article tag="x" title="y">
       ...contenu de l'article...
     </article>
</articles>

Вставить заголовок и содержимое

Название, выбранное для статьи, вставляется в тег <title> раздела <head>, а также в тег <h1> внутри страницы, а также на боковой панели в выбранной категории.

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

Эти переменные являются частью шаблона. Для мета-тега:

<title><?php echo $title; ?> </title>

Для заголовка и содержимого шаблон содержит две инструкции PHP в теге <div id = «content»>:

<div id="content>
     <h1><?php echo $title; ?> </h1>
     <?php echo $content; ?>
</div>
Боковую панель см. в учебнике «Динамическое меню». (Эта демонстрация использует временное и упрощенное решение).

Фактическое применение

Окончательная CMS будет более развита, и потребует дополнительных шагов:

  1. Введите логин и пароль. Это было протестировано в демо «Запись».
  2. Использование редактора wysiwyg для создания статьи. Демонстрация дана для TinyMCE и CKEditor.
  3. Вставка заголовка в JSON-файл с его категорией. Этот файл будет использоваться, как описано в демо «Динамическое меню».
  4. Созданный XML-файл будет иметь разное имя для каждой страницы (имя страницы с расширением XML), в отличие от демо.
  5. Имя XML-файла будет добавлено в список, и из этого списка можно будет управлять сайтом.
  6. После того как текст будет вставлен в шаблон страницы, он будет скопирован в другой файл, и в выделенную папку (фактически дерево).
    Обратите внимание, что это вариант, вы также можете динамически построить страницу, когда посетитель запросит ее.