Простая админка для сайта

Простая админка для сайта

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

Инструменты для управления сайтом:

  • phpmyadmin для работы с базой данных;
  • FTP-клиент, чтобы загружать или удалять файлы;
  • графический редактор, который сжимает изображения;
  • текстовый редактор, в котором оформляются статьи;
  • сервис аналитики для оценки эффективности контента и рекламы.

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

Пишет о программировании, в свободное время создает игры. Мечтает открыть свою студию и выпускать ламповые RPG.

Как создать админку для сайта на PHP

В первую очередь создадим файл admin.php в корне сайта. Пока у него будет такой вид:

Этот код получает данные методами GET и POST, обрабатывает их, а потом выводит что-либо через переменную $echo. Чтобы поисковики не пытались зайти в админку, запретите её индексировать в файле robots.txt:

Основные элементы для работы админки сайта

  • Авторизация.
  • Главная страница.
  • Инструменты редактирования.
  • Работа с базой данных.
  • Окно статистики.

Дополнительные возможности управления сайтом относятся к разным направлениям PHP, которые невозможно охватить в одной статье. Подробнее обо всём на свете в мире PHP мы рассказываем на курсе «PHP-разработчик с нуля до PRO».

Теперь приступаем к написанию функций, запросов и валидаций.

Авторизация

Чтобы ограничить доступ, создадим форму входа в панель управления:

В переменную $echo прописываем HTML-код формы, которая передает данные на эту же страницу. Затем они обрабатываются:

После отправки формы данные переносятся в супермассив $_SESSION. Затем вызывается функция login (). Она делает запрос в базу данных. Если он проходит удачно, возвращается значение true, если нет — данные из $_SESSION удаляются и возвращается false.

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

Главная страница

Теперь создадим условия, чтобы пользователь делал что-то полезное. Для этого методом GET передаётся название страницы:

В переменную $act попадает значение из $_GET[‘act’], а если его не существует, то просто home. Дальше с помощью функции switch () прописываются действия для каждой страницы.

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

  • пользователями;
  • статьями и комментариями;
  • карточками товаров;
  • файлами и изображениями;
  • статистикой и рекламными блоками.

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

Редактирование

Как вы могли заметить, в таблицах каждая строчка — это ссылка такого вида:

Читайте также:  Xbox one s плохая графика

В переменной act передаётся значение edit_article, а в id — идентификатор статьи. Перейдя по ссылке, администратор попадает на страницу редактирования:

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

Добавление записей в базу данных

Чтобы создать функцию добавления пользователя (или любого другого элемента на сайте), парсим форму и её обработчик:

Сначала проверяем, свободен ли указанный логин. Если да, то в базу вносятся соответствующие данные. Также обратите внимание, что существование переменной regadmin не проверяется, потому что форма её не отправляет, если оставить чекбокс пустым.

Статистика

Чтобы смотреть статистику посещений, комментирования и другой активности, создаём в базе данных таблицу с полями:

    >В них записывается общее количество просмотров и комментариев за каждый день, которое выводится на графике. Чтобы это сделать, пропишем HTML-код таблицы:

В качестве источника картинки указывается PHP-файл с кодом:

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

Дополнительные возможности

То, о чём мы успели поговорить, — лишь часть того, что должно быть в админке.

Например, дополнительно можно реализовать:

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

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

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

Всем привет! Много текста сегодня не будет, просто покажу как сделать простую админку для статичного сайта на HTML

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

И что скрывать, натяжка их на WordPress или тот же MODX отнимает довольно много времени. Кроме этого потом нужно еще клиента научить пользоваться этими системами.

Это нам , все кажется просто, а если человек до этого умел только в Ворде печатать, работа в консоли движка кажется чем то архи-сложным.

Читайте также:  Электросхема мерседеса 614 варио

Короче! приступим к реализации.

Для работы используем бесплатную версию скрипта textolite

Как установить админку c помощью textolite

  1. Качаем с оф. сайта последнюю версию
  2. Распаковыавем в корень своего HTML-сайта
  3. Переименовываем каталог как нам нужно, например admin
  4. Заливаем папку на сервер в корень сайта
  5. Заходим по адресу ваш сайт/admin оспользуя дефолтный пароль admin
  6. Меняем пароль и любые другие тексты на сайте.

Вот и все! Админка работает.

Всем пока и хороших отношений с заказчиками!

