【Java】eladmin 前后端分离的后台管理系统

地址

https://github.com/elunez/eladmin

说明

EL-ADMIN 后台管理系统 项目基于 Spring Boot 2.1.0 、 Jpa、 Spring Security、redis、Vue的前后端分离的后台管理系统,项目采用分模块开发方式, 权限控制采用 RBAC,支持数据字典与数据权限管理,支持一键生成前后端代码,支持动态路由 https://auauz.net

目简介

一个基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue的前后端分离的后台管理系统

开发文档: https://docs.auauz.net/

体验地址: https://auauz.net/

账号密码: admin/123456 (默认密码都是123456)

项目源码

 后端源码前端源码
githubhttps://github.com/elunez/eladminhttps://github.com/elunez/eladmin-web
码云https://gitee.com/elunez/eladminhttps://gitee.com/elunez/eladmin-web

主要特性

  • 使用最新技术栈,社区资源丰富。
  • 项目按功能模块化,提升开发,测试效率。
  • 高效率开发,使用代码生成器可以一键生成前后端代码
  • 支持数据字典,可方便的对一些状态进行管理
  • 支持接口限流,避免恶意请求导致服务层压力过大
  • 支持接口级别的功能权限与数据权限,可自定义操作
  • 自定义权限注解与匿名接口注解,可快速对某一接口拦截与放行
  • 对一些常用的前端组件封装:表格数据请求、数据字典等
  • 前后端统一异常拦截处理,统一输出异常,避免繁琐的判断

系统功能

  • 用户管理:提供用户的相关配置,新增用户后,默认密码为123456
  • 角色管理:对权限与菜单进行分配,可根据部门设置角色的数据权限
  • 菜单管理:已实现菜单动态路由,后端可配置化,支持多级菜单
  • 部门管理:可配置系统组织架构,树形表格展示
  • 岗位管理:配置各个部门的职位
  • 字典管理:可维护常用一些固定的数据,如:状态,性别等
  • 操作日志:记录用户操作的日志
  • 异常日志:记录异常日志,方便开发人员定位错误
  • SQL监控:采用druid 监控数据库访问性能,默认用户名admin,密码123456
  • 定时任务:整合Quartz做定时任务,加入任务日志,任务运行情况一目了然
  • 代码生成:高灵活度一键生成前后端代码,减少百分之80左右的工作任务
  • 邮件工具:配合富文本,发送html格式的邮件
  • 免费图床:使用sm.ms图床,用作公共图片上传使用,该图床不怎么稳定,不太建议使用
  • 七牛云存储:可同步七牛云存储的数据到系统,无需登录七牛云直接操作云数据
  • 支付宝支付:整合了支付宝支付并且提供了测试账号,可自行测试

项目结构

项目采用按功能分模块开发方式,将通用的配置放在公共模块,system模块为系统核心模块也是项目入口模块,logging 模块为系统的日志模块,tools 为第三方工具模块,包含了图床、邮件、七牛云、支付宝,generator 为系统的代码生成模块

  • eladmin-common 公共模块
    • annotation 为系统自定义注解
    • aspect 自定义注解的切面
    • base 提供了Entity、DTO基类和mapstruct的通用mapper
    • config 自定义权限实现、redis配置、swagger配置
    • exception 项目统一异常的处理
    • utils 系统通用工具类
  • eladmin-system 系统核心模块(系统启动入口)
    • config 配置跨域与静态资源,与数据权限
      • thread 线程池相关
    • modules 系统相关模块(登录授权、系统监控、定时任务等)
  • eladmin-logging 系统日志模块
  • eladmin-tools 系统第三方工具模块
  • eladmin-generator 系统代码生成模块

系统预览

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-upload是一个用于文件上传的组件。在前端代码中,可以通过设置action属性来指定后端处理文件上传的接口。同时,可以通过设置file-list属性来存放选择的文件,并设置auto-upload属性为false来取消自动上传。通过设置http-request属性可以自定义上传文件的方法。on-change属性可以设置文件选择后执行的方法,on-preview属性可以设置点击显示文件的方法,on-remove属性可以设置移除文件的方法。 在后端代码中,需要相应地处理文件上传的接口。根据引用中的描述,对于使用MinIO上传的操作,可以直接从返回结果中获取文件的URL。这意味着在后端代码中,需要将文件保存到MinIO,并返回保存后的文件URL。具体的实现方式可能会根据具体的后端框架和技术选择而有所不同。 在mall-admin-web项目中,文件上传的操作主要涉及到singleUpload.vue和multiUpload.vue这两个组件。根据引用的描述,你可以参考singleUpload.vue的修改来理解文件上传的实现方式。具体的修改可能包括对接口进行调用、处理文件上传和保存等操作。你可以根据具体的需求和代码逻辑来进行相应的修改。 总结起来,el-upload组件提供了前端上传文件时的相关属性和方法,而在后端代码中则需要相应地处理文件上传的接口,并根据具体需求对接口进行调用和文件处理的操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [elementUI自定义上传文件(前端后端超详细过程)](https://blog.csdn.net/ILIKETANGBOHU/article/details/127333590)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [前后端分离项目,如何优雅实现文件存储!](https://blog.csdn.net/zhenghongcs/article/details/103813931)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值