首页 > 其他分享 >SpringBoot3+Vue3+AntDesign单体多模块项目实践 | 小蚂蚁云

SpringBoot3+Vue3+AntDesign单体多模块项目实践 | 小蚂蚁云

时间:2024-11-22 13:13:57浏览次数:3  
标签:TypeScript MybatisPlus MySQL 小蚂蚁 SpringBoot3 模块 Vue3

 项目介绍

基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、AntDesign、MySQL等技术栈实现的单体前后端分离后台管理系统;后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈,前端基于Vue3、TypeScript、Vite等技术栈实现,采用AntDesign前端UI框架,基于目前Vue前后端分离主流设计思想,为了实现精细化分工,模块化、组件化开发模式,目前采用完全前后端分离架构实现,前端应用通过API调用后端服务的方式实现数据交互;整套系统拥有完善的RBAC权限架构体系,权限颗粒度精细至按钮级别,支持多主题切换模式,多端兼容手机客户端、PAD平板、PC电脑等终端设备,提升了用户使用体验;同时为了简化开发,本身集成了基础模块,如用户模块、角色模块、菜单模块、部门模块、岗位模块、职级模块、日志模块、租户模块、字典模块、配置模块、行政区划、任务调度等基础功能模块; 为了支持个别企业和开发者多租户功能需求,在设计之初已重点设计并支持多租户功能;为了实现项目快速开发,官方自定义研发了整套代码生成器功能,可以根据单个规范的数据表结构一键生成模块的后端文件代码和前端模块代码;为了高度适配企业、政府和开发者定制化项目的需求,目前单体前后端分离架构发行了多个版本,根据实际需求按需选择即可,软件框架本身已集成了权限架构体系和基础功能模块,极大的提高了开发效率,降低了项目研发成本以及节省了人力。

软件信息
功能模块
  • 主控制台:纯静态页面,提供给有需要的企业、开发者做定制化使用;
  • 用户管理:实现用户数据录入于管理,增强了账户安全;
  • 角色管理:基于RBAC权限架构体系,实现角色权限的管理;
  • 菜单管理:用于权限菜单数据管理以及菜单节点权限数据管理;
  • 部门管理:用于管理系统架构体系中的部门数据;
  • 岗位管理:针对用户岗位属性的数据进行统一维护管理;
  • 租户管理:主要对租户入住数据进行管理和租户账号开通管理;
  • 日志管理:用于登录日志、操作日志管理和维护;
  • 参数管理:用于对系统核心参数的定义和管理;
  • 配置管理:用于对动态配置参数的统一管理和设置;
  • 字典管理:用于对字典数据、字典项数据的管理为维护;
  • 通知公告:主要对通知、公告等站外、站内数据进行管理;
  • 行政区划:针对全国行政区划分数据进行管理和维护;
  • 消息管理:对系统消息模块进行查阅和管理;
  • 短信日志:主要用于记录发送短信的日志信息进行管理;
  • 邮件日志:主要用于记录邮件发送记录和数据维护管理;
  • 文件日志:主要用于上传图片、文件等资源附件日志记录进行管理;
  • 文件模板:主要对系统中使用的文件模板进行上传和管理;
  • 邮件模板:主要对系统使用的邮件模板文件进行管理;
  • 短信模板:主要对系统短信模板信息进行录入、维护和管理;
  • 消息模板:主要针对系统业务发送的消息内容进行统一管理;
  • 系统设置:针对系统的常规配置数据进行可视化管理维护;
  • CMS管理:主要用于网站相关的数据进行管理的模块;
  • 任务调度:主要用于对定时任务进行定义和统一调度管理;
  • 在线用户:主要用于在线用户的维护以及强制退出登录;
  • SQL监控:主要结合Druid数据库连接池技术实现数据库SQL监控管理;
  • 性能监控:用于监控应用CPU、内存、服务器、磁盘、虚拟机等信息;
  • 健康监控:主要用于对系统健康度和运行状态、性能进行监控;
  • 缓存监控:主要对系统缓存信息进行统计和监控查阅;
  • 代码生成:官方定制化模板生成器,用于简化单模块开发,提高效率;
  • 接口文档:用于查阅系统接口在线文档,查阅API地址、入参、出参等;
