Cms своими руками с нуля

О, посетитель! fussraider приветствует тебя и рад что ты заглянул. Сегодня я хочу начать новый цикл статей — разработка собственной CMS (Content management system) или, проще говоря — разработка собственного движка сайта. Интересно? Ну тогда вперед под кат)

Пара избитых фраз

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

Так, я когда-то писал аудиоплеер, который не требовал сторонних кодеков, имел шаблоны и читал всевозможные форматы, какие позволяла, на тот момент, библиотека bass, имел 18 полос эквалайзера и стандартный набор эффектов (эхо, реверб и пр.). Так вот, каждый задумывается, но не все реализовывают или доводят дело до конца. Мой плеер так и не вышел из стадии беты и был, к сожалению, заброшен. Я переместил свой интерес на веб-разработку: сменил delphi и c++ на PHP и JavaScript. Помню в том году как раз вышел релиз PHP 5.3. Немного ушел от темы, возвращаюсь 😛

У любого разработчика есть целая библиотека исходников, которые кочуют из проекта в проект — и веб-разработка не исключение. В какой-то момент понимаешь, что из всей этой кучи не связанных скриптов и классов уже можно что-то слепить. Что-либо «лепить» мы с вами не будем, а вот систему управления (CMS) или движок сайта с нуля разработать попробуем.

Для чего и зачем мне это

Кто-то скажет: «зачем изобретать велосипед и ко-ко-ко…» — тогда возникает вопрос: как такие люди сюда попали и что забыли? Да велосипед, да простенький, да в магазине велосипеды больше блестят, да-да-да.. Но зато это мой велосипед, который собран с душой и разбираюсь в нем я куда лучше чем в тех, что предлагают в магазине. К тому же, нет лучшего изучения материала чем изучение его на практике. Заменим слово «велосипед» на PHP и продолжим уже в нашей стезе.

Разработка своего движка — это отличный способ изучить язык PHP и научиться ООП (Объектно ориентированное программирование) на примере. Не знаю как остальные, а я испытываю эйфорию, когда моя CMS оживает и еще больше когда она окажется кому-то нужна. Вот так, сложив все составляющие в единое целое можно сделать вывод зачем все это мне: вам полезно, а я покайфую что пригодился:D Сразу оговорюсь: я не гуру PHP и все что я буду показывать не есть правильное решение на 100%. К тому же, не так давно мой хостер стал поддерживать PHP 7, а это зверь относительно новый… Так что будем вместе изучать его фишки.

Что такое CMS

При возникновении любых вопросов я всегда обращаюсь к гуглу и википедии. И вот что они говорят на этот счет:

Систе́ма управле́ния содержи́мым (конте́нтом) (англ. Content management system , CMS) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).

*Есть разделение на прикладные CMS и Web CMS (WCMS). Так, как прикладные мы не рассматриваем, то говоря CMS я буду иметь именно WCMS.

Из этого определения можно сделать вывод, то CMS состоит из двух основных частей:

  • Административная — инструмент настройки, редактирования материала и пр.
  • Пользовательская — все то, что должен видеть обычный пользователь, зайдя к вам на сайт

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

Что должна уметь CMS

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

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

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

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

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

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

  • добавление нового материала или страницы
  • изменение настроек самой системы
  • подключение новых модулей
  • поиск по сайту и т.п.

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

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

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

  • Добавление, редактирование и удаление статей и страниц сайта
  • Реализация подключаемых модулей и плагинов
  • визуальный редактор материалов
  • работа с шаблонами и их редактирование из самой системы
  • ЧПУ — так называемые «ЧеловекоПонятные УРЛы» или ссылки, которые вы можете наблюдать у меня в блоге.
  • загрузка и удаление файлов
  • защита от взлома и SQL-инъекций
  • возможность регистрации новых пользователей и распределение их прав доступа к разделам сайта
  • комментарии, подписки и т.п.
  • двухэтапная регистрация и оповещения на email
  • поддержка публикаций текстов кода с подсветкой
  • перехват ошибок HTTP и их страницы соответственно
  • интеграция с социальными сетями
  • кеширование и управление им
  • возможность задержки загрузки файлов
  • временные ссылки для загрузки файлов
  • внедрение микроразметки shema и/или opengraph
  • включение или отключение любой из перечисленной функции
  • ведение статистики ресурса (посещаемость, переходы и пр.)
  • перехват ссылок на внешние ресурсы и переадресация с предупреждением
  • мультиязычность

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

