永久免费可商用！开源美观管理后台系统 BearJia，助你快速搭建企业级应用

在当今快速迭代的互联网开发环境下，如何快速、高质量地搭建起一套企业级管理后台，是每个团队和独立开发者都要面对的课题。市面上虽然有诸如若依（RuoYi）等功能强大的经典后台系统，但许多开发者在面对日益更新的现代化前端技术栈时，往往觉得默认的 UI 风格略显陈旧、二次封装较为繁琐。

今天，我们要诚挚推荐一款基于全新技术栈构建、美观大气的现代化后台模板系统——BearJia。它不仅基于 Vue 3 + Vite + Ant Design Vue 以及 Spring Boot 构建，更是以 MIT 协议开源，永久免费、可商用！无论是个人练习、承接外包还是企业内部系统重构，BearJia 都是一个极佳的脚手架选择。

为什么选择 BearJia？

BearJia 在设计思路上借鉴了国内成熟的若依生态，但在交互设计、UI 美观度以及代码封装上进行了全面的现代化重构。以下是其核心优势的对比：

通过这次封装，BearJia 不仅保证了后台系统的坚实骨架，更在“面子”和“里子”上做到了与时俱进。

系统技术架构

BearJia 采用经典的前后端分离架构，整体通信和数据流走向如下：

(此处有架构流程图，微信客户端暂不支持文本渲染，请升级或使用支持的客户端查看)

如上图所示，前端部分采用了非常先进的主流选型，利用 Vite 提供极速的本地开发体验，通过 Ant Design Vue 提供精致的组件库支持。后端部分则基于稳定的 Spring Boot 2.7.x 版本，结合 Spring Security 与 JWT 实现无状态的细粒度 RBAC 权限控制。

核心功能模块

BearJia 提供了企业开发中几乎所有必需的通用模块，避免了重复造轮子的尴尬：

1. 完善的 RBAC 权限与基础管理

• 用户管理：支持用户信息的增删改查、部门角色分配、状态冻结/启用，内置了头像裁剪上传和便捷的密码重置功能。

• 角色管理：支持角色权限的可视化勾选配置、数据权限范围设置（全部数据权限、自定义部门数据权限等）。

• 菜单管理：支持动态菜单配置、权限路由控制、小图标自定义管理。所有的菜单通过后台动态配置，前端实现无感路由自动渲染。

• 部门与岗位：支持组织架构的树形层级管理，多级嵌套，并支持按岗位快速筛选人员。

2. 深度优化的代码生成能力

• 低代码生成：开发人员只需要在数据库中创建好业务表，BearJia 就可以根据表结构一键生成前后端全套代码（包含 Controller、Service、Mapper、Entity 以及前端的 Vue 页面）。

• 自定义模板与预览：支持在系统界面上实时预览生成的代码，并可打包为 ZIP 一键下载，极大释放了基础 CRUD 的时间。

3. 多维度的系统健康监控

• 在线用户：实时监控当前系统登录的全部在线会话，支持对异常 IP 或越权操作用户进行一键“强制下线”操作。

• 服务监控：直观展示当前服务器的物理性能（CPU 占用、内存负载）、JVM 虚拟机状况（堆内存、垃圾回收 GC 详情）以及系统盘符剩余空间。

• 缓存监控：集成 Redis 性能统计面板，可实时观测 Redis 缓存命中率、内存占用、Key 统计情况，便于排查缓存穿透等常见问题。

项目工程结构说明

项目结构清晰，前后端职责分明，非常便于进行业务扩展。

前端工程结构 (bearjia-ui)

bearjia-ui/
├── build/                 # 构建与打包相关配置
├── env/                   # 多环境配置文件（dev, prod, test）
├── mock/                  # 本地 Mock 数据服务
├── public/                # 静态公共资源
├── src/
│   ├── api/               # 封装的 Axios 接口请求模块（按业务划分）
│   ├── assets/            # 静态媒体资产
│   ├── components/        # 二次封装的公共组件（如 BearJiaProTable）
│   ├── config/            # 全局系统默认配置
│   ├── directives/        # 自定义权限等指令
│   ├── hooks/             # 组合式通用 Hooks 逻辑
│   ├── layouts/           # 5 种布局模式的具体实现
│   ├── router/            # 动态路由拦截与菜单渲染
│   ├── store/             # Pinia 状态树管理
│   ├── styles/            # 全局 Less 样式与 UnoCSS 规则
│   └── views/             # 具体的业务页面（系统管理、监控、工具等）
├── types/                 # TypeScript 全局声明定义
├── vite.config.ts         # Vite 打包配置
└── package.json           # 项目依赖

后端工程结构 (bearjia-admin)

bearjia-admin/
├── src/main/java/com/javaxiaobear/
│   ├── JavaXiaoBearApplication.java    # 后端项目唯一启动类
│   ├── base/                           # 核心框架封装
│   │   ├── common/                     # 通用工具类、常量、异常与 XSS 防护
│   │   └── framework/                  # Spring 安全、AOP切面、Redis与Web配置
│   └── module/                         # 业务控制器与逻辑实现
│       ├── system/                     # 用户、角色、部门、菜单管理
│       ├── monitor/                    # 性能、缓存与操作日志监控
│       └── tool/                       # 定时任务 Quartz 与代码生成工具
└── src/main/resources/
    ├── application.yml                 # 基础配置项
    ├── mybatis/                        # XML 映射文件目录
    └── vm/                             # 代码生成的 Velocity 渲染模板

快速开始

在本地搭建 BearJia 的开发环境非常简单。只需以下几个步骤：

1. 前端环境启动

确保你的机器已经安装了 Node.js 以及 pnpm 包管理工具：

# 1. 克隆项目并进入前端目录
cd bearjia-ui

# 2. 安装项目依赖
pnpm install

# 3. 开启本地开发热更新服务器
pnpm dev

开发服务器启动后，默认会在浏览器中打开 http://localhost:5173。

2. 后端服务对接

1. 在 MySQL 中创建对应数据库，并导入项目自带的 bearjia.sql 初始化结构和基础数据。

2. 修改后端项目中的 application.yml，配置你本地的 MySQL 连接与 Redis 密码。

3. 使用 IntelliJ IDEA 或 Eclipse 导入 bearjia-admin 项目，直接运行启动类 JavaXiaoBearApplication.java。

总结与避坑提示

在实际部署和对接过程中，有以下几点需要注意，可以帮大家避开常见的坑：

[!WARNING] 跨域配置 (CORS)：如果在本地调试时遇到 API 请求 403 Forbidden 或 Network Error，请确认 vite.config.ts 中的 proxy 代理地址是否与后端的端口保持一致，并确认后端 WebMvcConfigurer 中跨域过滤器是否放行了对应的 Origin 头部。

[!IMPORTANT] Redis 依赖：BearJia 深度依赖 Redis 进行登录 Token 的会话校验以及数据字典的缓存。如果在启动后端服务时，控制台抛出连接拒绝异常，请务必检查本地或远程的 Redis 6.0+ 服务是否正常运行，且配置文件中的 Redis 端口和密码正确无误。

无论是拿来作为毕业设计、个人全栈练习，还是作为中小企业快速开发轻量级中后台系统的选型，BearJia 都凭借其现代化技术选型和极高水准的 UI 封装，交出了一份优秀的答卷。赶快去克隆一份体验一下吧！

长按二维码关注 “边学边练”