Бесплатные и простые админки для сайтов создаются в помощь тем, кто предпочитает использовать сайты-визитки, сайты-лендинги на чистом html, сайты без громоздких CMS — систем управления контентом сайта.
Так как существующие CMS часто нужны лишь в случае сайтов с сотнями и тысячами страниц, с большой базой данных,что для маленького сайта совсем не актуально. "Из пушки по воробьям" — так можно назвать использование, скажем, CMS Друпал или Джумла, на небольшом 20-страничном сайте. Я уж не говорю про лендинги, 1-страничные сайты-продажники, так популярные сегодня. Читайте ниже.

Созданный веб-мастером сайт отдается заказчику для дальнейшего использования его в качестве "продающей визитки", а потом возникает проблема — как пополнять контент ( содержание) сайта, как его наполнять новыми материалами и прочее. Для этого продвинутыми разработчиками постоянно создаются "маленькие" CMS, которые позволяют редактировать сайт, иногда "прямо в браузере" в визуальном режиме — быстро и без особых проблем.
Из таких "маленьких" CMS могу выделить две. Это Textolite и CMSLand.
Последняя возникла совсем недавно, в 2017 году. В открытом доступе написано, что разработчик ее — Иван Сараев (pythono.ru), но больше никакой информации о разработчике нет. Расскажу, что знаю о CMSLand.
Сразу оговорюсь, что тщательно эту систему я не тестировала, опробовала ее весьма поверхностно, степеней защиты не увидела, рекомендовать не могу. Однако ниже то, что удалось узнать.

CMSLand (версия 0.1)

То что версия этой CMS имеет многообещающее название "0.1" поначалу внушало уверенность, что разработчик будет развивать свой продукт на радость всем страждущим и ищущим в сети простые бесплатные админки для сайтов. Сейчас эта CMS бесплатна, за что автору — большое спасибо и низкий поклон. Возможно, в будущем, к этой системе будут продаваться платные расширения, как это бывает повсеместно, и это — абсолютно нормально. Однако за прошедшее время в истории этой CMSLand я не обнаружила никаких изменений.
Рассмотрим нашу CMSLand поближе.

СMSLand — как работает

По словам самого разработчика логика работы скрипта построена следующим образом:
По умолчанию в админке открывается файл "index.html" который обычно является главным HTML файлом лэндинга. Но есть возможность редактировать и дополнительные HTML файлы, если речь идет о много-страничном сайте, выбрав их из выпадающего списка в левом верхнем углу, и нажав кнопку "Редактировать".
Акцентирую снова — речь об очень простых сайтах, без скриптов и сложных конструкций, без активного php. Редактирование картинок возможно, если они в простой разметке.

Читайте также:  Smart steam emulator как пользоваться

Ниже на скриншоте показаны разделы для редактирования из этой простой админки
Это тексты
Картинки
Код HTML
Код CSS

В разделе "Тексты" — показывается список всех текстовых фрагментов которые присутствуют на странице. Нажав на любой из них, можно изменить его, не касаясь при этом HTML кода. После нажатия на любой из текстовых фрагментов открывается поле редактирования

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

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

Для более продвинутых заказчиков оставлена возможность редактировать HTML код. Кроме того прямо здесь можно отредактировать любой из CSS и JS файлов.

Чтобы использовать данный скрипт, нужно сохранить его рядом с index.html лэндинга. Если набрать в адресной строке http://ваш-сайт.ru/cmsland.php , то мы попадем в нашу админку.

Админка попросит у нас пароль, по умолчанию — пароль: "password". Сам пароль можно изменить, отредактировав строчку скрипта в Notepad++. ( на фото)

Вот, пожалуй, и вся информация об этой CMS, при тестировании были обнаружены некоторые проблемы, но найти разработчика и задать ему вопросы, не удалось. Если разработчик увидит мое описание, прошу написать мне на jekky1@yandex.ru

Переделывайте старые сайты, делайте их адаптивными к мобильным устройствам

Что бы сказала няня Макфи?
"В поисках простой админки для сайта находятся те, кто готов управлять сайтом, готов его администрировать, наполнять текстами и "двигать", но. не всегда знает как это делать. Все хотят простую админку, поверьте! Потому что если нет никакого геморроя в редактировании сайта, то продвижение сайта — уже не такой сложный вопрос. По опыту — нет ничего лучше, чем сделать сайт на фреймворках ( Сайты на Мобирис сегодня — отличный выход!), а потом — прикрутить к сайту "админку" Textolite. Да, да, обычный редактор Текстолайт, который имеет очень обширный функционал. Все. Идеальное решение для простого пользователя. "

Ссылка на основную публикацию
Adblock detector