Инструмент

Так, как в теме явно указано «разработка с нуля», значит начинать мы будем с пустого текстового файла. Также мы хотим изучить сам язык PHP на примере, как можно глубоко погрузиться в него, а значит готовые решения нам ни к чему: я не буду использовать какие-либо фреймворки типа yii и т.п. С нуля — значит с нуля. Максимум, на что я согласен — использование тех решений, про которые я уже рассказывал на своих страницах, с изменениями под нужды нашей CMS.

Для работы нам потребуется веб-сервер — я по-прежнему советую использовать Open Server версии 5.2.4 и выше, так как в нем есть поддержка PHP 7 и возможность настраивать каждый компонент отдельно. Ну и конечно нам потребуется мой любимый SublimeText, который входит в состав максимальной редакции OpenServer и Dreamweaver для верстки.

Заключение

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

Задача построения системы управления содержанием (CMS) может привести в замешательство новичка разработчика PHP. Но не так страшен черт, как его малюют! В данной серии уроков мы построим простую, но полностью работоспособную систему с нуля.

В ходе процесса вы научитесь создавать базы и таблицы MySQL, работать с объектами, константами, включениями, сессиями и прочими инструментами PHP. Кроме того мы покажем, как отделять логику приложения от презентации и сделать код PHP более безопасным. А также вам откроется многое другое, полезное в деле создания собственной системы мечты.

Вы можете посмотреть работу готового приложения на странице демонстрации (с целью безопасности включен режим "только чтение", так что добавлять, изменять и удалять статьи не получится). Также можно скачать полный код PHP нашей меленькой CMS с переведенными комментариями.

Примечание: для изучения материалов уроков потребуется веб сервер Apache с установленным модулем PHP и сервер MySQL. Для работы на локальном компьютере можно воспользоваться одним из инструментов веб разработчика: XAMPP (на английском языке), Denwer, Open server или другим.

Функционал нашей CMS

Первым делом надо точно определиться, что будет делать наша CMS. Итак, вот список функций:

  • Главная страница, на которой выводиться список последних 5 статей
  • Страница со списком всех статей
  • Страница просмотра отдельной статьи
  • Вход/выход для администратора
  • Список всех статей
  • Добавление новой статьи
  • Редактирование существующей статьи
  • Удаление существующей статьи

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

Планирование работ

Для создания нашей CMS нужно сделать следующие шаги

  1. Создать базу данных
  2. Создать таблицу articles
  3. Сделать файл конфигурации
  4. Построить класс Article
  5. Написать скрипт клиентской части index.php
  6. Написать скрипт серверной части admin.php
  7. Создать шаблон клиентской части
  8. Создать шаблон серверной части
  9. Создать таблицу стилей и логотип системы

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

Шаг 1. Создаем базу данных

На первом шаге нужно создать базу данных MySQL для хранения содержания. Можно сделать так:

Запускаем программу клиент mysql Открываем окно терминала и набираем команду

mysql -u username -p

После запроса введите пароль для доступа к MySQL.

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

Создаем базу данных После метки mysql> вводим:

create database cms;

И нажимаем Enter.

Выходим из программы клиента mysql После метки mysql> вводим:

И нажимаем Enter.

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

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

Шаг 2. Создаем таблицу articles

