首页 > 其他分享 >Vue3+ElementPlus快速入门 | 小蚂蚁云

Vue3+ElementPlus快速入门 | 小蚂蚁云

时间:2024-11-08 11:18:29浏览次数:3  
标签:TypeScript MybatisPlus MySQL 小蚂蚁 ElementPlus Vue3 SpringSecurity

   项目介绍

基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统;后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈,前端基于Vue3、TypeScript、Vite等技术栈实现,采用ElementPlus前端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,小蚂蚁,ElementPlus,Vue3,SpringSecurity
From: https://blog.csdn.net/xiaomayios/article/details/143520450

相关文章

  • 前端UI优秀框架 | 小蚂蚁云
    vue3系列的三款ui框架简要对比:框架ElementPlusAntDesignVueNaiveUIArcoDesign简介element-uiVue3版本AntDesign的Vue实现,组件的风格与AntDesign保持同步Vue作者推荐的Vue3ui组件库ArcoDesign主要服务于字节跳动旗下中后台产品的体验设计和技术实现社区活跃度......
  • 36套Web前端全栈Vue3项目实战P7架构-入门篇+项目篇+进阶篇+架构篇
    36套Web前端全栈Vue3项目实战P7架构-入门篇+项目篇+进阶篇+架构篇36套eb前端全栈Vue3项目实战-入门篇+项目篇+进阶篇+架构篇,P7前端架构,高薪面试,Vue3源码剖析视频课程-技术栈-TypeScript+Vute+ElementPlus+Koa2+Node.js+Pinia+EChart4.0+Uni-App+React18+Flutter+Web3D+Vant+UI,项......
  • Vue3 - 详细实现虚拟列表前端虚拟滚动列表解决方案,vue3长列表优化之虚拟列表,解决列表
    前言Vue2版本,请访问这篇文章在vue3项目开发中,详解实现虚拟列表高度不固定(不定高)且复杂含有图片视频等复杂虚拟列表教程,决列表每项高度不确定及img图像或视频的加载方案,利用缓冲区技术解决用户浏览时渲染不及时列表闪烁白屏/列表加载闪屏,解vue3实现虚拟列表优化大......
  • 基于 Go + Vue3!一款开源的 Nginx 管理 Web 工具!
    大家好,我是Java陈序员。Nginx由于其强大的性能,常常被用于企业开发中!今天,给大家介绍一款开源的Nginx管理Web工具,支持通过界面完成Nginx的配置!关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍NginxUI——一个......
  • 双token无感刷新nodejs+vue3(保姆级教程)
    什么是双Token无感刷新?双Token无感刷新机制使用两个不同的token来管理用户的身份验证和会话。通常情况下,这两个token是:访问Token(AccessToken):用于访问受保护的资源,通常具有较短的有效期(如15分钟到1小时)。当用户进行API请求时,附带此token以证明其身份。刷......
  • 如何使用mapbox实现楼层分层,即所谓的单体化;以及如何在vue3中使用mapbox
    我们在做webgis开发的过程中,应该经常会去加载一些类似白膜的数据,但是呢,如何实现对楼房分分层这个问题不知道大家有没有思考过,在cesium中是可以实现这个操作的,但是过程十分复杂繁琐;今天呢给大家介绍一种简单的,利用mapbox实现楼层分层单体化。先展示一下效果图初始状态鼠标经......
  • vue3 如何使用router路由表 创建 Menu 导航菜单
    vue3如何使用router路由表创建Menu导航菜单1.vue3如何使用router路由表创建Menu导航菜单1.1.安装VueRouter1.2.设置路由1.3.在主应用中使用路由1.4.创建导航菜单组件1.5.在布局中使用导航菜单 1.vue3如何使用router路由表创建M......
  • Vue3 iOS微信JSSDK授权签名错误及图片选择兼容
    iOS微信JSSDK授权签名错误及图片选择兼容一、项目概述二、iOS签名错误invalidsignature三、iOS选择图片转载请注明出处:https://blog.csdn.net/hx7013/article/details/143502680一、项目概述Vue3+Vite+Vue-Router4+JS-SDK1.6由于之前开发调试都是在......
  • SpringBoot3+Vue3+ElementPlus通用权限后台系统 | 小蚂蚁云
     项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统;后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈,前端基于Vue3、TypeScript、Vite等技术栈......
  • SpringBoot3+Vue3+ElementPlus搭建后台系统脚手架 | 小蚂蚁云
     项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统;后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈,前端基于Vue3、TypeScript、Vite等技术栈......