暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

SmartAdmin(快速搭建自己的后台管理系统吧)

RunTheCode 2022-05-25
4101



大家好,我是小酷

今天给大家推荐的开源项目是SmartAdmin后台管理系统。


  •  系统介绍

SmartAdmin 使用 SpringBoot和Vue,前后端分离,我们希望用一套漂亮的代码和一套整洁的代码规范,让大家在这浮躁的代码世界里感受到一股把代码写好的清流!同时又让开发者节省大量的时间,减少加班,快乐工作,热爱生活。SmartAdmin 让你从认识到忘不了,绝对是你最想要的!

  • 功能介绍
SmartAdmin提供了一个后台管理系统所要具备的基础菜单功能和规范。说白了,开源爱好者们可以在SmartAdmin基础上稍微做修改,菜单改成自己的,根据自己的实际情况划分一二级菜单即可完成简洁优雅的后台管理系统了。介绍不多说了,值得去看一眼哦。

  • 技术框架
* 核心框架:SpringBoot2
* 安全框架:JWT
* 持久层框架:Mybatis-plus
*数据库:MySql
*数据库连接池:Druid
* 在线接口文档:Swagger2
* 前端框架:Vue2、Vue-UI、Vue- router、Vuex、Axios、Vue-enum


  • 开发环境

  1. JDK:1.8

  2. MySql:5.7+
  3. Redis
  4. Maven
  5. Node.js
  6. Lombok
  7. npm
  8. Idea/eclipse
  9. vscode/webstorm


  • 核心依赖
依赖版本
Spring Boot2.3.0
Swagger
2.7.0
JJWT
0.9.1
Mybatis-plus3.3.1
Mysql8.0.19
Fastjson1.2.73
Lombok
1.18.8
Druid
1.1.21

  • 项目结构

项目采用分模块开发方式

  • smart-admin-h5 移动端模块

  • smart-admin-service 后端接口模块

  • smart-admin-web 前端web模块


  • 项目特点

1. 后端特点

    高质量的Java代码、分包结构、和代码注释;
    业内独创的请求返回码维护,非常值得一看;
    基于一个注解和controller的权限设计放弃更复杂的shiro,以及一套数据权限支持;
    四层架构(controller, service, manager, dao);
    代码阅读性强、扩展性极高的员工、部门、角色、菜单管理;
    基于LRU策略的内存级权限缓存;
    配合前端vue-enum的swagger文档注解;
    心跳服务,让你发现有哪些机器再跑,哪些人在偷偷的跑你的Job;
    自定义的quartz job添加和修改,方便测试人员测试。


    2. 前端特点

      高质量的代码、代码结构、和代码注释;
      漂亮的UI,菜单栏、标签页,体验、交互更好用的员工、部门、角色、菜单管理等等;
      优化基于Keepalive的标签页,做到标签页该缓存的时候缓存,比如左右切换等,不该缓存的时候不缓存,比如新建,表单提交结束等;
      前端常量维护: vue-enum,拒绝出现魔法数字,代码不可维护的现象;
      全新的基于前端的权限设计(忘掉传统的权限设计吧,已经不适合这个前端时代);
      基于websocket的在线人数;
      支持一级、二级、三级菜单,四级菜单以及搜索功能;
      其他功能:邮件、富文本、消息、系统配置等等。


      • 启动流程

      1. 下载后端源码:smart-admin-service

      2. 执行sql脚本:

          先执行:smart-admin.sql

          再执行:quartz_mysql_2.3.0.sql

      3. 执行Redis

      4. 修改application配置文件

          (1)修改jdbc:(改为自己的)

        spring.datasource.url=jdbc:mysql://127.0.0.1:3306/smart-admin-dev?autoReconnect=true&useServerPreparedStmts=false&rewriteBatchedStatements=true&characterEncoding=UTF-8&useSSL=false&allowMultiQueries=true&serverTimezone=UTC
        spring.datasource.username=erp
        spring.datasource.password=listen1015

            (2)修改redis:(改为自己的)

          spring.redis.database=1
          spring.redis.host=127.0.0.1
          spring.redis.jedis.pool.max-active=100
          spring.redis.jedis.pool.min-idle=5
          spring.redis.jedis.pool.max-idle=10
          spring.redis.jedis.pool.max-wait=30000ms
          spring.redis.port=6379
          spring.redis.timeout=10000ms
          spring.redis.password=

          5. 正常启动项目启动类:SmartAdminApplication

              访问在线文档Swagger:

              http://localhost:10086/smart-admin-api/swagger-ui.html

          6.下载前端代码:smart-admin-web

          7. 将 vscode/settings.json文件配置到vscode中

          8. 初始化依赖包:

          npinstall 

          9. 运行本地项目:

          npm run local


              访问: http://localhost:8080 



          • 演示效果

          登录


          首页


          牡丹管理(后期改为自己的菜单项就可以)


          邮件管理(后期改为自己的菜单项就可以


          邮件发送(后期改为自己的菜单项就可以


          个人信息(后期改为自己的菜单项就可以


          本期到此结束记得分享哦


          END





          项目基本信息 

            项目编号:R220524
          登录账号:
                          用户名:demo
                          密    码:12346

          获取源码&在线演示地址:

                          后台发送项目编号



          小酷推荐

          1. XBoot-前后端分离快速开发平台

          2. YesPlayMusic音乐网站

          3. LinkWeChat-基于人工智能的企业微信 SCRM 系统(强烈推荐)



          今天你分享了吗?



          想要看小酷更多分享的内容,
          请记得关注公众号
          RunTheCode
          文章转载自RunTheCode,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

          评论