Наша простая CMS имеет единственную таблицу в базе данных: articles . В ней содержатся все статьи в нашей системе.

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

Создаем текстовой файл tables.sql на жестком диске и добавляем в него следующий код:

Выше приведенный код определяет схему таблицы articles . Он написан на SQL, языке для создания и манипулирования базами данных в MySQL (и во многих других системах).

Разберем выше приведенный код

  1. Создаем таблицу articles Выражение DROP TABLE IF EXISTS articles удаляет любую существующую таблицу articles (вместе с данным — осторожно!). Мы выполняем данную операцию чтобы в базе не было двух таблиц с одинаковыми именами. Выражение CREATE TABLE articles ( ) создает новую таблицу articles . Код, размещенный в скобках, определяет структуру данных в таблице.
  2. Определяем для каждой статьи уникальный ID Теперь можно определять структуру таблицы. Таблица состоит из набора полей (также их называют столбцами). Каждое поле содержит опредленный тип информации о статье. Сначала мы создаем поле id . Оно имеет тип smallint unsigned (без знаковое маленькое целое), то есть число от 0 до 65,535. Таким образом, наша CMS может содержать до 65,535 статей. Также для него определяется атрибут NOT NULL , который означает, что поле не может быть пустым (null). Данное свойство существенно облегчает труд разработчика. Добавляем атрибут auto_increment , который указывает MySQL назначать новое, уникальное значение для поля id при создании записи. Итак, первая статья будет иметь id 1, вторая — id 2, и так далее. Мы будем использовать уникальные значения как указатели на статью при выводе и редактировании в CMS.
  3. Добавляем поле publicationDate Следующая строка создает поле publicationDate , которое хранит дату публикации каждой статьи. Данное поле имеет тип date , соответствующий значениям дат.
  4. Добавляем поле title Теперь создаем поле title , в котором размещается заголовок. Оно имеет тип varchar(255) , то есть может хранить строку длиной до 255 символов.
  5. Добавляем поля summary и content Последние два поля 2, summary и content , содержат резюме статьи (краткое описание материала) и HTML содержание соответственно. Резюме имеет тип text (то есть, может состоять из 65,535). А поле content имеет тип mediumtext (то есть может содержать до 16,777,215).
  6. Добавляем основной ключ Последняя строка в выражении CREATE TABLE определяет ключ для таблицы. Ключ также называют индексом, и он служит для быстрого поиска данных в таблице за счет некоторого увеличения требующегося пространства для хранения. Мы определяем поле id как PRIMARY KEY . Каждая таблица может содержать единственный PRIMARY KEY , так как данный ключ уникально определяет каждую запись в таблице. Кроме того, с помощью данного ключа MySQL очень быстро находит нужную запись.

Теперь у нас есть схема таблицы и ее нужно загрузить в MySQL для создания структуры. Самый простой способ — открыть окно терминала, перейти к папке с файлом tables.sql и запустить следующую команду:

mysql -u username -p cms

. где username — имя пользователя MySQL, а cms — имя базы данных, которую мы создали на шаге 1.

Вводите пароль пользователя после запроса, и MySQL загрузит и выполнит код из файла tables.sql , создав таблицу articles в базе данных cms .

Также можно воспользоваться инструментами для администрирования баз данных, таким как phpMyAdmin, cPanel или Plesk (если они установлены на вашем сервере).

Шаг 3. Создаем файл конфигурации

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

Первым делом создаем папку cms в папке веб сервера. Она будет содержать все файлы нашей CMS.

В папке cms создаем файл config.php и копируем в него следующий код:

