基于ruoyi框架实现的短链接生成管理系统（前后端分离）

亦凉 2024-02-20 10:58 39阅读 0赞

#### 基于ruoyi框架实现的短链接管理系统 ####

*  一、为什么要开发短链接管理系统？有什么好处？
 *  二、技术栈说明
 *  三、系统功能
 *  四、页面功能说明
 *  五、数据库
 *  六、源码地址

## 一、为什么要开发短链接管理系统？有什么好处？ ##

普通链接地址，也就是长链接地址，缺点就是太长，不便于传播。所以就衍生 出了短链接，具体好处如下：

*  1、短链接更短，占用字符数更少，简短易用，易于传播;
 *  2、短链接可在各大平台传播，有效避免日常分享链接被其他平台屏蔽风险;
 *  3、短链接可实时统计用户数据，全景统计用户行为、偏好等数据;

## 二、技术栈说明 ##

后端：springboot+mybatis+jwt+spring security  
前端：vue  
数据库：mysql  
工具：navicat 、 idea

## 三、系统功能 ##

系统用户分为普通用户和管理员  
具体功能如下：  
登录页面  
首页  
短链接生成页面  
短链接管理页面  
访问日志页面  
统计面板页面：统计当前总连接数、统计所有连接今日产生的总点击量和总IP数、昨日产生的总点击量和总IP数、近七日总点击量和总IP数。  
echarts统计图：统计操作系统饼图、统计浏览器饼图、统计访问量折线图  
用户管理  
角色管理  
菜单管理等功能

## 四、页面功能说明 ##

登录页面  
![在这里插入图片描述][edfad1d2d31e4c81b2433f40cad0ecfb.png]  
系统首页展示了短链接的生成页面，用户可以输入将要缩短的长网址，点击生成按钮，后台会将短链接结果返回，并展示到输入框界面中。然后，用户就可以直接使用短链接来访问所需要的页面。  
![在这里插入图片描述][37899731d712444a9052484a9df4851e.png]  
生成效果如下：  
![在这里插入图片描述][32c245d6fd854e81ba5f5096e211108f.png]  
短链接管理页面  
![在这里插入图片描述][5b73f1e94abe41ebbc69f6cdb5cc544b.png]  
删除短链接  
![在这里插入图片描述][d19830f3d9534d48a88dcb3ca704b937.png]  
修改短链接  
![在这里插入图片描述][aa3291eec1a541afac4efc0d3de2a964.png]  
统计面板信息：点击 统计面板 菜单，后台系统会将用户的短链接相关信息，以卡片的形式展示出来。该页面主要是对短链接的访问量、短链接数量进行不同时间维度的统计。  
![在这里插入图片描述][3c77c635f28849d7aa0ac166aa988e43.png]  
当前总链接数统计详情：点击 当前总连接数 卡片 的查看详情按钮，会展示出系统中所有的短链接信息。  
![在这里插入图片描述][8f8ee043071646538ade6d101c855a14.png]  
今日短链接访问量详情  
点击 所有连接今日产生的总点击量 卡片 的查看详情按钮，系统会统计出今日所有的短链接访问量，包括 用户使用的浏览器、操作系统、登录时间、用户主机、短链接地址等信息。  
![在这里插入图片描述][d5fde66c02c34d18848e9f1681a47876.png]  
今日短链接ip数统计  
点击 所有短链接今日点击的总IP数 卡片 的查看详情按钮，系统会统计出今日所有的短链接访问的IP数量（去重之后的IP数量）。  
![在这里插入图片描述][fd7e82c46c764bdca33fcc4ba4675918.png]  
昨日短链接访问量详情  
点击 所有连接昨日产生的总点击量 卡片 的查看详情按钮，系统会统计出今日所有的短链接访问量，包括 用户使用的浏览器、操作系统、登录时间、用户主机、短链接地址等信息。  
![在这里插入图片描述][2e4278b67c8c43058ceed987a665f9ba.png]  
昨日短链接ip数统计  
点击 所有短链接昨日点击的总IP数 卡片 的查看详情按钮，系统会统计出今日所有的短链接访问的IP数量（去重之后的IP数量）。  
![在这里插入图片描述][2d15c3ba28ab4453a7d56174c91b7eb3.png]  
近七日短链接访问量详情  
点击 所有连接过去七日产生的总点击量 卡片 的查看详情按钮，系统会统计出今日所有的短链接访问量，包括 用户使用的浏览器、操作系统、登录时间、用户主机、短链接地址等信息。  
![在这里插入图片描述][a8c8bd51af2f402ab6bc79ba8d7b8a5a.png]  
近七日短链接ip数统计  
点击 所有短链接过去七日点击的总IP数 卡片 的查看详情按钮，系统会统计出今日所有的短链接访问的IP数量（去重之后的IP数量）。  
![在这里插入图片描述][16ce8039ecb04db88016e357dc3a36c8.png]  
访问日志  
点击 访问日志 菜单，后台系统会将用户访问短链接的日志信息进行实时的记录，包括短链接，访问IP地址，浏览器类型，操作系统，访问时间等信息。  
![在这里插入图片描述][206bd5fc342c4f62b26ab9d53478fddc.png]  
Echarts统计图  
根据不同的维度，对用户访问短链接的信息进行统计和汇总  
![在这里插入图片描述][ed720a4539ef40aca2c734b7920aa514.png]  
统计操作系统饼图  
统计各个操作系统的访问次数。  
![在这里插入图片描述][18b137093de64abd9cb96accfda046bc.png]  
统计浏览器饼图  
统计各个浏览器的访问次数。  
![在这里插入图片描述][97a8e841de544ffd8917fd4a8d2de375.png]  
访问量折线图  
统计各个时间段，用户的访问量大小  
![在这里插入图片描述][1da15f9353cc421cbbb0d3add91339bd.png]

