842

Простое приложение для управления закладками на PHP, JS & MySQL. Часть 1

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

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

Скачать

Идея

Приложение состоит из PHP скрипта (вызываемого с помощью JavaScript) на просматриваемой странице, с заголовком и URL сайта передаваемым GET параметром. После получения параметра, PHP скрипт записывает данные страницы в базу данных MySQL, и в результате выдает сообщение о выполнении. Все это работает через JavaScript и выполняется в браузере.

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

Перед тем как начать программировать, нам нужно составить базу данных, которая бы сохраняла закладки. Создание таблиц есть в файле table.sql в архиве. Вы можете запустить его в phpMyAdmin, чтобы создать таблицу на вашем сервере. После, не забудьте изменить данные доступа к MySQL в connect.php.

Обратите внимание на HASH поле. Это уникальное поле, которое хранит md5() сумму URL. Мы используем его, чтобы исключить дубли ссылок в базе данных. Вставка ссылки, которая уже существует, вызовет ошибку в запросе, и функция mysql_affected_rows() вернет 0. Мы используем ее в PHP, чтобы вывести сообщение пользователю о дубликате.

Шаг 1 – XHTML

XHTML разметка генерируется на лету с помощью PHP. Она необходима для представления расшареной ссылки на ваш сайт. И это, в основном, простые неупорядоченные списки с данными о странице.

demo.php

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

Шаг 2 – CSS

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

styles.css

Используя box-shadow и border-radius из CSS3, мы сокращаем количество DIV-ов, которые были бы необходимы для получения такого же дизайна. Также, обратите внимание на использование :last-child селектора, который ориентирован на последние li, и добавляет нижний бордюр.

Продолжение...


2 комментарий на “Простое приложение для управления закладками на PHP, JS & MySQL. Часть 1

Оставить комментарий