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

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 基于ruoyi框架实现的短链接生成管理系统(前后端分离)

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

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

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

二、技术栈说明

后端:springboot+mybatis+jwt+spring security

前端:vue

数据库:mysql

工具:navicat 、 idea

三、系统功能

系统用户分为普通用户和管理员

具体功能如下:

登录页面

首页

短链接生成页面

短链接管理页面

访问日志页面

统计面板页面:统计当前总连接数、统计所有连接今日产生的总点击量和总IP数、昨日产生的总点击量和总IP数、近七日总点击量和总IP数。

echarts统计图:统计操作系统饼图、统计浏览器饼图、统计访问量折线图

用户管理

角色管理

菜单管理等功能

四、页面功能说明

登录页面

系统首页展示了短链接的生成页面,用户可以输入将要缩短的长网址,点击生成按钮,后台会将短链接结果返回,并展示到输入框界面中。然后,用户就可以直接使用短链接来访问所需要的页面。

生成效果如下:

短链接管理页面

删除短链接

修改短链接

统计面板信息:点击 统计面板 菜单,后台系统会将用户的短链接相关信息,以卡片的形式展示出来。该页面主要是对短链接的访问量、短链接数量进行不同时间维度的统计。

当前总链接数统计详情:点击 当前总连接数 卡片 的查看详情按钮,会展示出系统中所有的短链接信息。

今日短链接访问量详情

点击 所有连接今日产生的总点击量 卡片 的查看详情按钮,系统会统计出今日所有的短链接访问量,包括 用户使用的浏览器、操作系统、登录时间、用户主机、短链接地址等信息。

今日短链接ip数统计

点击 所有短链接今日点击的总IP数 卡片 的查看详情按钮,系统会统计出今日所有的短链接访问的IP数量(去重之后的IP数量)。

昨日短链接访问量详情

点击 所有连接昨日产生的总点击量 卡片 的查看详情按钮,系统会统计出今日所有的短链接访问量,包括 用户使用的浏览器、操作系统、登录时间、用户主机、短链接地址等信息。

昨日短链接ip数统计

点击 所有短链接昨日点击的总IP数 卡片 的查看详情按钮,系统会统计出今日所有的短链接访问的IP数量(去重之后的IP数量)。

近七日短链接访问量详情

点击 所有连接过去七日产生的总点击量 卡片 的查看详情按钮,系统会统计出今日所有的短链接访问量,包括 用户使用的浏览器、操作系统、登录时间、用户主机、短链接地址等信息。

近七日短链接ip数统计

点击 所有短链接过去七日点击的总IP数 卡片 的查看详情按钮,系统会统计出今日所有的短链接访问的IP数量(去重之后的IP数量)。

访问日志

点击 访问日志 菜单,后台系统会将用户访问短链接的日志信息进行实时的记录,包括短链接,访问IP地址,浏览器类型,操作系统,访问时间等信息。

Echarts统计图

根据不同的维度,对用户访问短链接的信息进行统计和汇总

统计操作系统饼图

统计各个操作系统的访问次数。

统计浏览器饼图

统计各个浏览器的访问次数。

访问量折线图

统计各个时间段,用户的访问量大小

五、数据库

一共21张表

六、源码地址

https://download.csdn.net/download/weixin_43860634/88486987


相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
9月前
|
前端开发 JavaScript Java
网易音乐网站系统|前后端分离springboot+vue实现在线音乐网站
网易音乐网站系统|前后端分离springboot+vue实现在线音乐网站
917 0
|
2月前
|
SQL JSON 前端开发
若依RuoYi脚手架二次开发教程(二次开发必学技能)
本次我们将通过一个菜品管理模块开发的案例,来演示拿到若依框架后,如何在若依管理系统上进行二次开发,升级改造为自己的管理系统。适合以若依作为项目脚手架的公司开发人员、毕业设计的学生及开源项目学习者。
若依RuoYi脚手架二次开发教程(二次开发必学技能)
|
9月前
|
SQL 前端开发 NoSQL
【若依】前后端分离版快速上手
【若依】前后端分离版快速上手
366 1
|
8月前
|
前端开发 Java 应用服务中间件
|
8月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的远程在线诊疗系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的远程在线诊疗系统的详细设计和实现
83 11
|
8月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的校园二手交易平台系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的校园二手交易平台系统的详细设计和实现
92 1
|
9月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的企业人事管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的企业人事管理系统的详细设计和实现
|
前端开发 Java 应用服务中间件
【超详细】RuoYi 前后端分离版部署流程
部署前端(前端访问域名,跳转域名修改)、后端配置(配置文件),Nginx 配置文件详解,上传后部署需要的脚本。
3695 1
|
9月前
|
前端开发 NoSQL Java
1、若依(前后端分离)框架的使用
1、若依(前后端分离)框架的使用
608 0
|
9月前
|
Java 关系型数据库 MySQL
在线租房|基于Springboot+Vue实现前后端分离的租房系统
在线租房|基于Springboot+Vue实现前后端分离的租房系统
324 0
在线租房|基于Springboot+Vue实现前后端分离的租房系统