Разберем код подробно:

  1. Выводим ошибки в браузере Строка ini_set() устанавливает режим вывода сообщений об ошибках в браузере. Отличная опция для отладки кода, но на готовом проекте данную опцию надо отключить ( установить значение false ) для безопасности ресурса.
  2. Устанавливаем временную зону Так как наша CMS будет использовать функцию PHP date() , нужно указать временную зону сервера для PHP (иначе PHP будет генерировать предупреждение). В примере установлена зона "Australia/Sydney" — поменяйте на свою.
  3. Устанавливаем детали доступа к базе данных Затем определяем константу DB_DSN , которая указывает PHP, где искать базу данных MySQL. Параметр dbname должен соответствовать имени базы данных нашей CMS ( cms ). Также мы будем хранить имя пользователя MySQL и пароль, которые используются для доступа к базе данных CMS в константах DB_USERNAME и DB_PASSWORD . Установите правильные значения в данных константах, которые соответствуют вашим настройкам.
  4. Устанавливаем пути Мы устанавливаем 2 пути в нашем файле конфигураций: CLASS_PATH , который указывает на место хранения файлов классов, и TEMPLATE_PATH , который указывает на место хранения шаблонов HTML. Оба пути указываются относительно верхнего каталога cms .
  5. Устанавливаем количество статей, выводимых на главной странице HOMEPAGE_NUM_ARTICLES управляет максимальным количеством заголовков статей, которые выводятся на главной странице. Мы установили 5, но можно легко увеличить или уменьшить значение.
  6. Устанавливаем имя и пароль администратора Константы ADMIN_USERNAME и ADMIN_PASSWORD содержат данные регистрации для администратора нашей CMS.
  7. Включаем класс Article Так как файл класса Article (мы его создадим позже) требуется во всех скриптах нашего приложения, добавим его здесь.
  8. Создаем обработчик исключительных ситуаций В завершение определяем handleException() — простую функцию для обработки исключений PHP, которые могут генерироваться при выполнении кода. Данная функция выводит общее сообщение об ошибке и записывает данные об ошибке в журнал веб сервера. Такая функция способствует улучшению безопасности системы за счет обработки исключений PDO, которые могут выводить имя пользователя и пароль на странице. После определения функции handleException() , мы устанавливаем ее как обработчик исключений PHP, вызывая функцию set_exception_handler() .

Такой обработчик исключений сделан для упрощения материалов урока. "Правильный" способ для обработки исключений для перехвата всех вызовов PDO в Article.php заключается в использовании блоков try . catch .

Замечание о безопасности

В реальных проектах лучше помещать config.php где-нибудь за пределами корневого каталога веб сайта, так как в файле содержатся имена и пароли. Обычно код PHP невозможно просмотреть в браузере, но иногда из-за неправильной конфигурации веб сервера код становится доступным. Вы можете использовать функцию hash() для хэширования паролей и хранить в config.php хэши, вместо текстовых паролей. Затем при регистрации пользователя можно опять воспользоваться функцией hash() для кодирования введенного пароля и сравнения результата с сохраненным в config.php хэшем.

В следующем уроке мы построим основной класс нашего приложения — Article.

Существует два простых способа создать сайт — самому или нанять программиста. Если с наймом и оплатой у вас проблемы, то готовьтесь к самостоятельной работе. Но не спешите строить в голове тысячу технологичных схем и не пытайтесь с нуля освоить язык программирования. Есть более простой способ — создать свой первый сайт с помощью движка CMS. Как это сделать — объясняем в нашей Базе Знаний.

Зачем нужны движки CMS?

CMS, или как их еще называют, системы управления контентом/содержимым, отлично подходят для создания MVP (минимальной версии продукта). С CMS вам не обязательно знать программирование и дизайн, чтобы создать сайт, вы можете использовать заранее созданную программу и собрать ваше MVP, как конструктор. Те времена, когда нужно было знать 5 языков программирования, чтобы собрать простенький сайт, прошли! CMS позволяют:

Сделать MPV без знаний программирования;

Сделать сайт значительно быстрее, чем создавая код и дизайн с нуля;

Сэкономить деньги — сайт можно сделать самому, а можно нанять начинающего специалиста.

Что такое система управления контентом?

