Как добавить админ панель на сайт
Перейти к содержимому

Как добавить админ панель на сайт

  • автор:

Админ-панель сайта

Админ-панель сайта — это часть движка, предназначенная для автоматического добавления контента на сайт. На ней есть поле, куда Вы пишете текст статьи. Админ панель содержит скрипты, которые создают новые страницы сайта либо добавляют статью в БД, в зависимости от структуры сайта. В меню добавляется ссылка на статью. Обычно админ-панель даёт возможность добавлять не только текст, но и другой контент. Создавая движок сайта, Вы сами решаете, делать админ-панель или добавлять статьи самостоятельно.

Админ-панель располагается на отдельной странице, которая имеет примерно такой адрес:

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

Авторизация администратора

Авторизацию администратора можно сделать двумя способами. Если администраторов несколько, то в таблицу с пользователями можно добавить поле, в котором указывать, что пользователь является администратором. А можно в скрипте авторизации просто передавать права администратора конкретному пользователю. Мы используем второй вариант. Назовём страницу авторизации avtadministrator.html. Вот её код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Страница

Авторизация:

Форма отправляет данные в файл adminavt.php. Это скрипт авторизации. Его код такой:

Как создать Admin-панель для сайта

Как создать Admin-панель для сайта

В прошлой статье мы с Вами разбирали создание собственного движка для сайта. Однако, очень часто приходится управлять сайтом: добавлять новые материалы, управлять пользователями, голосованиями. Безусловно, это можно делать через PHPMyAdmin, но это весьма неудобно, поэтому хорошим решением будет — создать Admin-панель для сайта. И как это сделать, Вы узнаете в этой статье.

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

  1. Сверстайте все страницы сайта. В принципе, Вы вообще можете обойтись без дизайна, но элементарная структура должна быть. То есть табличные данные должны быть в таблице, а не сплошным текстом.
  2. Примите решение о том, какие данные Вы хотите видеть в Admin-панели. Например, наверняка Вам потребуется видеть пользователей Вашего сайта, Ваши статьи, может быть, какие-нибудь опросы.
  3. Создайте класс для управления Admin-панелью. Здесь должны быть созданы методы, которые позволяют делать выборку из самых разных таблиц, а также добавлять и редактировать записи в них. И сделать подобные методы нужно для всех таблиц, с которыми Вы хотите работать в Admin-панели (Вы уже должны были выбрать это в предыдущем пункте). Например, самый простой пример с пользователями. Минимальный набор требуемых методов: выборка всех пользователей, добавление нового пользователя, изменение пользователя. Безусловно, все эти задачи должны быть Вами уже реализованы при создании движка для сайта, поэтому здесь Вам надо будет только обратиться к старым классам и, возможно, как-то изменить данные конкретно для Admin-панели.
  4. Разбейте Ваш шаблон сайта на отдельные части и скопируйте их в отдельные файлы с расширением tpl. Также поставьте элементы шаблона, например, так: «Пользователь зарегистрировался «. Это всего лишь пример, а данные, вообще говоря, удобнее выводить в таблицах.
  5. Создайте класс, который будет заниматься подстановкой вместо элементов шаблона соответствующие данные.
  6. Собирайте по кирпичикам все страницы Admin-панели Вашего сайта с помощью созданного в предыдущем пункте класса.
  7. При желании можете сделать дизайн, хотя, безусловно, это исключительно для Вас и других администраторов.

Как видите, последние 4 пункта идентичны тем, которые Вы выполняли при создании движка. Здесь объём работы будет значительно меньше, поэтому, думаю, Вы с этим без проблем справитесь.

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

Пример создания Admin-панели Вы найдёте в этом обучающем курсе: http://srs.myrusakov.ru/im

