Приветствую всех! В этой статье я хочу показать пример создания собственного виджета, с помощью которого можно будет создавать короткие заметки и просматривать их. Виджет будет свободно перемещаться по странице и, конечно, будет возможность редактировать и удалять заметки. Код виджета не сложный, но требует использования сразу нескольких технологий: PHP и MySQL на стороне сервера, HTML, CSS, JavaScript – на стороне клиента, поэтому я разбил статью на 2 части. В первой мы рассмотрим серверную часть кода, во второй – клиентскую. Чтобы лучше понять, что мы получим в результате, взгляните на демонстрационную страничку Если задача ясна, приступим к делу. Начнем с базы данных. Т. к. виджет предназначен для хранения коротких заметок, структура базы будет максимально простой. Создаём таблицу notes с тремя полями: id – первичный ключ; note_text (тип varchar(300)) – текст заметки (длина не более 300 символов); note_date (тип datetime) – дата создания заметки. Теперь напишем PHP скрипты, с помощью которых мы будем читать, создавать, удалять и редактировать записи. Т. к. пример довольно простой, то в использовании фреймворка я смысла не вижу, а для работы с базой будем использовать PDO. Создаём скрипт с параметрами подключения к БД (db. inc. php).