Как сделать простую админку для HTML сайта
Самый простой способ создания админки для лендинга. Всего пару минут и можете сдавать заказчику управляемый проект.
Всем привет! Много текста сегодня не будет, просто покажу как сделать простую админку для статичного сайта на HTML
Я сейчас работаю, когда позволяет время, над написанием своего движка для одностраничников. Лэндинги самый заказываемый тип сайта.
И что скрывать, натяжка их на WordPress или тот же MODX отнимает довольно много времени. Кроме этого потом нужно еще клиента научить пользоваться этими системами.
Это нам , все кажется просто, а если человек до этого умел только в Ворде печатать, работа в консоли движка кажется чем то архи-сложным.
Как создать Админа сайта
Если же Вы хотите сделать еще один аккаунт для менеджера, который будет настраивать Вам только сайт, но не будет иметь доступ к Заказам, тогда делайте следующее. Для этого Вам нужно создать администратора сайта. Переходим на Ваш сайт и Регистрируемся как покупатель. Жмем кнопку Регистрация и заполняем все нужные поля (но уже емаил Вашего менеджера вводите при регистрации).
Дальше, войдите в админку — admin.openmall.info и зайдите в меню Магазины -> Покупатели. В списке находите свой маил, под которым регистрировались на сайте и жмете Редактировать (черный карандаш)
Для этого пользователя Вам нужно поменять роль с User на Admin. И нажать «Применить».
Теперь заходите под данным логином на ваш сайт и у Вас появится закладка Настройки магазина. То есть таким способом Вы создали администратора сайта.
Жмем «Настройки магазина« и слева видим настройки, которые можем менять на своем сайте.
Как установить администратора сайта
Для того, чтобы сразу было понятно, что такое админка -> вот вам скриншот, что я вижу заходя на сайт? а вы этого не увидите:
Что такое админка сайта Что мы можем понять из выше приведенного скрина!? Что в админку можно войти, что в ней, как минимум можно удалить страницу, и как минимум отредактировать её же -> есть видео на тему админка сайта
Панель администратора сайта
Система хранения данных везде отличается, и вообще! Прежде чем что- отредактировать в админ панели. эти данные нужно сохранить!
Как организовать панель администрирования сайта в админке.
Вы должны понимать, что с каждым движком, уже идет вход в админку и сама панель управления и все, что здесь было описано про вход — это, как в принципе должен работать вход в админ панель!
После того, как вы благополучно создали вход и можете протестировать вход в админку — вам нужно будет
Поместить тот код, что располагается на тестовой странице на все страницы, которые вы хотите администрировать!
Здесь : информация доступная админу.
Здесь : У вас недостаточно прав для просмотра данной информации!
И далее. про панель. и администрирование возникает целая куча развилок.
Как будут храниться ваши данные — файл или база данных.
Какой сайт вы собираетесь делать — личный сайт — или же будут пользователи, модераторы. Эти роли все нужно продумывать и все прописать!
Что вы хотите видеть в своей панели администрирования Могу порекомендовать дополнительную информацию вообще о создании сайта, поскольку этот вопрос структуры админ панели- напрямую зависит от структуры сайта.
Все админки доступные для скачивания
С админками для сайта произошла какая то вакханалия!
Это довольно странно, когда, вроде бы правильно написанная страница, но через некоторое время приходишь на неё и ничего не понятно, что к чему!
Я пришел исправить эту ситуацию!
Отдельная страница со скриптами и в том числе отдаленная подтема скачать админки
С чего все начиналось?
Всё начиналось с чужой админки, которую я нашел в интернете. Для данной админки доступно:
Видео 2016 года здесь
Конечно. я тогда уже немного понимал, что такое php, но чтобы написать что-то самостоятельно, то, конечно же, знаний было недостаточно!
Если вы посмотрите на код представленный в архиве первой админки — то я категорически не согласен с таким видом и типом входа!
Это слишком примитивно.
Зачем нужно так наваливать в кучу код!? я это не понимаю и сегодня 13062022!
Админка без номера
Страница входа для админа описание, пример
Файл logout.php — страница выхода из админки описание, пример
Тестовая страница для проверки работы админки пример
Начнем со страницы index.php — Страница входа для админа.
Сделаем соль – набор цифр и букв, которую надо изменить – для лучшего шифрования.
Получим пароль и имя администратора(По умолчанию : имя — admin, пароль — 12345):
Как изменить имя adminа и пароль!?
Для того, чтобы изменить «имя adminа»и пароль вам нужно проделать парочку манипуляций!
Открываем страницу «index.php» из архива.
Начнем со страницы index.php — Страница входа для админа.
Убираем два слеша «//» перед echo в каждой строке 3 + 4
Начнем со страницы index.php — Страница входа для админа.
Сохраняем изменения в файле.
Загружаем на сервер.
Заполните форму своими данными и нажмите отправить.
Сверху слева будут данные. Которые вам нужно записать в 18 строку
Начнем со страницы index.php — Страница входа для админа.
Что требуется заменить!?
Если у вас, на сайте, уже используется какая-то сессия для админа, то требуется заменить:
Заменяем admin_example строка 6 + 21 на ваше имя adminа в «index.php»
+ в файле «logout.php» — строка — 8 + 13 + 14.
+ если тестовая страница(test.php) буде использоваться, то меняем также admin_example в строке 2.
Если же вы не знаете, что такое — $_SESSION, то вам ничего не нужно менять – когда необходимость возникнет, то вам не потребуются объяснения…
Если переданные данные верны строка 18, то вам выдаст – все верно – запустим соответствующую сессию, внутри какие-то данные..
Переадресация после входа.
После того, как введены правильные данные, сработает переадресация на тестовую страницу.
Если вам требуется переадресовать на какую-то страницу управления сайтом, то в строке №11 вставте нужный адрес.
Переадресация после входа.
Если данные не верны, то будет выводиться(строка 26):
$info = «Что-то не верно»;
И будут записываться куки –сколько осталось попыток..
После того, как все попытки будут потрачены будет выдаваться, что:
заблокировано Если вы не в курсе, то куки можно удалить ручками открыв консоль.. – только выбрать не консоль.., а — application и далее куки -и удалить «_um_fl»
Файл logout.php — страница выхода из админки
Если сессия существует, то уничтожаем сессию и выводим вы вышли…
Если сессия админки уничтожена, то выводим «Вы вышли»
Если сессии не существует то:
echo «Для того, чтобы выйти – надо сперва войти!»;
Если не требуется переадресация на страницу входа – удаляем строку №5, либо устанавливаем свою страницу переадресации.
Админка #1
Буквально пару слов требуется сказать о том, зачем и почему здесь появилась третье поле ввода для соли!?
Когда я только начинал, то естественно был удивлен, что постоянно, кто-то пытается зайти в твою админку — долго рассказывать, как это я определил.
Смена пароля каждый день
Знаний было недостаточно, конечно, сейчас, этот способ кажется странным, но тогда.. вполне себе ничего!
В чем смысл!? Например менять какой-то элемент не меняя пароль, но в тоже время он чтобы был частью пароля.
Когда у тебя 2 поля для ввода — это вполне можно сломать, подобрать.
А если у тебя уже три поля, да еще непредсказуемый набор символов, то взломать это. практически невозможно!
Это 99.9% копия админки без номера, с некоторыми изменениями.
Админка #2
Когда я написал скрипт, когда меняется пароль каждый день, то подумал, а почему бы нае сделать смену пароля каждый час!?
На 99.9% предыдущая версия, только пароль/соль будет меняться «каждый час»
Админка #3
После того, как я написал скрипт, когда пароль будет меняться каждый час, то все равно подумал, что это слишком долго! И самое оптимальное 3 минуты.
На 99.9% предыдущая версия , только пароль/соль будет меняться «каждые 3 минуты»
скачать
Система входа в админ панель DW Admin v1.1.
Если интересно, то вот сделал новую версию входа в админку DW Admin v1.1. описание
Чем отличается новый скрипт входа от старого? В видео показан процесс выбора -секретного слова, либо закрыть форму от любопытных глаз + создание пароля, логина, из формы! вводим соответствующие данные и просто входим в админку.
Не забываем сказать спасибо! Я старался для вас!
Вход в админку DW-Admin 2.1.
Новая админка уже доступна для скачивания
Если вы видите эту картинку, то видео уже запланировано и выйдет скоро!Подписываемся, чтобы ничего не пропустить!
Список необходимых условий для создания админки
Для того, чтобы ваша админ панель, панель администратора, называйте как хотите, существовала — нужно выполнить несколько условий!
Основное требование для админок, это наличие сессии .
Обязательное условие — наличие входа. Странно было бы без него.
Страница входа — index.php. Пример.
Моя админ панель данного сайта
На странице с контентом доступно : редактирование, удаление, войти в админку.
Вид моей панели админа. 
Видео — как работает админка
Чтобы примерно представлять, как работает админка, как должна работать панель администратора сайта, сделал специально для вас видео, которое можно назвать экскурсией по моей админке!
Не нужно воспринимать увиденное — как руководство к действию! На данный момент, я храню и редактирую данные в своей панели админки именно таким образом!
Не забываем сказать спасибо! Я старался для вас!
Где скачать админку!?
Чуть не забыл если вас интересуют админки, то мы собрали архив шаблонов(искал для себя)
Вход а админки на странице со всеми скриптами
Как сделать роль администратора для сайта php
И логично было бы ранее предположить, что если речь идет о входе в админку, то должны быть и роли соответствующие, как тот же админ!
1). Если у вас есть отдельный вход для админа
Чему собственно посвящена данная страница, то
В момент входа в систему, вы просто запускаете сессию вида:
В месте, где предполагается некий вывод информации только для админа, к примеру -> это может быть кнопка входа в админку, делаем простое условие:
2). Если у вас нет отдельного вход для админа
Как закачать скрипт админки на сайт
Существует несколько способов закачать скрипт админки на свой сайт! Конечно же мы расскажем о своем способе:
Нам потребуется доступ к серверу по ftp
После того, как вы разобрались с доступом к серверу, нужен инструмент, чтобы заказать вашу админку на сайт -> filezilla (не обязательно, чтобы была именно эта программа с доступом по ftp, просто как-то повелось, что я использую её со времен мезозоя. так и продолжается!)
Вариант №1 закачать админку на сайт
После того, как вы настроили программу для передачи вашей админки на сервер, открываем программу -> filezilla
В адресную строку копируем адрес, где у вас находится распакованная админка .