Создано 29.05.2011 13:49:54

  • Михаил Русаков
  • Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

    Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
    Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

    Если Вы не хотите пропустить новые материалы на сайте,
    то Вы можете подписаться на обновления: Подписаться на обновления

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

    Порекомендуйте эту статью друзьям:

    Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

    1. Кнопка:
      Она выглядит вот так:
    2. Текстовая ссылка:
      Она выглядит вот так: Как создать свой сайт
    3. BB-код ссылки для форумов (например, можете поставить её в подписи):

    Комментарии ( 15 ):

    sivacer 23.02.2012 02:01:27

    «Я где-то три месяца сидел на своём сайте без Admin-панели, добавляя новые материалы напрямую через базу данных. Скажу честно, тратил много лишнего времени, а когда создал Admin-панель на своём сайте, то процесс управления сайтом значительно упростился. Так что рекомендую Вам сделать то же самое.» И мне тоже мучить добавляя новые материалы, как это вы сделал «напрямую через базу данных» я сам не знаю? И еще когда вы создал админ-панель на своей сайт? да хочу управления сайт упростился, как это сделать? Я выучил твой видеоуроки html css я сам все понял. Но мне интересую как создать админ-панель самое главное мне удобно добавляя новые материалы. У вас есть этот видеоурок этот? Мне нужно без joomla я знаю это готовый это мне не интересно, мне интересне с нуля.

    Admin 23.02.2012 11:24:02

    Чтобы создать admin-панель, HTML и CSS недостаточно. Изучайте PHP и MySQL. Когда будете знать на достаточно хорошем уровне, то вопрос сразу же отпадёт.

    sivacer 23.02.2012 11:32:08

    Михайл Русаков, большое спасибо за совет. Хорошо постараюсь зучай РНР и MySQL.

    Gravitator 04.07.2012 02:43:28

    Здравствуйте. Для админки я сделал 2 страницы: 1)Страница с формой входа. 2)Сама админка. Так же в скрипте есть функция проверки введённых данных. Если данные введены верно,как направить пользователя на страницу админки? И,если пользователь в строку урл сразу ввёл адрес админки, как направить его на страницу с формой входа? Или подскажите как реализуется доступ в админку.

    Admin 04.07.2012 12:53:46

    Если пользователь правильно ввёл данные, то делается редирект на админку. Если пользователь просто зашёл в админку, а он не авторизован (не содержит правильных данных в сессии или cookie), то делается редирект на форму авторизации.

    Gravitator 05.07.2012 14:17:34

    Редирект я делал так: Ничего не получилось, выдаёт ошибку.

    Что такое админ-панель сайта и как туда попасть

    Админ-панель для сайта позволяет управлять настройками проекта, добавлять новые страницы и удалять старые, изменять внешнее оформление ресурса и редактировать контент. В зависимости от используемой CMS способ доступа к админке сайта различается. Рассмотрим, как зайти в админ-панель WordPress, Joomla и OpenCart.

    Как найти админ-панель сайта

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

    Что почитать о CMS:

    1. Что не так с крутыми CMS?
    2. Для специалистов: перенос сайта на новую CMS.

    Если сайт сделан не с помощью CMS, а разработан программистами с нуля, то его редактирование потребует изучения HTML, CSS, PHP и других языков программирования. В некоторых случаях разработчики также создают адаптированную под нужды проекта CMS для облегчения работы с сайтом, тогда способ входа в админку определяется разработчиками, например, клик по логотипу.

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

    1. Определить CMS ресурса.
    2. Открыть форму авторизации.
    3. Ввести логин и пароль.
    4. Зайти в админ-панель.

    Определяют CMS ресурса как с помощью специальных онлайн-сервисов, так и вручную. Нередко найти сведения о CMS можно в подвале сайта либо в HTML-коде. Этот сайт сделан в WordPress:

    Этот сайт сделан в WordPress

    Если в подвале информация о CMS не отображается, просмотрим HTML-код главной страницы сайта. Для этого нажмем правой кнопкой мыши и выберем «Просмотр кода страницы»:

    просмотр кода страницы_рус

    Из анализа кода видно, что используется система Joomla!:

    joomla code

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

    статистика страницы_CMS

    Вход в админ-панель WordPress

    WordPress — самая популярная система управления контентом в мире, с помощью которой к 2022 году создано около 18 миллионов сайтов. Ежемесячно более 400 миллионов пользователей посещают сайты на WordPress. Изначально CMS позиционировалась как система для блогов, однако сейчас ее активно используют и для интернет-магазинов.

    Чтобы войти в админку WordPress, введем в адресной строке браузера название домена с дополнением /wp-login.php либо /wp-admin, например:

    https://site.net/wp-login.php/,
    https://site.net/wp-admin/

    В окне авторизации введем email и пароль, затем нажмем «Войти»:

    В окне авторизации введем e-mail и пароль, затем нажмем «Войти»

    После этого будет доступна админка WordPress, в которой отображается меню и последние опубликованные материалы:

    После этого будет доступна админка WordPress, в которой отображается меню и последние опубликованные материалы

    Возможные проблемы при входе в админку WordPress

    1. Забытые данные для авторизации

    Если пароль от сайта утерян, нужно на странице авторизации выбрать «Забыли пароль?»:

    Забытые данные для авторизации

    После этого введем логин или email, нажмем «Получить новый пароль», чтобы система отправила письмо на указанную электронную почту:

    После этого введем логин или email, нажмем «Получить новый пароль»

    2. Ограниченный доступ

    Могут быть установлены ограничения доступа к админ-панели сайта, например, внесен список определенных IP-адресов, с которых можно зайти в админку. В этом случае при попытке авторизации отобразится 403 ошибка: «You don’t have permission to access /wp-login.php on this server».

    При подобной ошибке необходимо откорректировать файл .htaccess, расположенный в основном каталоге сайта на хостинге:

    При подобной ошибке необходимо откорректировать файл .htaccess, расположенный в основном каталоге сайта на хостинге

    После этого нужно проверить, нет ли в файле такого фрагмента кода:.

    Order Deny,AllowDeny from all

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

    Order Deny,AllowAllow from all

    Для доступа с определенного IP добавим такой код, указав вместо your_IP свой IP-адрес:

    Order Deny,AllowDeny from allAllow from your_IP
    Перемещенная страница авторизации

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

    Вход в админ панель Joomla

    Joomla занимает второе место по использованию во всем мире в рейтинге CMS, на данный момент на ней функционирует 2,5 миллиона сайтов. Чтобы попасть в админку Joomla, необходимо добавить к домену сайта /administrator/, например: http://vjoomla.ru/administrator/

    Далее необходимо ввести логин, пароль и нажать «Войти»:

    Далее необходимо ввести логин, пароль и нажать «Войти»

    Бывают и проблемы при входе в админку Joomla.

    1. Забытые данные для авторизации

    Если вы забыли пароль, необходимо ввести в адресную строку браузера домен сайта и добавить к нему /index.php?option=com_user&view=reset, например: http://vjoomla.ru/index.php?option=com_user&view=reset

    Затем введите email, указанный при регистрации, пройдите проверку на спам и нажмите «Отправить»:

    Затем введите email, указанный при регистрации, пройдите проверку на спам и нажмите «Отправить»

    2. Нет доступа в админку при правильном вводе логина и пароля

    Такая проблем может быть вызвана сохранением конфигурационного файла configuration.php в формате UTF-8, в котором добавляется запись BOM из трех символов. Эти три лишних символа воспринимаются CMS как ошибка, вследствие чего сбрасывается авторизация. Чтобы исправить подобную ошибку, необходимо скачать в панели управления сайта на хостинге файл configuration.php и пересохранить его с помощью редактора Notepad++, выбрав «Кодировать в UTF без BOM» в меню «Кодировки». После этого снова добавьте файл в исходный каталог.

    Вход в админ-панель OpenCart

    OpenCart — достаточно популярная CMS для создания интернет-магазинов. На август 2019 года на ней функционирует почти 400 тысяч сайтов. Чтобы попасть в административную панель OpenCart, добавим к домену сайта /admin, например: http://shop.epageview.com/admin/

    В форме авторизации нужно ввести логин и пароль, затем нажать «Войти»:

    В форме авторизации нужно ввести логин и пароль, затем нажать «Войти»

    После этого откроется админ-панель, в которой доступно редактирование сайта, а также просмотр статистики по заказам и покупателям:

    После этого откроется админ-панель, в которой доступно редактирование сайта

    О чем стоит помнить при входе в админку OpenCart?

    1. Забытые данные для авторизации

    Если утерян или забыт пароль от админки, нажмите на странице авторизации кнопку «Забыли пароль?»:

    Забытые данные

    После этого укажите регистрационный e-mail и нажмите «Сброс», чтобы получить письмо для обновления пароля:

    После этого укажите регистрационный e-mail и нажмите «Сброс»

    2. Отсутствует доступ в админку после смены хостинг-провайдера

    При переносе сайта на другой хостинг иногда возникает проблема, связанная с использованием устаревшего драйвера mysql данным провайдером. В этом случае отредактируйте файлы config.php в корневом каталоге и папке admin:

    в корневом каталоге и папке admin

    Поменяйте в них указанную строку кода: define(‘DB_DRIVER’, ‘mysqli’), заменив название драйвера mysqli на mysql:

    Поменяйте в них указанную строку кода

    Запомнить

    1. Чтобы попасть в админку сайта, необходимо определить, какая именно CMS используется на проекте. Для этой цели подойдет ручной анализ сайта и его HTML-кода, а также онлайн-сервисы.
    2. Доступ в странице авторизации осуществляется с помощью добавления в адресной строке браузера к домену сайта определенных слов — admin, wp-login.php, administrator и прочее.
    3. При утрате логина и пароля их лекго восстановить, указав адрес электронного ящика, который был добавлен в аккаунт при создании проекта.
    4. При попытках входа в админку CMS иногда возникают проблемы, связанные с ограниченным доступом только с указанных IP, изменением адреса страницы авторизации, ошибками в конфигурационных файлах. Эти ошибки исправляют с помощью редактирования файлов .htaccess и configuration.php (config.php) на хостинг-провайдере.

    Профессия SEO-специалист

    Закончил факультет кибернетики. Работал интернет-маркетологом. Не по наслышке знаком с SEO, PPC, таргетингом, ремаркетингом и продвижением сайтов — в течение нескольких лет практиковал на фрилансе. В портфолио есть успешные кейсы. Пробовал создать собственное агентство, но прогорел и решил поменять сферу деятельности. Далеко из профессии не ушел — использовал свои знания и опыт в копирайтинге. С 2016 года работаю редактором и автором текстов в Netpeak Journal.

    Узнайте больше

    43

    Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

    Контекстная реклама в Google Maps: как использовать карты для привлечения клиентов

    Используйте Google Maps в бизнесе! Показываю, как создать привлекательный профиль и рекламу для эффективного привлечения клиентов

    Автоматическая рассылка — что это, как сделать и какие инструменты использовать

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

    Как настроить кастомизацию картинок для Facebook Dynamic Ads — пошаговое руководство

    Кастомизация изображений в фиде товаров выгодно выделяет объявления динамической рекламы Facebook на фоне конкурентов.

    Админ-панель — дверь в страну Зазеркалья

    Вход в админку

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

    Определяем CMS ресурса

    Чтобы зайти в админку, нужно сначала определить CMS, а потом авторизоваться в системе. Наиболее популярные CMS — Битрикс24, WordPress, Joomla, OpenCart. Определить систему управления ресурса можно вручную или с помощью онлайн-сервисов. В первом случае стоит воспользоваться HTML-кодом главной страницы. Просмотр кода главной страницы Там можно найти информацию о том, какая система была использована для создания сайта. В этом случае это Битрикс. Пример кода Один из онлайн-сервисов — Whatcms. Сначала нужно ввести домен, а затем просто нажать кнопку «Определить CMS». Whatcms

    Как войти в админ-панель разных CMS:

    Вход в WordPress

    1. WordPress. В адресной строке напишите название сайта и добавить к нему /wp-admin . После этого введите логин и пароль.
    2. Joomla. Для входа в админку нужно добавить к домену приставку /administrator .
    3. Битрикс24. Приставка для входа в админку — /bitrix/admin .
    4. OpenCart. В адресной строке после домена нужно добавить /admin .

    Почему не получается зайти в админку

    Авторизация подразумевает ввод логина и пароля. При этом могут возникнуть сложности:

    1. Ввод неправильных данных: пароль, логин. Восстановить данные можно через привязанную электронную почту, воспользовавшись услугой «Восстановить пароль».
    2. Кэширование страницы авторизации. Чаще всего проблема возникает с системой Битрикс. Для решения необходимо очистить кэш нажав сочетание клавиш Ctrl+Shift+Del, либо через меню в браузере «История».
    3. Ограниченный доступ. Проблема может появиться тогда, когда существует список IP-адресов, с которых есть доступ. Об ошибке свидетельствует ошибка 403. Чтобы решить проблему, нужно внести коррекции в файл .htaccess, который находится в основном каталоге веб-ресурса. Файл .htaccessДалее проверить наличие кода в этом файле. Если он есть, то доступ будет запрещен со всех IP. Чтобы открыть доступ, этот фрагмент нужно удалить.
    4. Отсутствие доступа при правильно введенных данных авторизации. Проблема возникает из-за добавления в файл configuration.php записи ВОМ, которые CMS видит как ошибку, поэтому и сбрасывает авторизацию. Чтобы получить доступ к админке, необходимо скачать файл configuration.php, отредактировать его в программе Notepad++, используя кодировку UTF без BOM и снова сохранить, а затем добавить в исходный каталог.
    5. Закрытый доступ после перенесения сайта на другой хостинг-провайдер. Проблема возникает из-за присутствия устаревшей базы данных. Потребуется редактирование двух файлов config.php: из корневого каталога и папки admin. Файл config.php

    Строку define(’DB_DRIVER’, ’mysqli’) нужно заменить на define(’DB_DRIVER’, ’mysql’) .

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

    Для этого можно воспользоваться готовыми HTML-шаблонами:

    1. Penguin — содержит шаблоны для создания и админки, и веб-ресурса в целом. Набор состоит из трех вариантов внешнего вида админки.
    2. QuickAdmin — инструмент для тонкой настройки веб-ресурсов. Шаблон включает в себя коды, иконки и другие компоненты.
    3. Portal — шаблон, состоящий из 8 макетов, уже готовых к использованию.

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

    Возможности, которые дает админ-панель:

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

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

    1. Авторизация. Окно для введения логина и пароля, которые обеспечивают доступ к админ-панели.
    2. Главная страница. На ней размещены все компоненты, которые дают возможность управлять текстовым контентом, карточками товара, изображениями, документами и файлами, статистикой и другим содержанием сайта.
    3. Инструменты редактирования. Они позволяют вносить на сайт новые статьи или изменять уже имеющиеся.
    4. Инструменты для работы с базой данных.
    5. Окно статистики. Тут можно увидеть общее количество просмотров и комментариев за конкретный день или промониторить динамику на графике.

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

    Ваш адрес email не будет опубликован. Обязательные поля помечены *