littlebot
Published on 2025-04-08 / 4 Visits
0

【源码】基于Spring Boot和Vue3+ElementPlus的后台管理系统

项目简介

本项目是一个基于Spring Boot 2.7.12和Vue3+Element-Plus的后台管理系统,具备菜单管理、角色管理、组织管理、用户管理、字典管理、日志管理等基础模块功能。

项目的主要特性和功能

后端技术栈

  • Spring Boot 2.7.12:作为整体架构基础。
  • MyBatis Plus 3.4.3.1:用于数据层操作。
  • Druid 1.2.6:数据库连接池。
  • Spring Security:负责权限认证。
  • Fastjson 2.0.33:进行JSON处理。
  • JJWT 0.9.0:用于安全认证。
  • Knife4j 3.0.3:生成API文档。
  • Lombok:简化Java代码。

前端技术栈

  • Vue 3.2.16:作为整体架构基础。
  • Element-Plus 1.2.0-beta.6:UI组件库。
  • Vue Router 4.0.12:进行路由管理。
  • Vuex 4.0.2:实现状态管理。
  • Vue3-Echarts 1.0.3:图表组件。
  • Axios 0.24.0:HTTP请求库。
  • NProgress 0.2.0:进度条。
  • Less 4.1.2:CSS预处理器。

主要功能模块

  • 菜单管理:管理系统的菜单结构。
  • 角色管理:管理用户角色和权限。
  • 组织管理:管理组织结构和层级。
  • 用户管理:管理用户信息和权限。
  • 字典管理:管理系统的字典数据。
  • 日志管理:记录操作日志和异常日志。

安装使用步骤

后端安装

  1. 配置数据库:在application.propertiesapplication.yml中配置数据库连接信息。
  2. 启动应用:使用IDE(如IntelliJ IDEA或Eclipse)导入项目,并运行TansciApplication.java启动Spring Boot应用。

前端安装

  1. 安装依赖:进入tansci-view目录,运行npm install安装前端依赖。
  2. 启动前端:运行npm run serve启动前端开发服务器。
  3. 访问应用:打开浏览器,访问http://localhost:8080(默认端口)。

配置和使用

  1. 登录系统:使用管理员账号登录系统。
  2. 管理菜单:在菜单管理模块中添加、修改或删除菜单。
  3. 管理角色:在角色管理模块中添加、修改或删除角色,并分配权限。
  4. 管理组织:在组织管理模块中添加、修改或删除组织结构。
  5. 管理用户:在用户管理模块中添加、修改或删除用户,并分配角色和组织。
  6. 管理字典:在字典管理模块中添加、修改或删除字典数据。
  7. 查看日志:在日志管理模块中查看操作日志和异常日志。

通过以上步骤,可成功安装并使用本后台管理系统。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】