CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统

已于 2022-07-22 20:16:03 修改
阅读量1.1k 收藏 3
点赞数
分类专栏： Spring及SpringBoot相关 Vue2专栏 文章标签： spring boot vue shiro mybatis 前后端分离的后台管理系统
于 2022-01-13 11:51:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a924382407/article/details/122470811
版权

说明

此文章为转发的，方便日后查看。

系统演示环境

http://www.cc-admin.top/#/home

在这里插入图片描述

简介

CC-ADMIN 前端简介
现在市面的上后台管理系统很多，不差你这一个，为啥又来个轮子？ 答：材料不一样。本轮子的选材是在考察过 antv、element 之后选择了 quasar，前两个很优秀，尤其是 antv 的外观我特别喜欢。 但是在用过 quasar 后，感觉 quasar 更加灵活，当我们面对定制化需求比较高的情况下感觉 quasar 更合适点（也很有可能是我对前两个了解不够透彻）。 如果您对 css 了解的很透彻，啥效果都能做出来，就当我没说啥。

把轮子放出来还有个原因是市面上的 quasar 的后台成型的比较少。我这也算是为开源事业做点贡献吧！

本项目以后的发展方向打算向数据分析和 BI 方向靠拢！目前 BI 做的还是比较帅的！

CC-ADMIN 后台简介
一个基于 Spring Boot 2.1.3 、 Spring Boot Mybatis plus、 JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统 (quasar 是重点！)

主要特性
使用最新技术栈，社区资源丰富。
高效率开发，代码生成器可一键生成前后端代码
支持数据字典，可方便地对一些状态进行管理
支持接口级别的功能权限与数据权限，可自定义操作
自定义权限注解与匿名接口注解，可快速对接口拦截与放行
前后端统一异常拦截处理，统一输出异常，避免繁琐的判断
系统功能
用户管理：提供用户的相关配置
角色管理：对权限与菜单进行分配
菜单管理：已实现菜单动态路由
职位管理：配置各个部门的职位
字典管理：可维护常用一些固定的数据，如：状态，性别等
系统日志：记录用户操作日志与异常日志，方便开发人员定位排错
定时任务：整合 Quartz 做定时任务，加入任务日志，任务运行情况一目了然
代码生成：高灵活度生成前后端代码，减少大量重复的工作任务
项目结构
项目采用按功能分模块的开发方式，结构如下

auto-poi 提供 Excel 导入导出服务
base-common 提供常用基础类抽象与封装
module-system 核心业务代码

项目源码