其他版本
版本名称说明地址
小蚂蚁云单体Vue3+ElementPlus版基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、ElementPlus、TypeScript、Vite、MySQL等技术栈XiaoMaYi-EleVue: 小蚂蚁云单体Vue3+ElementPlus前后端分离后台管理系统,基于SpringBoot3、Vue3、TypeScript、ElementPlus、MySQL等技术栈实现;支持多主题切换模式,多端兼容手机客户端、PAD平板、PC电脑等终端设备,为了高度适配企业、政府和开发者定制化项目的需求,目前单体前后端分离架构发行了多个版本按需选择即可,已集成权限架构体系和基础模块,开发效率,节省人力。
小蚂蚁云单体Vue3+AntDesign版基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、AntDesign、TypeScript、Vite、MySQL等技术栈XiaoMaYi-AntdVue: 小蚂蚁云单体Vue3+AntDesign前后端分离后台管理系统,基于SpringBoot3、Vue3、TypeScript、AntDesign、MySQL等技术栈实现;支持多主题切换模式,多端兼容手机客户端、PAD平板、PC电脑等终端设备,为了高度适配企业、政府和开发者定制化项目的需求,目前单体前后端分离架构发行了多个版本按需选择即可,已集成权限架构体系和基础模块,开发效率,节省人力。
小蚂蚁云单体Vue3+NaiveUI版基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、NaiveUI、TypeScript、Vite、MySQL等技术栈XiaoMaYi-NaiveVue: 小蚂蚁云单体Vue3+NaiveUI前后端分离后台管理系统,基于SpringBoot3、Vue3、TypeScript、NaiveUI、MySQL等技术栈实现;支持多主题切换模式,多端兼容手机客户端、PAD平板、PC电脑等终端设备,为了高度适配企业、政府和开发者定制化项目的需求,目前单体前后端分离架构发行了多个版本按需选择即可,已集成权限架构体系和基础模块,开发效率,节省人力。
小蚂蚁云单体Vue3+ArcoDesign版基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、ArcoDesign、TypeScript、Vite、MySQL等技术栈XiaoMaYi-ArcoVue: 小蚂蚁云单体Vue3+ArcoDesign前后端分离后台管理系统,基于SpringBoot3、Vue3、TypeScript、ArcoDesign、MySQL等技术栈实现;支持多主题切换模式,多端兼容手机客户端、PAD平板、PC电脑等终端设备,为了高度适配企业、政府和开发者定制化项目的需求,目前单体前后端分离架构发行了多个版本按需选择即可,已集成权限架构体系和基础模块,开发效率,节省人力。
小蚂蚁云微服务Nacos+ElementPlus版基于SpringCloud、SpringSecurity、OAuth2、Nacos、Seata、MybatisPlus、Vue3、ElementPlus、TypeScript、Vite、MySQL等技术栈XiaoMaYi-Nacos-EleVue: 小蚂蚁云微服务Nacos+ElementPlus后台管理系统,基于SpringCloud、SpringSecurity、OAuth2、Nacos、Seata、MybatisPlus、Vue3、TypeScript、ElementPlus、MySQL等技术栈;支持多主题切换、多端兼容,为了企业、政府和开发者定制化项目需求,目前发行了多个版本按需选择,已集成权限体系和基础模块,开发效率,节省人力。
小蚂蚁云微服务Nacos+AntDesign版基于SpringCloud、SpringSecurity、OAuth2、Nacos、Seata、MybatisPlus、Vue3、AntDesign、TypeScript、Vite、MySQL等技术栈XiaoMaYi-Nacos-AntdVue: 小蚂蚁云微服务Nacos+AntDesign后台管理系统,基于SpringCloud、SpringSecurity、OAuth2、Nacos、Seata、MybatisPlus、Vue3、TypeScript、AntDesign、MySQL等技术栈;支持多主题切换、多端兼容,为了企业、政府和开发者定制化项目需求,目前发行了多个版本按需选择,已集成权限体系和基础模块,开发效率,节省人力。
小蚂蚁云微服务Nacos+NaiveUI版基于SpringCloud、SpringSecurity、OAuth2、Nacos、Seata、MybatisPlus、Vue3、NaiveUI、TypeScript、Vite、MySQL等技术栈XiaoMaYi-Nacos-NaiveVue: 小蚂蚁云微服务Nacos+NaiveUI后台管理系统,基于SpringCloud、SpringSecurity、OAuth2、Nacos、Seata、MybatisPlus、Vue3、TypeScript、NaiveUI、MySQL等技术栈;支持多主题切换、多端兼容,为了企业、政府和开发者定制化项目需求,目前发行了多个版本按需选择,已集成权限体系和基础模块,开发效率,节省人力。
小蚂蚁云微服务Nacos+ArcoDesign版基于SpringCloud、SpringSecurity、OAuth2、Nacos、Seata、MybatisPlus、Vue3、ArcoDesign、TypeScript、Vite、MySQL等技术栈XiaoMaYi-Nacos-ArcoVue: 小蚂蚁云微服务Nacos+ArcoDesign后台管理系统,基于SpringCloud、SpringSecurity、OAuth2、Nacos、Seata、MybatisPlus、Vue3、TypeScript、ArcoDesign、MySQL等技术栈;支持多主题切换、多端兼容,为了企业、政府和开发者定制化项目需求,目前发行了多个版本按需选择,已集成权限体系和基础模块,开发效率,节省人力。
小蚂蚁云微服务Consul+ElementPlus版基于SpringCloud、SpringSecurity、OAuth2、Consul、Seata、MybatisPlus、Vue3、ElementPlus、TypeScript、Vite、MySQL等技术栈XiaoMaYi-Consul-EleVue: 小蚂蚁云微服务Consul+ElementPlus后台管理系统,基于SpringCloud、SpringSecurity、OAuth2、Consul、Seata、MybatisPlus、Vue3、TypeScript、ElementPlus、MySQL等技术栈;支持多主题切换、多端兼容,为了企业、政府和开发者定制化项目需求,目前发行了多个版本按需选择,已集成权限体系和基础模块,开发效率,节省人力。
小蚂蚁云微服务Consul+AntDesign版基于SpringCloud、SpringSecurity、OAuth2、Consul、Seata、MybatisPlus、Vue3、AntDesign、TypeScript、Vite、MySQL等技术栈XiaoMaYi-Consul-AntdVue: 小蚂蚁云微服务Consul+AntDesign后台管理系统,基于SpringCloud、SpringSecurity、OAuth2、Consul、Seata、MybatisPlus、Vue3、TypeScript、AntDesign、MySQL等技术栈;支持多主题切换、多端兼容,为了企业、政府和开发者定制化项目需求,目前发行了多个版本按需选择,已集成权限体系和基础模块,开发效率,节省人力。
小蚂蚁云微服务Consul+NaiveUI版基于SpringCloud、SpringSecurity、OAuth2、Consul、Seata、MybatisPlus、Vue3、NaiveUI、TypeScript、Vite、MySQL等技术栈XiaoMaYi-Consul-NaiveVue: 小蚂蚁云微服务Consul+NaiveUI后台管理系统,基于SpringCloud、SpringSecurity、OAuth2、Consul、Seata、MybatisPlus、Vue3、TypeScript、NaiveUI、MySQL等技术栈;支持多主题切换、多端兼容,为了企业、政府和开发者定制化项目需求,目前发行了多个版本按需选择,已集成权限体系和基础模块,开发效率,节省人力。
小蚂蚁云微服务Consul+ArcoDesign版基于SpringCloud、SpringSecurity、OAuth2、Consul、Seata、MybatisPlus、Vue3、ArcoDesign、TypeScript、Vite、MySQL等技术栈XiaoMaYi-Consul-ArcoVue: 小蚂蚁云微服务Consul+ArcoDesign后台管理系统,基于SpringCloud、SpringSecurity、OAuth2、Consul、Seata、MybatisPlus、Vue3、TypeScript、ArcoDesign、MySQL等技术栈;支持多主题切换、多端兼容,为了企业、政府和开发者定制化项目需求,目前发行了多个版本按需选择,已集成权限体系和基础模块,开发效率,节省人力。
模块预览