## 五、数据库 ##

一共21张表  
![在这里插入图片描述][7646ab446fcb4e7cb21c58afb6ec0c2d.png]

## 六、源码地址 ##

[https://download.csdn.net/download/weixin\_43860634/88486987][https_download.csdn.net_download_weixin_43860634_88486987]

[edfad1d2d31e4c81b2433f40cad0ecfb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c3f592a747fd4c47b54715c698dfb9c3.png
[37899731d712444a9052484a9df4851e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/4a267a63690e43059fb12d335dac9d8d.png
[32c245d6fd854e81ba5f5096e211108f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/4532c52e5d1647ec816cbeebb0b1d28f.png
[5b73f1e94abe41ebbc69f6cdb5cc544b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/202b8b0cfa314ec3b28d4abb7ae83be4.png
[d19830f3d9534d48a88dcb3ca704b937.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ffc97666ae9b436890ef07312deeab03.png
[aa3291eec1a541afac4efc0d3de2a964.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/6d3c66b4bf4c483689a89d2dd6254de6.png
[3c77c635f28849d7aa0ac166aa988e43.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/98da35573d4543fdb612ab968ad538c5.png
[8f8ee043071646538ade6d101c855a14.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/d0b2a9426dbb47e39c0bb909c43c84b2.png
[d5fde66c02c34d18848e9f1681a47876.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c4e4b00a09b449d4bbdeef167725e4db.png
[fd7e82c46c764bdca33fcc4ba4675918.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/6a8740a370124381ae22934e08c947f0.png
[2e4278b67c8c43058ceed987a665f9ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/f0b8fe8bf07249c89e5a617bd6fcc795.png
[2d15c3ba28ab4453a7d56174c91b7eb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/d23fda0ac9db4d249aefdfdc499cf56d.png
[a8c8bd51af2f402ab6bc79ba8d7b8a5a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/89a165f9c1e24368933e3c3cf419a20d.png
[16ce8039ecb04db88016e357dc3a36c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/b0a6bdd2007e45898f8eb47a3f9af086.png
[206bd5fc342c4f62b26ab9d53478fddc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/8887601ab3aa4a2da5bf9839b4234ebd.png
[ed720a4539ef40aca2c734b7920aa514.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/1af6b3546136486f9ec18a89e35c2f8a.png
[18b137093de64abd9cb96accfda046bc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/f24cebaa65f74192b084d3e3a1b32029.png
[97a8e841de544ffd8917fd4a8d2de375.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/4ecd68721bf44124a01f71c058257bb8.png
[1da15f9353cc421cbbb0d3add91339bd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/da4b62ca0787411a92e3ff69fa854613.png
[7646ab446fcb4e7cb21c58afb6ec0c2d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/54aabd15a2e04090b0db2bbaf1cc5294.png
[https_download.csdn.net_download_weixin_43860634_88486987]: https://download.csdn.net/download/weixin_43860634/88486987