# SKULL网页书签收藏应用

**Repository Path**: wuliaorenz/skull

## Basic Information

- **Project Name**: SKULL网页书签收藏应用
- **Description**: ajax+jquery+php+mysql实现的网页书签收藏应用。为了能在任何浏览器任何电脑管理同一坨网页书签而建立！
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://gitee.com/wuliaorenz/skull
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2020-07-10
- **Last Updated**: 2023-02-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SKULL网页书签收藏应用

#### 简介 :neckbeard: 
可跨浏览器、随时随地、简单高效、分门别类地管理网页书签。
基于ajax+jquery+php+mysql技术。
#### 主要技术点 :alien: 
      
- 采用flex&media进行响应式布局，利用calc进行百分比布局，同时适配PC端和移动端。
- 采用ajax。异步处理数据。数据修改不刷新页面。提高系统性能，极大减少用户等待时间。
- 采用localStorage存储账号密码。减少用户操作。 <br/>
- 采用DocumentFragment。集中渲染dom，减少回流；压缩css，减少数据传输。优化性能。


#### 项目上线网址  :pig_nose: 
[http://kuloutou.top](http://kuloutou.top)

#### 项目演示视频  :pig_nose: 
[http://https://www.bilibili.com/video/BV1Y54y117nS/](https://www.bilibili.com/video/BV1Y54y117nS/)


#### 安装教程 :bowtie: 

1、下载安装环境

1）下载并安装xampp等本地apach服务器工具

[下载地址：https://www.apachefriends.org/zh_cn/download.html](https://www.apachefriends.org/zh_cn/download.html)

2）下载并安装mysql5.x数据库

[下载地址：https://dev.mysql.com/downloads/workbench/](https://dev.mysql.com/downloads/workbench/)

3）下载并安装navicat或sqlyog等mysql图形界面工具

[下载地址：https://sqlyog.en.softonic.com/](https://sqlyog.en.softonic.com/)

2、使用navicat或sqlyog连接本地数据库，新建一个数据库label

3、在label数据库中添加三张数据表，在cmd中进入到label数据库或者在图形界面工具中选中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、将所有源代码放入xampp的安装目录下>htdocs目录下

6、运行xampp-control.exe，启动后点击apach后面的start。

7、启动成功后打开chrome浏览器，输入localhost即可运行应用。