Приложение SKULL для управления закладками веб-страниц

Краткое описание

Позволяет управлять закладками веб-страниц кросс-браузерно, в любое время и в любом месте, просто и эффективно, организуя их по категориям. Основано на технологии ajax+jquery+php+mysql.

Основные технические особенности

• Использует flex&media для адаптивного дизайна, calc для процентного размещения элементов, что позволяет поддерживать как настольные компьютеры, так и мобильные устройства.
• Использует ajax для асинхронной обработки данных. Изменения данных не требуют перезагрузки страницы, что повышает производительность системы и значительно уменьшает время ожидания пользователя.
• Использует localStorage для хранения учетных данных. Это уменьшает количество действий пользователя.
• Использует DocumentFragment для централизованного рендеринга DOM, что снижает количество перерисовок; сжатие CSS для уменьшения объема передаваемых данных. Это оптимизирует производительность.

Ссылка на запущенный проект

http://kuloutou.top

Пример видео проекта

https://www.bilibili.com/video/BV1Y54y117nS/

Инструкция по установке

1. Установка среды

1. Установите локальный сервер Apache, например, xampp.

Ссылка на скачивание: https://www.apachefriends.org/zh_cn/download.html2) Установите базу данных MySQL 5.x.

Ссылка на скачивание: https://dev.mysql.com/downloads/workbench/

3. Установите графический интерфейс для MySQL, например, Navicat или sqlyog.

Ссылка на скачивание: https://sqlyog.en.softonic.com/

2. Используйте Navicat или sqlyog для подключения к локальной базе данных и создания новой базы данных с именем label.

3. В базе данных label создайте три таблицы данных. Выполните следующие команды в командной строке или в графическом интерфейсе:

Создание таблицы user:

create table user(
                    username varchar(32),
                    pwd varchar(32) not null,
                    petname varchar(32) not null,
                    primary key(username)
                   ) ENGINE=INNODB DEFAULT CHARSET=utf8

Создание таблицы cata:

create table cata(
                    cata_id int AUTO_INCREMENT,
                    cata_name VARCHAR(32) NOT NULL,
                    cata_user VARCHAR(32) NOT NULL,
                    PRIMARY KEY(cata_id)
                   )ENGINE=INNODB DEFAULT CHARSET=utf8

Создание таблицы book:

CREATE TABLE book (
                      book_id INT AUTO_INCREMENT,
                      book_icon VARCHAR(256) DEFAULT NULL,
                      book_name VARCHAR(256) DEFAULT NULL,
                      book_url VARCHAR(256) NOT NULL,
                      book_cata INT NOT NULL,
                      PRIMARY KEY (book_id)
) ENGINE=INNODB DEFAULT CHARSET=utf8

4. Откройте файл connect.php в исходном коде, замените параметр после "root" (т.е. пароль базы данных) на свой пароль базы данных и сохраните изменения.

5. Разместите все исходные файлы в директории htdocs в папке установки XAMPP.

6. Запустите xampp-control.exe, после запуска нажмите кнопку start рядом с Apache.7. После успешного запуска откройте браузер Chrome, введите localhost в адресной строке для запуска приложения.