基于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日志并进行多维度分析。
相关文章
|
前端开发 小程序
宠物管理系统-前端小程序-后端web
宠物管理系统-前端小程序-后端web
225 0
|
2月前
|
SQL JSON 前端开发
若依RuoYi脚手架二次开发教程(二次开发必学技能)
本次我们将通过一个菜品管理模块开发的案例,来演示拿到若依框架后,如何在若依管理系统上进行二次开发,升级改造为自己的管理系统。适合以若依作为项目脚手架的公司开发人员、毕业设计的学生及开源项目学习者。
若依RuoYi脚手架二次开发教程(二次开发必学技能)
|
9月前
|
SQL 前端开发 NoSQL
【若依】前后端分离版快速上手
【若依】前后端分离版快速上手
353 1
|
9月前
|
JSON 小程序 JavaScript
实现小程序与SSM后台数据交互
该文介绍了如何实现小程序与SSM后台的数据交互。在Java控制器中,通过`@RequestMapping`注解的`queryShop`方法处理HTTP请求,设置响应头允许跨域并返回JSON格式的商品列表。小程序端使用wx.request进行GET请求,接收到数据后在控制台打印。示例还包括了传递参数的方法和展示的交互效果图片。
58 2
|
前端开发 Java 应用服务中间件
【超详细】RuoYi 前后端分离版部署流程
部署前端(前端访问域名,跳转域名修改)、后端配置(配置文件),Nginx 配置文件详解,上传后部署需要的脚本。
3656 1
|
9月前
|
存储 前端开发 JavaScript
【JavaEE初阶】 博客系统项目--前端页面设计实现
【JavaEE初阶】 博客系统项目--前端页面设计实现
|
9月前
|
前端开发 NoSQL Java
1、若依(前后端分离)框架的使用
1、若依(前后端分离)框架的使用
574 0
|
9月前
|
前端开发 JavaScript NoSQL
开源!!!前后端分离微图书管理系统!!!附源码!!!
开源!!!前后端分离微图书管理系统!!!附源码!!!
198 0
|
9月前
|
Java
Ruoyi若依前后端一体项目整合cas单点登录
Ruoyi若依前后端一体项目整合cas单点登录
995 0
|
9月前
|
前端开发 Java 应用服务中间件
基于SSM开发实现中药制剂网站系统
基于SSM开发实现中药制剂网站系统