标签:TypeScript,MybatisPlus,MySQL,小蚂蚁,SpringBoot3,模块,Vue3
From: https://blog.csdn.net/xiaomayios/article/details/143118382

相关文章

  • SpringBoot3+Vue3+AntDesign博客后台管理系统源码 | 小蚂蚁云
     项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、AntDesign、MySQL等技术栈实现的单体前后端分离后台管理系统;后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈,前端基于Vue3、TypeScript、Vite等技术栈实......
  • vue2项目升级至vue3方案步骤踩坑
    背景这是一个金融类的项目:营销平台,项目是vuecli4搭建的vue2+elementUI+vant+antvPC端项目,需要内网开发共有**60万行代码**,1720个vue文件,使用了一些只能适配vue2的依赖库和技术,需要找替代库和替代方案一把项目备份然后使用gogocode进行转换先将源代码进行格式化转换,方便以......
  • vue3+setup使用rtsp视频流实现实时监控,全屏,拍摄,自动拍摄等功能(纯前端)
    vue3+setup使用rtsp视频流实现实时监控,全屏,拍摄,自动拍摄等功能(纯前端)概要本文介绍了如何在Vue应用中通过WebRTC技术获取摄像头的rtsp视频流,同时展示了实时监控,全屏,拍摄,自动拍摄等功能。一、获取rtsp流并确保其可用1.因为是纯前端角度,所以从后端可以获取http开头的视频......
  • 【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
    大家好,欢迎来到程序视点!我是小二哥!前言在VUE项目开发中,一些数据常常被多个组件频繁使用,为了管理和维护这些数据,就出现了状态管理模式。今天小二哥要给大家推荐的不是VueX,而是称为新一代的状态管理工具的Pinia.js。   关于Pinia.jsPinia.js由Vue......
  • 基于vue3的权限控制实现
    需求:不同角色的用户显示不同的菜单,且对页面的按钮也有是否对角色开发的权限服务端返回两个数据一个是菜单的权限列表,另外一个是拥有的按钮列表数据,如下: 动态加载菜单/**routerInfo:动态路由hasRoutePermission:用户拥有的路由权限*/constfilterDeepDynamic......
  • vue3版本实现h5自适应布局
    amfe-flexible和postcss-pxtorem可以一起使用来实现移动端的适配效果。参考的页面地址vite.config.js配置importpxtoremfrom'postcss-pxtorem';exportdefaultdefineConfig({plugins:[vue()],css:{postcss:{plugins:[pxtore......
  • 推荐 vue2、vue3 中功能最强大的表格组件,性能最强大的表格组件推荐、可编辑表格推荐
    vxe-table是一个vue的表格组件,支持可编辑和虚拟滚动高性能表格,公司使用了几年的表格,grid渲染器扩展功能非常强大。[email protected]@4.9.3//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-table'......
  • 盘点Vue3 watch的一些关键时刻能够大显身手的功能
    前言watch这个API大家应该都不陌生,在Vue3版本中给watch增加不少有用的功能,比如deep选项支持传入数字、pause、resume、stop方法、once选项、onCleanup函数。这些功能大家平时都不怎么用得上,但是在一些特定的场景中,他们能够起大作用,这篇文章欧阳就来带你盘点一下这些功能。关注公......
  • Vue3.2+TS+arco-design报表封装,所有的报表页面皆可用一个组件进行完成
    多功能表格统一封装在我们进行后台管理系统开发的时候,一定少不了报表的开发,报表无非就是筛选,统计,分页等功能,但是一旦报表多了起来之后,每次都去开发一个表格,每次都去写一个table,还要加分页,就显得非常没有必要所以我封装了一个多功能表格,以后每次,只需要导入这个组件,便可以......
  • vue2使用vueX@2版本和Vue3使用pinia
    vue2vue3使用Vuex3vue3使用pinia......