бесплатный шаблон сайта php mysql
Готовый шаблон сайта с регистрацией, юзерами и админами на Flask с базами SQL или MongoDB
Бывает, приходится делать сайты на flask, у которых есть пользователи и админы. Чисто для себя решил как-то это стандартизировать и, главное, не терять время, когда такая задача появляется. Цель — в несколько команд получить рабочий сайт у которого есть:
Скриншоты
Вот что получается из коробки:
Профиль пользователя после авторизации:
Получить такой сайт можно двумя вариантами:
I Вариант. С использованием flask-user и SQL-базы данных
Установка
После этих команд по адресу http://localhost:5000/ должен открыться сайт как на скриншотах.
Юзер: user@example.com Пароль: Password1.
Админ: admin@example.com Пароль: Password1.
Я запускал и тестировал на linux с версией Python 3.4, но предполагаю, что должно «взлететь» и на любых 3.x.
Образец установки в консоле
Подробности
За основу я взял модуль Flask-User и вот этот репозиторий. Что было добавлено / изменено:
На русский язык я сделал свою локализацию.
С flash-сообщениями отлично справился Flask-Babel, а вот чтобы в темплейтах заработал перевод на русский язык строк вида:
Создание PHP+MySQL сайта: от простого к сложному — шаг первый
Для создания перспективного, расширяемого и эффективного сайта любой сложности следует начинать с простого. Это процесс нелёгкий, требует определённых базовых знаний PHP и MySQL, но если его рассмотреть по пунктам — то можно составить своего рода «рабочий план», который пригодится при создании новых сайтов. Подготовим «ядро» и базу для проекта. Вначале это будет обычный сайт визитка, но потом, добавляя функционал, его можна превратить во что угодно. Итак, приступим.
1. Подготовка базы данных. Создаём первую таблицу в БД MySQL
Создаём новую базу данных, например «mysite». Лично я привык работать с кодировкой UTF-8, по-этому сразу оговорюсь: проследите, чтобы все текстовые файлы сайта, сама база, таблицы и поля таблиц были в одной кодировке.
В новой базе делаем таблицу. Назовём её «pages». В этой таблице будут храниться статические страницы будущего сайта и информация о них. Таблица должна содержать следующие поля:
Сразу после создания таблицы вставляем в неё значения для главной страницы сайта. В поле «page_alias» для главной страницы предлагаю вставить значение «home». Метатеги — соответственно тематике всего сайта. Таким же образом можно посоздавать другие страницы, например «О компании» с алиасом «about» и своими метатегами, или «Контакты» с алиасом «contacts» и т.д.
2. Создаём файл конфигурации сайта
function close() <
mysql_close($this->link);
>
Этот файл пока содержит только простой класс подключения к базе данных, но в дальнейшем в него можно добавлять разные полезные функции, которые будут доступны из любого места в коде сайта. Не забудьте изменить логин и пароль к Вашей базе.
Если Вы работаете в среде Windows, я могу порекоммендовать использовать редактор Notepad++. В этом редакторе есть нумерация строк, и он легко переводит текст из одной кодировки в другую. ВНИМАНИЕ! Если Вы работаете в кодировке UTF-8 — конвертируйте файлы в UTF-8 without BOM — это поможет избежать проблем в будущем.
3. Создаём index.php — главный контроллер сайта
Файл конфигурации создан. Теперь в корневой папке сайта создаём index.php — это и будет основной скрипт сайта, своего рода «главный контроллер». Содержание файла index.php:
// ГЛАВНЫЙ КОНТРОЛЛЕР
switch ($_GET[option]) <
case «page»:
include($_SERVER[DOCUMENT_ROOT].»/com/page.php»);
break;
default:
include($_SERVER[DOCUMENT_ROOT].»/com/home.php»);
break;
>
include ($_SERVER[DOCUMENT_ROOT].»/template.php»);
$db->close();
4. Создаём компонент вывода обычной страницы
Создаём в папке «com» файл «page.php». Содержимое файла следущее:
5. Создаём компонент вывода главной страницы
Главная страница у нас в базе данных хранится под псевдонимом «home», и пока по своей структуре не отличается от обычных страниц сайта — это просто статья. Тем не менее создадим для неё отдельный компонент — на перспективу, так сказать.
Содержимое компонента «home.php» в папке «com» почти совпадает с содержимым компонента обычной страницы, за исключением строки запроса к базе и названия компонента. Строка запроса теперь выглядит так:
$query = «SELECT * FROM wx_pages WHERE page_alias=’home’ LIMIT 1»;
6. Создаём шаблон дизайна всего сайта
В корневой папке также должны быть папки «css» и «images» для элементов дизайна. В файле /css/style.css — можно настроить стили по своему усмотрению.
RewriteEngine On
RewriteBase /
Универсальный шаблон готового сайта UseSite
Полностью готовый к применению в качестве сайта шаблон UseSite является универсальным инструментом для быстрого создания Интернет проекта.
В нем предусмотрены все основные модули необходимые современному сайту: фотогалерея, обратная связь, ЧАТ онлайн общения, модуль Администратора для работы с файлами и т.д.
После заливки файлов на хостинг Вам останется лишь раскрутка и продвижение сайта в поисковых системах.
Шаблон создавался преследуя цель быть простым в редактировании и настройках при максимальной функциональности, включенных в него модулей.
Проект рассчитан на начинающих сайтостроителей, обладающими навыками рядового пользователя компьютером. Достаточно уметь открывать файл текстовым редактором и сохранять изменения.
Содержание руководства прилагаемого к шаблону:
В исходный код всех страниц и скриптов шаблона сайта включены комментарии на русском языке. Они не отображаются при работе сайта и помогут быстро сориентироваться при создании новой конфигурации проекта.
Используя пояснения в коде файлов можно обойтись даже без прилагаемой к шаблону инструкции.
Шаблон состоит из отдельных модулей и блоков, которые можно добавлять в любое место страниц сайта, менять местами, удалять. Структура дизайна при этом не пострадает.
Блоки.
Блоки вынесены в отдельную папку и вставляются в дизайн страницы кодом include.
Для внесения изменений в шапку, слайдер или подвал (footer) сайта достаточно изменить код в одном файле (модуле) и результаты затронут все страницы, в которых подключен модуль.
Это очень удобно при установке на сайт рекламы, допустим SAPE, тизеров, попандеров и т.д.
Счетчик посещаемости не надо будет разносить по всем страницам сайта.
Меню, шапка и слайдер тоже редактируются в одном месте, при этом изменения происходят во всем сайте.
Модули.
АДМИНКА
Возможности админки:
— Пароль на вход;
— Просмотр папок и файлов;
— Загрузка файлов в любую папку;
— Создание и редактирование новых файлов и папок;
— Установка прав доступа CHMOD;
— Поиск папок и файлов, в том числе картинок, по названию и весу;
— Определение расширения файлов для загрузки и т.д.
Дизайн шаблона.
Большое внимание уделено универсальности дизайна шаблона.
Для достижения уникальности Вашего будущего сайта достаточно произвести минимальные изменения.
Фон шапки и подвала сайта не являются картинкой и редактируется изменением градиентов двух цветов. Кнопки выполнены посредством кода CSS и редактируются также заменой цвета: исходный, активный.
Логотип выполнен с применением спрайта, при наведении меняет вид. В комплект входит PSD исходник логотипа с открытыми слоями. Вы можете заменить текст логотипа на свой.
Меню сайта не ограничено в размерах. При превышении количества пунктов, оно плавно переходит во второй ряд.
В рабочем дизайне шаблона использованно менее пяти картинок. В основном все достигается средствами CSS, что значительно увеличивает скорость работы и открытия сайта.
Слайдер меняет скорость показа изображений, несет в себе любое количество картинок.
Экономия средств.
Шаблон не требует подключения на хостинге базы MySql, обходится PHP средствами. Например, при использовании хостинга Jino может сэкономить 42 рубля в месяц, за счет отключения услуги MySql. С поддержкой только PHP функций оплата составит 2 руб. 50 коп. в сутки с 10 Гб выделенного пространства.
Проверить работоспособность и просмотреть работу сайта на компьютере Вы можете используя HTML версию. Включена в состав архива для наглядности и полета Вашей творческой мысли в плане дизайна будущего проекта.
В ней не будут работать Админка и Обратная связь из-за того, что на Вашем компьютере наверняка не установлены PHP, Apache.
Благодаря готовому шаблону и инструкциям Вы сможете быстро, бесплатно создать свой личный сайт и запустить проект в сеть.
Главным преимуществом для новичков станет то, что они научаться работать с кодом.
Шаблон максимально адаптирован для быстрой работы сайта в сети (открытие страниц).
Это достигнуто за счет применения таблиц стилей CSS, JS скриптов и уменьшения количества применяемых картинок в дизайне.
PHP-Матрёшки или Шаблоны для любого сайта из 8 строчек
Я расскажу о своих шаблонах (из восьми строчек), которые придумал в 2003 году и с тех пор они меня не подводили и не требовали каких-либо улучшений.
Суть шаблонов – это принцип матрешки, когда маленькая матрёшка — это часть той что побольше.
На практике это выглядит так: мы указываем имя первого пхп-шаблона, внутри которого прописываем имя вышестоящего шаблона, который, в свою очередь, также может указать на своего пхп-родителя и т.д.
Где, main.tpl – это имя файла первого пхп-шаблона, а функция load::integration() содержит механизм, который позволяет обрабатывать указанный шаблон. А конкретнее, он позволяет нам прописывать в шаблоне main.tpl, другой шаблон, например default.tpl, в который будет вложен результат выполнения mail.tpl. В свою очередь default.tpl, также может указать вышестоящий шаблон (как изображено на рисунке). Если же вышестоящих шаблонов не указано, то функция load::integration() остановит сборку шаблонов и отдаст общий результат выполнения всех шаблонов в браузер.
Далее я расскажу как все работает и дам ссылку скачать код.
Данная схема работает благодаря тому что перед началом обработки каждой странички на сервере (в данном случае стартового файла index.php) мы прописываем для пхп, что прежде чем выполнять какой-либо скрипт, нужно предварительно загрузить указанный нами файл. Делается это в файле /home/start.local/www/.htaccess одной строчкой, вот так:
В данном случае, у меня указан файл config.mdl для удобства. Вот его содержание:
Таким образом класс load ( /home/start.local/bin/lib/load.cls ) и его функция load::integration() с помощью файла config.mdl становятся предварительно загруженными для всех скриптов.
Посмотрим в код класса load:
Теперь посмотрим на код нашего шаблона main.tpl
Посмотрим на код шаблона default.tpl
Теперь посмотрим на ссылки в меню нашего сайта которые записаны в default.tpl, например
Здесь в атрибуте href тега a вместо ссылки, указано, что нужно напечатать результат выполнения функции create::file() класса create.
Суть работы этой функции очень проста – создать файл по указанному пути (это первый параметр – ‘/news/’ ) и записать внутри него вызов первого шаблона (это второй параметр ‘page.tpl’ ).
Т.е. по указанному пути будет располагаться стартовый шаблон page.tpl, обработка которого будет аналогична рассмотренному main.tpl.
Про условие if() в шаблоне default.tpl я рассказывать не буду, т.к. это на логику шаблонов не влияет, а относится чисто к дизайну сайта и не более того.
Такой техникой я пишу сайты на чистом пхп уже 8 лет и горя не знаю.
Нужен раздел с индивидуальным дизайном? В два счета делаю новый шаблон и подключаю туда другой дизайн.
Нужно добавить форму на сайт? Делаю форму в отдельном шаблоне и подключаю её с помощью механизма шаблонов или обычной require_once вставкой.
Конечно, у меня накопилось не мало разных сопутствующих классов и функций: для работы с базой данных, или формами, или письмами. Но суть в том, что вы можете просто брать и легко использовать как свои наработки, так и подключать сторонние библиотеки к пхп-матрёшкам. Это будет работать благодаря всего лишь 8 строчкам. Без выпиливаний, натягивания и плясок с бубном.
Надеюсь мой опыт пригодиться и сослужит хорошую службу. Например, в ситуации когда, вам необходимо доказать, что вы это сделать можете, но в рамках какой-то сиэмэс просто не знаете как этого добиться.
PS.
В следующей статье я расскажу, что для управления базой данных сайта можно использовать просто phpMyAdmin, который умеет работать со связанными таблицами, т.е. вы не просто меняете айдишник в связанном поле, но вы одновременно можете видеть полноценные связанные данные из связанных таблиц, которые стоят за этим айдишником.
Шаблоны сайтов
Пожалуй одно из лучших решений для тех кому вопрос дизайна или архитектуры не принципиален и он готов воспользоваться готовым решением от профессионалов, создать сайт бесплатно из шаблона. Но многие боятся использовать шаблоны сайтов, потому что боятся, как-нибудь встретить практически идентичный сайт как свой, но не обязательно же абсолютно полностью брать весь дизайн и шаблон, ведь достаточно внести небольшие изменения и ваш сайт будет отличаться от других до неузнаваемости.
Шаблон сайта как правило предполагает под собой html-каркас с нарезанной и вставленной графикой и psd графический исходник Photoshop, который вам поможет легко и просто изменить дизайн сайта и добавить индивидуальность!
Шаблоны Бизнес сайтов
Пожалуй самая распространенная в Интернете тематика сайтов это бизнес, люди хотели, хотят, и будут хотеть создавать сайты которые бы приносили им доход и интернет бизнес с каждым днем набирает обороты все больше и больше.
Шаблоны спортивных сайтов
Великолепная подборка шаблонов сайтов на спортивную тематику, прекрасная графика всевозможные решения от фиксированного дизайна, до резиновой верстки. в общем заходи и бери!
Шаблоны Автомобильных сайтов
Прекрасная подборка шаблонов сайтов посвященных автомобильной тематике, здесь вы сможете найти подходящий для себя шаблон как для информационного сайта о автомобилях так и для интернет магазина авто запчастей, или автосалона.
Шаблоны хостинга
Вы хотите обзавестись своим хостингом и зарабатывать стабильный доход, тогда вам просто необходимо обзавестись красивым и оригинальным дизайном который бы выделял вас из толпы конкурентов и внушал доверие к вам как к профессионалу.
Шаблоны WordPress
Самый популярный бесплатный движок для блогов который все чаще и чаще используют, для ведения своих блогов. В этом разделе есть огромное количество шаблонов различных направлений которые помогут вам сделать ваш блог красивым и оригинальным.
Шаблоны Joomla
Один из самых, лучших и достаточно многозадачных CMS которые только распространяются бесплатно. Joomla уже давно покорил сердца многих веб разработчиков и я уверен, что и вы не остались к нему равнодушным. В этом разделе собраны только лучшие бесплатные шаблоны для Joomla которые были отобраны вручную и предоставлены для вас, заходите качайте, пользуйтесь.
Строительные шаблоны сайтов
Строительство всегда актуально, и сайты строительных фирм все чаще и чаще появляются в интернете, и специально для тех, кому нужны шаблоны строительных сайтов и сделан этот раздел. Здесь вы сможете подобрать для себя подходящий именно вашему бизнесу шаблон который сможет стать лицом вашего сайта.
Шаблоны сайтов на разные тематики
Часто бывает, что вы не можете найти шаблон сайта по вашей тематике, и именно в этот момент вам не будет лишним заглянуть именно в этот раздел, возможно именно здесь и лежит то что вы давно искали.
Шаблон строительного сайта №2
Примечание: HTML, CSS – файлы. Простой по своему содержанию шаблон для строительной компании, но при этом очень качественно исполнен. Стильный, простой и очень красивый вариант для решения дизайна вашего будущего сайта.
Шаблон сайта для строительной компании
Примечание: Html, CSS, Flash, Fonts, PSD – все необходимые вам файлы для максимально удобного редактирования шаблона без лишних проблем. Очень интересный и удобный шаблон сайта, который бы прекрасно подошел компании по строительству многоэтажных домов. Красивый слайдер очень приличных размеров, удобное меню и вообще юзабилити шаблона выполнено на очень хорошем уровне.
Шаблон строительного сайта №1
Примечание: В архиве вы найдете HTML, PSD, FLASH, Fonts все необходимое для максимально удобного редактирования шаблона и настройки его под свои нужды. Этот шаблон идеально подойдет для крупной строительной компании, которая занимается строительством больших объектов. Очень приятный, светлый и удобный дизайн, качественно расположенное меню и новостные ленты, в общем, все что нужно в одном.
Бесплатный шаблон Joomla автомобильная тема
Прекрасный шаблон для автомобильного сайта, очень качественный и красивый дизайн, придает солидность и представительность. Рационально и продумано оформленные графические элементы и меню ссылок.
В архиве: PSD, HTML, CSS, PHP, JS, шрифты
Нашли ошибку в тексте.
Просто выделите её мышкой, нажмите Ctrl+Enter.
И мы все исправим.