一个基于Spring Boot 3、Vue 3 和 Element-Plus 的中后台管理框架,流畅、直观且功能强大

前言

当前市面上的中后台管理系统虽然种类繁多,但在实际使用中仍存在不少痛点,比如技术栈陈旧、性能低下、扩展性差等问题。开发者们常常需要花费大量的时间和精力去处理这些问题,而不是专注于业务逻辑本身。

那么,有没有一个框架可以处理这些痛点,使得开发者能够更加专注于业务逻辑的开发呢?

介绍

Sz Admin 正是为了处理这些问题而诞生的。作为一个基于新技术栈(Spring Boot 3、Vue 3 和 Element-Plus)的开源中后台管理框架,Sz Admin 致力于提供一个流畅、直观且功能强大的开发平台。

图片

技术架构

Sz Admin 使用前沿的技术组合,旨在提供一个既强大又易于维护的处理方案:

  • SpringBoot 3.x:新的Spring Boot版本,带来更好的性能和更多的特性。

  • Sa-Token:轻量级权限认证框架,简化认证流程。

  • Mybatis Flex:优雅的MyBatis增强框架,提升开发效率。

  • Flyway:可靠的数据库版本控制工具。

  • Knife4j:增强的Swagger工具,提升API文档的可读性。

  • Minio:高性能的对象存储服务。

  • HikariCP:高-效的数据库连接池管理。

  • Vue 3.4:新稳定版本的Vue.js。

  • Vite 5:前端开发与构建工具,提升开发体验。

  • TypeScript:静态类型检查,增强代码质量。

  • Pinia:Vue 3的状态管理库,简化状态管理。

  • Element-Plus:Vue 3组件库,加速UI开发。

部署方式

部署 Sz Admin 系统是一个简单明了的过程,下面将指导您通过几个关键步骤来完成整个部署流程。

图片

环境准备

确保您的开发环境中已经安装了以下组件:

  • JDK 21:使用Azul或其他支持的JDK版本。

  • MySQL 8.0.34:从官网下载并安装。

  • Maven 3.8:从官网下载并安装。

  • Redis 7.2.1:从官网下载并安装。

  • Node 20.12.2:使用nvm-windowsnvm管理不同版本的Node环境。

获取源码

从GitHub或Gitee clone Sz Admin的源代码仓库:

# 从GitHub
git clone https://github.com/feiyuchuixue/sz-boot-parent.git# 或者从Gitee
git clone https://gitee.com/feiyuchuixue/sz-boot-parent.git
导入项目

将克隆下来的项目导入到IDEA中:

  1. 打开IDEA,选择Import Project

  2. 选择克隆下来的项目目录,IDEA会自动识别并导入项目。

Maven依赖导入

为了加快Maven依赖的下载速度,在项目根目录下的pom.xml文件中配置了ali 云的Maven镜像。根据网络环境灵活处置(如不需要,可以注释掉ali 云镜像配置):

<repositories><repository><id>public</id><url>https://maven.aliyun.com/repository/public</url><releases><enabled>true</enabled></releases><snapshots><enabled>true</enabled></snapshots></repository><!-- 配置官方Maven中央仓库 --><repository><id>central</id><url>https://repo1.maven.org/maven2</url><releases><enabled>true</enabled></releases><snapshots><enabled>false</enabled><!-- 通常中央仓库不包含snapshots --></snapshots></repository>
</repositories>
修改配置文件

resources/config路径下,存在多个文件目录,分别是:

  • dev:开发环境

  • local:本地环境

  • preview:预览/测试环境

  • prod:正式环境

请根据实际情况选择合适的环境配置进行修改。

打开sz-service -> sz-service-admin -> resources -> local目录下的mysql.ymlredis.yml,修改配置。

修改MySQL连接信息

创建数据库(例如:创建数据库sz_admin_preview),使用utf8mb4字符集。根据数据库信息修改JDBC配置:

spring:datasource:driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://127.0.0.1:3306/sz_admin_preview?useUnicode=true&characterEncoding=UTF-8&serverTimezone=GMT%2B8&useSSL=false&allowPublicKeyRetrieval=trueusername: rootpassword: Yanfa2023@hikari:pool-name: HikariCPminimum-idle: 5idle-timeout: 600000maximum-pool-size: 10auto-commit: truemax-lifetime: 1800000connection-timeout: 30000connection-test-query: SELECT 1
修改Redis连接信息

根据本地或远程Redis服务器信息修改配置:

spring:data:redis:host: 127.0.0.1port: 6379database: 0timeout: 50000jedis:pool:max-active: 100max-wait: -1max-idle: 30min-idle: 10password: 123456redis:listener:enable: true
运行启动文件

在IDEA中运行com.sz.AdminApplication.java启动文件:

java -jar sz-boot-parent.jar

启动成功后,将在控制台输出如下信息:

2024-05-14 19:42:10.871 INFO 31360 - [admin-service] [ main] c.sz.platform.listener.AppStartListener : __ _| ] (_) .--. ____ ______ ,--. .--.
|| _ .--..--. __ _ .--. ( (`\] [_ ]
|`'_\ : / /'`\'| [ `.-. .-.| |[ `.-.|`'.'. .' /_ //||,| \__/|[\__) )[_____] \'-;__/ '.__.;__][___||__][___][___]|
-https://szadmin.cn (v0.6.0 Beta)-
验证

127.0.0.1:9991/api/admin/doc.html#/home,展示如下页面,搭建完成!

开源协议

Sz Admin 遵循 Apache License Version 2.0 开源协议,商用友好,可以拿来即用,也便于进行二次开发。

即刻体验一波

Sz Admin 的功能丰富多样,包括但不限于:

账户管理:创建、配置用户及分配权限。

图片

角色管理:实现权限的精细化绑定。

图片

菜单管理:定制化系统导航结构。

图片

字典管理:维护静态数据字典。

图片

参数管理:动态调整系统参数。

图片

客户端管理:监管接入客户端。

图片

部门管理:构建组织架构。

图片

代码生成器:自动化生成代码模板。

图片

WebSocket:提供WebSocket支持。

图片

数据权限支持:精细控制数据访问权限。

图片

图片

图片

更多功能待你来发掘。

结语

Sz Admin 以其先进的技术架构和丰富的功能,为开发者提供了一个高效、灵活的开发平台。不论是构建复杂的管理系统,还是简单的业务应用,Sz Admin 都是一个值得考虑的选择。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/421613.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算赎金信

给你两个字符串&#xff1a;ransomNote 和 magazine &#xff0c;判断 ransomNote 能不能由 magazine 里面的字符构成。如果可以&#xff0c;返回 true &#xff1b;否则返回 false 。magazine 中的每个字符只能在 ransomNote 中使用一次。 示例 1&#xff1a; 输入&#xff…

使用3DUNet训练自己的数据集(pytorch)— 医疗影像分割

代码:lee-zq/3DUNet-Pytorch: 3DUNet implemented with pytorch (github.com) 文章<cicek16miccai.pdf (uni-freiburg.de)3D U-Net: Learning Dense Volumetric Segmentation

HarmonyOS学习(十)——网络编程

文章目录 1、通过HTTP请求网络2、Web组件2.1、加载本地网页2.2、加载在线网页2.3、网页缩放2.4、文本缩放2.5、web组件事件以及状态说明2.6、处理页面导航 1、通过HTTP请求网络 官方API文档地址&#xff1a;HTTP数据请求-Network Kit数据传输能力-Network Kit&#xff08;网络…

Linux 下 C/C++ 程序编译的过程

目录 一、GCC 工具链二、编译过程1、预处理2、编译3、汇编4、链接 本文将介绍如何将 C/C 语言编写的程序转换成为处理器能够执行的二进制代码的过程&#xff0c;包括四个步骤&#xff1a;预处理&#xff08;Preprocessing&#xff09;编译&#xff08;Compilation&#xff09;汇…

Qt_自定义信号

目录 1、自定义信号的规定 2、创建自定义信号 3、带参数的信号与槽 4、一个信号连接多个槽 5、信号与槽的断开 结语 前言&#xff1a; 虽然Qt已经内置了大量的信号&#xff0c;并且这些信号能够满足大部分的开发场景&#xff0c;但是Qt仍然允许开发者自定义信号&#…

ARMxy嵌入式边缘计算控制器支持Linux OS应用于AIOT

人工智能与物联网&#xff08;AIoT&#xff09;的融合正深刻改变着各个行业。而在这一变革中&#xff0c;ARMxy 嵌入式控制器以其卓越的性能和对 Linux OS 的支持&#xff0c;成为了 AIoT 应用的关键推动力量。 一、ARMxy 嵌入式控制器的优势 强大的处理能力 ARMxy 嵌入式控制…

浮毛危害人体健康?希喂、安德迈、有哈宠物空气净化器吸毛测评

养宠之前了解清楚相关的知识&#xff0c;这既是对宠物负责&#xff0c;也是对我们自己负责。宠物最让铲屎官头疼的就是毛发问题&#xff0c;大量脱落的毛发会带来繁重的清理任务&#xff0c;同时飘在空中浮毛还是潜藏在身边的健康”杀手“。浮毛微小、质量轻&#xff0c;容易随…

opencv之图像轮廓(三)--凸包

文章目录 前言获取凸包凸缺陷几何学测试测试轮廓是否是凸形的点到轮廓的距离 形状场景算法比较轮廓轮廓的特征值宽高比ExtentSolidity等效直径&#xff08;Equivalent Diameter&#xff09;方向掩模和像素点使用Numpy函数获取轮廓像素点使用OpenCV函数获取轮廓点 最大值和最小值…

VR 尺寸美学主观评价-解决方案-现场体验研讨会报名

棣拓科技VR创新解决方案助力尺寸美学所见即所得! 诚邀各位行业专家莅临指导交流 请扫描海报二维码踊跃报名&#xff0c;谢谢 中国上海 2024.10.25 亮点介绍 1、通过精湛渲染技术&#xff0c;最真实展现设计效果&#xff0c;并通过VR设备一比一比例进行展现。 2、设置相关设…

ctfshow-PHP反序列化

web254 源码 <?php/* # -*- coding: utf-8 -*- # Author: h1xa # Date: 2020-12-02 17:44:47 # Last Modified by: h1xa # Last Modified time: 2020-12-02 19:29:02 # email: h1xactfer.com # link: https://ctfer.com //mytime 2023-12-4 0:22 */ error_reporting(0)…

谈谈PCIe VID、DID、SSID、SSVID背后的智慧

PCIe Vendor ID 想了半天还是觉得从“ID是什么”这个问题开始比较好。那么ID是什么&#xff1f;ID就是身份。那身份又是什么&#xff1f;身份就是一个合理存在&#xff0c;用于区分不同个体。为什么叫“合理存在”呢&#xff1f;如果国家不给你发身份证&#xff0c;你就是黑户…

[笔记]电参数测量的现有方案

1.关键字&#xff1a; 电参数测量 Electrical Parameter Measurement 2.相关信息搜集 》》电参数测量仪是如何测量电压电流相位差的&#xff1f;对于变频器那种比较毛的波形&#xff0c;也能测量&#xff1f; 电参数测量仪测量电压电流相位差的方法主要依赖于其内部的高精度…

信号保存和处理

把上一篇回顾一下吧&#xff1a;共享内存区是最快的IPC形式。一旦这样的内存映射到共享它的进程的地址空间&#xff0c;这些进程间数据传递不再涉及到内核&#xff0c;进程不再通过执行进入内核的系统调用来传递彼此的数据 共享内存的数据结构&#xff1a; struct shmid_ds {…

Pycharm使用debug运行时,一直显示collecting data...,但是变量一直显示不出来,显示超时

一、问题&#xff1a; 二、解决办法 1.File—>Setting 2.Build---->Python Debugger 3.勾选Gevent compatible &#xff0c;然后Apply 三、解释Gevent compatible 1.在 PyCharm 中&#xff0c;Gevent compatible 通常与 gevent 库的兼容性设置有关。gevent 是一个基于协…

NC字典树的实现

系列文章目录 文章目录 系列文章目录前言 前言 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到网站&#xff0c;这篇文章男女通用&#xff0c;看懂了就去分享给你的码吧。 描述 字典树又称为…

Ubuntu系统修改静态IP

1.先查看一下我们的ip rootcaiji:~# ip a 2.查看此时的网卡配置文件 rootcaiji:~# cat /etc/netplan/00-installer-config.yaml # This is the network config written by subiquity network: ethernets: ens33: dhcp4: true version: 2 此时可以看出来dhcp…

SpringCloud Alibaba入门简介

1、诞生 2018.10.31&#xff0c;Spring Cloud Alibaba 正式入驻了 Spring Cloud 官方孵化器&#xff0c;并在 Maven 中央库发布了第一个版本。 2、是什么&#xff0c;去哪下 官网&#xff1a;Spring Cloud Alibaba官网_基于Springboot的微服务教程-阿里云-阿里云Spring Cloud …

【论文阅读笔记】Tackling the Generative Learning Trilemma with Denoising Diffusion GANs

【论文阅读笔记】Tackling the Generative Learning Trilemma with Denoising Diffusion GANs Introduction方法 使用传统GANS建模去噪分布理解模式覆盖率 Paper&#xff1a;https://arxiv.org/abs/2112.07804 Code&#xff1a;https://github.com/NVlabs/denoising-diffusion-…

Docker启动Mysql镜像报错问题?

docker中启动mysql镜像报错如下&#xff1a;ls: cannot access /docker-entrypoint-initdb.d/: Operation not permitted 百度上查到了很多解决方案&#xff0c;也咨询了很多大佬&#xff0c;加权限&#xff0c;改用户&#xff0c;均无果。最终在阿里巴巴上找到了解决方案&…

[论文笔记]ChatQA: Surpassing GPT-4 on Conversational QA and RAG

引言 今天来看一下上篇论文笔记中反复介绍的 ChatQA: Surpassing GPT-4 on Conversational QA and RAG。 为了简单&#xff0c;下文中以翻译的口吻记录&#xff0c;比如替换"作者"为"我们"。 我们介绍了 ChatQA&#xff0c;这是一个模型套件&#xff0c;一…