CMS, от английского Content Management System (система управления контентом) — это программа, которая дает пользователям возможность создавать сайты с помощью простых инструментов, не притрагиваясь к коду.

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

Для кого существуют системы управления контентом?

“Мы были блогерами и работали в программном обеспечении b2. Нас не устраивало, что программу было сложно настроить, сложно запустить, приходилось руками перемещать код. Мы хотели простоты. Так появился WordPress.”

Мэтт Мулленвег, один из создателей WordPress.

В цитате Мэтт говорит про блог на WordPress, но его цитату можно применить к любому сайту на CMS. Эти программы подходят для создания MPV для проверки гипотез без крупных денежных и временных затрат и их отличает простота. Обычно написание сайта с нуля занимает месяцы и стоит сотни тысяч рублей, а создание сайта на CMS при наличии опыта – дни или недели, и может быть бесплатно

Наиболее популярны следующие системы управления контентом:

WordPress – на этой CMS работает 32% всех сайтов в интернете. Подходит для:

Интернет-магазинов с маленьким ассортиментом;

Joomla – немного более сложный в освоении и “тяжелый”. Подходит для:

Битрикс. Это платная, но полнофункциональная CMS. Подходит для:

Интернет-магазинов с большим ассортиментом;

Tamaranga. Платная CMS заточенная под:

Когда начинать использовать CMS?

CMS стоит использовать, когда у вас уже есть идея бизнеса, вы проверили спрос на продукт более простыми способами и вам нужно создать функциональное MVP или интернет-магазин. Прежде чем думать о CMS, ответьте на вопрос, не достаточно ли для ваших нужд конструктора сайтов, такого как Tilda? Кстати, у нас есть урок как создать MVP на Tilda.

Как пользоваться CMS?

Поговорим о том, что вам нужно сделать, чтобы начать создавать свое MVP. Каждая CMS немного разная, но их всех объединяют общие характеристики. Сперва вам нужно установить CMS на свой хостинг. Для этого у вас должен быть оплаченный хостинг и доменное имя.

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

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

Рассмотрим разные варианты более подробно:

WordPress

Это наиболее гибкая и простая в освоении CMS. Она подойдет для создания блога или сайта с онлайн продажами, маленького интернет-магазина. Однако, на этом ее возможности не заканчиваются. C должной смекалкой на WordPress можно создать даже web-приложение.

Цена: Бесплатно, но премиальные темы и плагины могут стоить тысячи рублей.

Joomla

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

Joomla на русском языке: http://joomla.ru/

Цена: Бесплатно, но цена JomSocial от $99, премиальные расширения также платные.

1С Битрикс

CMS, на который созданы многие из крупных российских интернет-магазинов, таких, как сайт Леруа Мерлен и Эльдорадо. Одно из преимуществ 1С перед конкурентами – это простая интеграция с сервисами бухгалтерии. Битрикс предлагает множество функций, от шаблонов для создания сайтов до инструментов глубокой аналитики и оптимизации. Однако, стоимость начинается от 5400 руб.

Ребята из 1С сделали замечательный, бесплатный онлайн-курс, который поможет вам освоиться: https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ >

    Цена: от 5400 руб.

    Tamaranga

    В некотором роде Tamaranga это целых 4 CMS, нацеленных на конкретные типы сайтов: городские порталы, доски объявлений, биржи услуг или сайты недвижимости. Внутри своих ниш Tamaranga правит балом, но платой за это является отсутствие универсальности и высокая цена. Если приобрести прошлую версию, придется отдать разработчикам от 500 $, а за полный комплект расширений заплатить от $2000.

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

    Сколько стоит использование CMS?

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

    Для того, чтобы работать с CMS, вам понадобятся хостинг и домен. Домен стоит от 100 руб, а хостинг примерно от 200 руб. в месяц.

    Оцените статью
    Много толка
    Добавить комментарий