项目源码|SmartAdmin 快速开发平台|Vue3 + Spring Boot · 截图+源码

项目源码|SmartAdmin 快速开发平台|Vue3 + Spring Boot · 截图+源码-远影归灯
项目源码|SmartAdmin 快速开发平台|Vue3 + Spring Boot · 截图+源码
登录并消耗 60 积分即可下载完整脱敏源码包(含 SQL / 配置说明)。每日签到可免费领取积分。
60积分
技术栈Spring Boot 3 + Vue3 + Sa-Token + MyBatis-Plus + Redis + MySQL
文件大小21.0 MB
获取方式积分兑换(签到免费领)
所需积分60 积分
付费资源

这次跑的是开源项目 SmartAdmin(1024创新实验室):MIT 协议,可商用。后端提供 Java 17 + Spring Boot 3.X(另有 Java8/Spring Boot 2 副本),前端提供 Vue3 + Vite5 + Ant Design Vue 4 的 JavaScript / TypeScript 双版本,并配套 UniApp 移动端。本篇演示采用 Java17 后端 + JavaScript 前端,基于 Sa-Token、MyBatis-Plus、Redis、MySQL,内置组织架构、角色权限、菜单、字典、文件、通知公告、商品 Demo、代码生成、三级等保相关能力等,是一套强调「高质量代码」与安全体系的前后端分离中后台脚手架,适合学习新版 Spring Boot / Vue3,也适合作为二次开发底座。

项目信息

  • 项目名称:SmartAdmin 快速开发平台
  • 上游仓库:https://github.com/1024-lab/smart-admin
  • 授权协议:MIT
  • 版本:v3.X(本机拉取含 v3.31 变更说明;后端 artifact 3.0.0 / Spring Boot 3.5.4)
  • 后端技术:Java 17、Spring Boot 3.5、Sa-Token、MyBatis-Plus、Redis、MySQL、Druid、P6Spy、Knife4j / SpringDoc
  • 前端技术:Vue 3、Vite 5、Ant Design Vue 4、Pinia、ECharts(JavaScript 版)
  • 本地运行:后端 1024 端口,前端 8081 端口(均绑定 127.0.0.1)
  • 测试账号:admin / 123456(图形验证码)

功能亮点

  • 组织架构:部门树、员工、职务、角色(功能权限 / 数据范围)
  • 系统设置:菜单、字典、系统参数、文件管理
  • 业务 Demo:商品管理、企业 / 公告等 OA 示例
  • 安全与监控:登录失败锁定、数据脱敏示例、操作 / 登录日志、心跳监控
  • 工程化:代码生成、接口文档、多环境配置、国密 SM4 请求字段加密

运行记录

本地使用 Docker 启动 MySQL 8 与 Redis 7(仅监听 127.0.0.1),导入官方 smart_admin_v3.sql;后端以 Maven(JDK 17)执行 mvn -pl sa-admin -am package -DskipTests -Pdev 打包后启动;前端 Node 22 安装依赖后 npm run dev,通过 VITE_APP_API_URL 指向本机 1024 端口。登录后截取了首页工作台、员工 / 部门 / 角色 / 菜单 / 职务、字典、文件、通知公告、代码生成与商品管理等页面。

源码包已去除 node_modules、target、.git、Java8 后端副本、UniApp 移动端、IDE 配置与运行日志,邮件密码等替换为占位符,保留 SQL 与 Java17 / Vue3 完整源码,并附带 RUN-DEMO.md。

源码下载:本篇完整源码包(springboot-smart-admin.zip,约 21.0 MB)支持积分兑换。登录后每日签到即可免费领积分,请通过本文顶部 「付费资源」下载卡片 直接兑换获取。

运行截图

登录页

SmartAdmin 登录页

首页工作台

SmartAdmin 首页工作台

员工管理

员工管理

部门管理

部门管理

角色管理(功能权限)

角色管理

菜单管理

菜单管理

职务管理

职务管理

数据字典

数据字典

文件管理

文件管理

通知公告

通知公告

代码生成

代码生成

商品管理

商品管理

小结

SmartAdmin 的特色是「高质量代码 + 安全体系」:Sa-Token 鉴权、登录失败锁定、数据脱敏、国密加解密示例,以及清晰的前后端工程结构。相比若依等经典脚手架,它在 Ant Design Vue 4 与三级等保相关能力上更完整,文档与在线预览也比较齐全。二次开发前建议裁掉演示菜单、替换默认账号密码与密钥配置。本站提供的是脱敏后的完整源码包,方便本地复现截图中的界面。

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容