лого

Шаблон простого сайта для компании с админпанелью и - мануал к нему

Поиск по сайту


Шаблон простого сайта для компании с админпанелью и - мануал к нему

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

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

1. Шаблон вебсайта с админкой: PHP, MySQL, Javascript (Ajax и jQuery), Bootstrap

Этот проект разработан с использованием PHP, базы данных MySQL, HTML, CSS, Javascript (Ajax и jQuery), Bootstrap, шаблона AdminLTE, бесплатного шаблона StartBootstrap (для пользовательского интерфейса веб-сайта) и некоторых других библиотек/плагинов. Приложение простое в использовании и понятное. Он также имеет приятную панель администратора и пользовательский интерфейс веб-сайта.
Итак, создадим сайт условной компании, торгующей луком.

вид сайта
Так выглядит страница сайта, главная

2. Представительская часть сайта - о компании, раздел - о нас

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

представительская часть
Раздел сайта - о нас

3. Далее - раздел Услуги

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

Все это заполняется из админки и очень легко редактируется.

Раздел сайта - Услуги
Раздел сайта - Услуги - заполняется тоже из админки

4. Эту часть сайта - Услуги, можно тоже продолжать бесконечно долго

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

скриншот вида сайта раздел услуги
Продолжение раздела Услуги
раздел услуги
Ставьте любую нужную информацию

5. Далее - раздел с клиентами компании.

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

Клиенты компании с брендами , фото и описаниями.

6. Отзывы клиентов.

Отзывы клиентов - важная часть сайта. Заполняется и редактируется так же - из админки.

раздел отзывы
Отзывы клиентов

8. Отправка сообщений и запросов на сайт .

С сайта отправляются сообщения. Сообщения хранятся в базе данных.

форма для сообщения на сайте
Отправка сообщений

9. И - контакты

Последний раздел видимой части сайта - контакты. Можно ставить ссылки на соцсети, в данном случае - на сеть В Контакте и Телеграм. Заполняется так же в админке.

контакты на сайте
Контакты

Теперь об админке сайта

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

админпанель сайта
Так выглядит админка сайта
админпанель сайта - услуги
Раздел услуги из админки
админпанель сайта - отзывы
Раздел - отзывы клиентов
админпанель сайта - контакты
Раздел - контакты
админпанель сайта - запросы
Запросы посетителей сайта (сообщения с сайта)
админпанель сайта - системная информация
Системная информация - главное о компании, бренд, лого, описание и так далее.

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

Скачиваете на свой компьютер этот архив. Распаковываете его, чтоб иметь доступ к файлам. Далее загружаете нераспакованный архив на сервер хостинга, в корневую папку будущего сайта. Распаковываете архив так, чтоб все файлы сайта находились в корневой папке.
Создадим базу данных для сайта. Называться она может как угодно, главное, отразите ее название в файле initialize.php. Его вы найдете в распакованном архиве, в файлах сайта.
В этом файле прописано соединение с созданной вами базой данных.

Создаем базу данных

База данных еще пустая. Ее нужно заполнить, импортировав туда файл 'company_website_db.sql', который находится в папке database.

пустая база данных
Так выглядит пустая база данных

Импорт файла в базу данных

Импортируем файл 'company_website_db.sql'.

импорт файла
Опция импорта файла в базе данных

Выбираем файл на компьютере

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

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

Таблицы в базе данных созданы

Нужные нам таблицы созданы. Теперь можно приступать к созданию связи сайта и базы данных. Информация находится в файле 'initialize.php' в корне созданного сайта.
Сейчас она выглядит так:

    
<?php
$dev_data = array('id'=>'-1','firstname'=>'Developer','lastname'=>'','username'=>'dev_oretnom','password'=>'5da283a2d990e8d8512cf967df5bc0d0','last_login'=>'','date_updated'=>'','date_added'=>'');
if(!defined('base_url')) define('base_url','!!!https://ВАШ-САЙТ.ru/');
if(!defined('base_app')) define('base_app', str_replace('\\','/',__DIR__).'/' );
if(!defined('dev_data')) define('dev_data',$dev_data);
if(!defined('DB_SERVER')) define('DB_SERVER',"localhost");
if(!defined('DB_USERNAME')) define('DB_USERNAME',"!!!ЮЗЕР БАЗЫ ДАННЫХ");
if(!defined('DB_PASSWORD')) define('DB_PASSWORD',"!!!ПАРОЛЬ К БАЗЕ ДАННЫХ");
if(!defined('DB_NAME')) define('DB_NAME',"!!!НАЗВАНИЕ БАЗЫ ДАННЫХ");
?>    
    

Меняем содержимое файла

Меняем строки, выделенные восклицательными знаками на корректные значения.
Внимание! В строке if(!defined('base_url')) define('base_url','!!!https://ВАШ-САЙТ.ru/');
не пропустите слеш в конце URLа сайта. Это важно для привязки стилей.
А так же - для корректной работы админки.
Наш сайт готов, можно приступать к заполнению.
У сайта в шаблоне есть даже файл robots.txt и страница ошибки 404.html
Вход в админку для редактирования https://ваш-сайт.ru/admin
Логин: admin
Пароль: admin123
Логин и пароль меняется из админки.



(Обновлено Апрель 26, 2024 at 9:20am )
Написано