基于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日志并进行多维度分析。
相关文章
|
JSON 前端开发 Java
关于SSM项目的前端报406
关于SSM项目的前端报406
89 0
|
8月前
|
前端开发 JavaScript Java
网易音乐网站系统|前后端分离springboot+vue实现在线音乐网站
网易音乐网站系统|前后端分离springboot+vue实现在线音乐网站
819 0
|
8月前
|
弹性计算 NoSQL Java
若依框架---前后端分离项目部署实践
若依框架---前后端分离项目部署实践
492 0
|
8月前
|
SQL 前端开发 NoSQL
【若依】前后端分离版快速上手
【若依】前后端分离版快速上手
327 1
|
8月前
|
前端开发 NoSQL Java
1、若依(前后端分离)框架的使用
1、若依(前后端分离)框架的使用
521 0
|
8月前
|
前端开发 Java 应用服务中间件
基于SSM开发实现中药制剂网站系统
基于SSM开发实现中药制剂网站系统
|
8月前
|
缓存 NoSQL Java
Springboot+Nodejs+Vue实现前后端分离校园二手交易平台
Springboot+Nodejs+Vue实现前后端分离校园二手交易平台
|
8月前
|
Web App开发 JavaScript 前端开发
【读书后台管理系统】—后端框架搭建(二)
【读书后台管理系统】—后端框架搭建(二)
|
JavaScript 前端开发
饿了么简化版后台管理系统-eladmin-web
饿了么简化版后台管理系统-eladmin-web
390 0
|
前端开发 关系型数据库 MySQL
10分钟构建前后端分离后台管理系统
10分钟构建前后端分离后台管理系统
159 0

热门文章

最新文章