Проследяване на историята на промените в сайта в стила на Google Wave

Въведение

промените

Стъпка 1 - XHTML

Ще използваме PHP технологии за front-end, MySQL за съхранение на информация, jQuery, CSS и XHTML за front-end, както и AJAX. Самият плъзгач е написан в jQuery UI.

Сега нека да разгледаме основната част на файла demo.php

историята

Стъпка 2 - CSS

Огромното предимство на jQuery е, че благодарение на CDN технологията на Google можете веднага да запишете създадените технологии в кода на сайта и не е нужно да се притеснявате за качването на файлове на сървъра и за тяхното съхранение. Тази техника има положителен ефект върху времето за зареждане на страницата.

Всичко това се отнася и за jQuery UI технологията, с помощта на която е написан нашият плъзгач. Благодарение на CDN, ние веднага включихме всички необходими стилове и изображения в него.

Все още има работа по стиловете на клиента. В примерите можете да намерите пример в файла demo.css. Тук са представени само най-интересните части от програмата.

историята

Стъпка 3 - PHP

Ето 4-те основни PHP файла, които осигуряват крайния резултат:

Нека да разгледаме първо първите 3 файла.

И накрая, файлът functions.php