后端源码前端源码
githubhttps://github.com/zhy6599/cc-admin-apihttps://github.com/zhy6599/cc-admin-web
码云https://gitee.com/zhy6599/cc-admin-apihttps://gitee.com/zhy6599/cc-admin-web
刘大猫.
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
SpringBoot+Shiro+JWT+Jedis+MybatisPlus+前后端分离+基于url通用权限管理系统
01-25
前后端分离（这里只展示后台），基于url拦截的通用权限管理系统，采用jwt+redis的机制取代传统session+cookie的认证授权方式，shiro框架，配置Jedis，以redis作缓存
spring-boot-starter-mybatis-spring-boot-2.1.3.zip
04-19
《Spring Boot集成MyBatis详解：基于spring-boot-starter-mybatis-2.1.3》 在Java开发领域，Spring Boot以其便捷的初始化、自动配置和开箱即用的特性深受开发者喜爱。而MyBatis作为一款轻量级的持久层框架，提供了...
基于SpringBoot和Vue的企业级中后台开源项目
程序IT圈
06-26 766
简介SmartAdmin由河南·洛阳 1024创新实验室团队研发的一套互联网企业级的通用型中后台解决方案！使用最前沿的前后台技术栈SpringBoot和Vue，前后端分离，我们开源一套漂亮的代码和一套整洁的代码规范，让大家在这浮躁的代码世界里感受到一股把代码写好的清流！同时又让开发者节省大量的时间，减少加班，快乐工作，热爱生活。SmartAdmin 让你从认识到忘不了，绝...
SpringBoot＋Mybatis 从头搭建通用管理系统
最新发布
xiaofanren1111的博客
05-20 391
├──19-Swagger接口文档相关配置下.mp4 211.52M。├──56-数据操作权限功能测试及BUG处理.mp4 322.36M。├──96-与前端实例的基础数据下功能的对接.mp4 544.76M。├──98-与前端实例的系统设置下功能的对接.mp4 540.65M。├──14-Service层规划及逻辑实现.mp4 495.11M。├──95-与前端实例的实体配置功能的对接.mp4 492.44M。├──23-实体配置接口测试及bug处理.mp4 398.64M。
cc-admin 常用注意事项
HouYing
02-21 758
nginx配置 location / { root /opt/web/root; index index.html index.htm; try_files $uri $uri/ /index.html; } location /cc-admin { proxy_connect_timeout 10s; proxy
基于springboot+mybatis-plus+mysql+vue实现物流信息管理系统（课设）
qq_33037637的博客
03-27 358
用户：用户管理、个人信息、物流管理。
vue quasar 整合富文本编辑器，实现图图片上传
HouYing
07-26 1389
先看看最终的效果 图片上传样子： 线上访问地址：http://cc-admin.top/sys/news（服务器带宽低，耐心多等会） 演示项目源代码： 前端：https://gitee.com/zhy6599/cc-admin-web， 对应后台：https://gitee.com/zhy6599/cc-admin-api 新闻编辑页面代码： <q-dialog maximized flat persistent ref="dialog" position="righ...
（一）前端环境搭建---基于SpringBoot+MySQL+Vue+ElementUI+Mybatis前后端分离面向小白管理系统搭建
wdyan297的博客
01-14 7971
这里是为2023届学生完成一个管理系统（主要是后台）的连续更新博客。持续时间为20天，每日练习时间约2-3小时。默认已有系统开发的基础知识，如SpringBoot、数据库、HTML、CSS、JavaScript等，连载过程中，遇到细节问题也可以咨询。QQ群：1140508453。视频将在B站推出。
mybatis-spring-boot-starter-2.1.3.jar
01-10
mybatis-spring-boot-starter-2.1.3.jarmybatis-spring-boot-starter-2.1.3.jarmybatis-spring-boot-starter-2.1.3.jar
spring-boot-starter-mybatis-spring-boot-2.1.3.tar.gz
04-19
Spring Boot Starter MyBatis是Spring Boot官方提供的一个启动器，它简化了MyBatis在Spring Boot项目中的集成过程。通过添加依赖，开发者可以快速地搭建起一个基于MyBatis的数据访问层。 二、集成步骤 1. 添加依赖...
mybatis-spring-boot-autoconfigure-2.1.3.jar_idea安装maven插件
01-10
mybatis-spring-boot-autoconfigure-2.1.3mybatis-spring-boot-autoconfigure-2.1.3
Shiro + JWT + SpringBoot + MySQL + Redis(Jedis)实现无状态鉴权机制
10-17
Shiro + JWT + SpringBoot + MySQL + Redis(Jedis)实现无状态鉴权机制(Restful风格API)(改为数据库形式(MySQL)) 博客源码 附件
jeecg-cloud:基于Spring Boot 2.1.3、 Spring Cloud Greenwich.SR3 & Alibaba、 Shiro、JWT的 JAVA快速开发平台（Jeecg Boot的微服务版本，功能和底层代码，两边保持同步）
05-17
Jeecg-Cloud 快速开发平台当前最新版本： 1.0.0-beta（发布日期：****）基于Spring Boot 2.1.3、 Spring Cloud Greenwich.SR3 & Alibaba、 Shiro、JWT 的快速开发平台前端采用 ant-design-vue，简单易用封装各种组件...
java版工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离 功能清单
m0_46413639的博客
06-26 302
项目计划管理：计划的查询、新增、编辑、删除、甘特图保存为基线、设置为模板、任务时间及顺序调整、全局资源配置、引用系统模板、导入project文件、导出XML文件等功能。工程竣工验收：工程竣工验收的查询、新增、编辑、查看、删除、附件上传、验收异常填写异常信息、选择整改部门和责任人等功能。质量检查：质量检查的查询、新增、编辑、查看、删除、附件上传、验收异常填写异常信息、选择整改部门和责任人等功能。项目列表：项目的新增、编辑、删除、导出、终止、查询、项目指引的编辑删除、文件的存档、提审等功能。
Laravel企业信息化管理平台
weixin_50196917的博客
09-04 5156
一款 PHP 语言基于 Laravel5.8、Layui、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架，框架已集成了完整的RBAC权限架构和常规基础模块，同时支持多主题切换，可以根据自己喜欢的风格选择
图书管理系统（vue2 + springboot +mybatis-Plus）前后端分离项目
XiaoSongDADA的博客
05-15 1628
前后端分离的项目
推荐一款高颜值的 Spring Boot 快速开发框架
qq_14958051的博客
03-15 526
作者 |就眠仪式整理|我是程序汪简介Spring Boot + Security + MyBatis + Thymeleaf + Activiti 快速开发平台基于Layui的后台管...
SpringCloud微服务架构前后端分离项目实践
weixin_50196917的博客
06-07 4883
一款 Java 语言基于 SpringCloud、Vue、ElementUI、MySQL等框架精心打造的一款前后端分离框架，致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端Vue端支持多主题切换，可以根据自己喜欢的风格选择想一个的主题的个性化呈现的需
vue+Element-Plus+springboot整合mybatis-plus后台管理系统的学习笔记
qq_59620850的博客
08-10 876
登录界面中的script使用的是vue3.2新推出的setup语法糖，这也是我第一次使用setup，也遇到了很多bug，但是还是尝试了使用，主要是element-plus是在element-ui的基础上用typescript和vue3的组合式API重构的，我使用element-plus组件的过程中看其官网文档有很多看不懂的语法，所以还是去翻了翻vue3官方文档有关组合式API的用法，但是typescript本人暂时没去学习，所以element-plus的那些组件引入后使用起来还是产生了很多的问题的。...
帮我用spring boot写一个学生宿舍管理系统前后端分离企业级开发
05-26
好的，下面是一个简单的学生宿舍管理系统的前后端分离企业级开发实现。 ## 后端 ### 技术栈 - Spring Boot - Spring Security - MyBatis - MySQL - Swagger2 ### 实现步骤 1. 创建 Spring Boot 项目，并添加以下依赖： ```xml <dependencies> <!-- Spring Boot --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- Spring Security --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-security</artifactId> </dependency> <!-- MyBatis --> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.1.3</version> </dependency> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <version>1.2.6</version> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> </dependency> <!-- Swagger2 --> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</artifactId> <version>2.9.2</version> </dependency> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger-ui</artifactId> <version>2.9.2</version> </dependency> </dependencies> ``` 2. 创建数据库，并添加数据表。 3. 创建实体类、Mapper 接口和 XML 文件，并配置 MyBatis。 4. 配置 Spring Security，实现登录和权限控制。 5. 集成 Swagger2，生成 API 文档。 ### 示例代码 由于篇幅原因，这里只给出一个示例代码文件： - `Student.java`：学生实体类。 ```java public class Student { private Integer id; private String name; private Integer gender; private String phone; private Integer roomId; // 省略 getter 和 setter 方法 } ``` ## 前端 ### 技术栈 - Vue.js - Element UI - Axios ### 实现步骤 1. 创建 Vue.js 项目，并添加以下依赖： ```json "dependencies": { "axios": "^0.21.1", "element-ui": "^2.15.1", "vue": "^2.6.11", "vue-router": "^3.2.0" } ``` 2. 创建页面组件和路由。 3. 使用 Element UI 组件，实现页面布局和样式。 4. 使用 Axios，与后端 API 进行交互。 ### 示例代码 由于篇幅原因，这里只给出一个示例代码文件： - `StudentList.vue`：学生列表页面组件。 ```vue <template> <div> <el-table :data="students" style="width: 100%"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="gender" label="性别"></el-table-column> <el-table-column prop="phone" label="电话"></el-table-column> <el-table-column prop="roomName" label="宿舍"></el-table-column> </el-table> </div> </template> <script> import axios from 'axios' export default { data() { return { students: [] } }, mounted() { axios.get('/api/students').then(response => { this.students = response.data }).catch(error => { console.error(error) }) } } </script> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘大猫.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值