Sistema de fondo de gestión Vue3 + ElementPlus

Este artículo ha participado en el evento "Ceremonia de creación de recién llegados" para comenzar juntos el camino de la creación de oro.

logo

Documentación | Vista previa

visto elemento-plus visto

       Java + Vue tiene muchos sistemas de administración de antecedentes excelentes, pero para desarrollar de manera eficiente el sistema de administración de autoridad de antecedentes, el autor desarrolló vue3-element-plus-admin por sí mismo.
       vue3-element-plus-admin es un sistema de gestión de autoridad en segundo plano multiempresa basado en Vue3 + Element-plus + Java, que proporciona un sistema de autoridad completo, lo que permite a los desarrolladores centrarse en negocios específicos, reduciendo los costos de desarrollo y mejorando la eficiencia de los proyectos. Se puede utilizar para la gestión de sitios web, SAAS, CMS, CRM, OA, ERP, etc. Tanto empresas como particulares pueden utilizarlo de forma gratuita. Bienvenido a enviar PR (requisitos). Si encuentra problemas durante el desarrollo, puede enviar Problemas en Github.

Si se siente bien, haga clic en ⭐estrella para apoyarlo, ¡este será mi mayor apoyo y aliento!

función incorporada

  • Administración del sistema: funciones básicas
    • Rol: asignación de permisos del menú de roles
    • Administrador: Admite la asignación de funciones múltiples, muestra diferentes páginas de acuerdo con los permisos de menú que posee la función
    • Gestión de menús: soporte para modificar el nombre, el ícono y la clasificación del menú empresarial actual
  • Gestión de registros: registros empresariales
    • Registro de inicio de sesión: consulte los registros del sistema de inicio de sesión del administrador de la empresa actual
    • Registro de operación: la consulta de registro del administrador de la empresa actual sobre el funcionamiento normal del sistema
  • Gestión de mensajes: enviar mensajes y enviar correos electrónicos
    • WebSocket: registro de inserción empresarial websocket empresarial actual, consulta de registro de inserción del sistema
    • Gestión de correo: configuración relacionada con el correo
      • Plantilla de correo electrónico: configure la plantilla para enviar correos electrónicos: como el código de verificación
      • Registros de correo: consulta de registros de correo enviados dentro de la empresa
  • Gestión empresarial: configuración completa relacionada con la empresa
    • Lista de empresas: agregar, editar, eliminar, fuente de empresas del sistema
    • Rol empresarial: agregue, edite, elimine roles en la empresa
    • Administrador de la empresa: agregue, edite y elimine administradores en la empresa
    • Menú empresarial: La empresa tiene la configuración de permisos de menú
  • Centro de datos: algo de gestión de la configuración del sistema
    • 数据字典:系统内常用且固定的数据的维护
    • 配置管理:系统内第三方的配置:如 oss、邮箱
    • 文件管理:管理当前系统上传的文件及图片等信息
    • 备份管理:对系统数据库的备份与恢复
    • 区域管理:级联区域的维护
  • 系统监控:对系统的监控管理
    • 在线管理员:当前登录系统的管理员
    • 日志:整个系统内的日志
      • 登录日志:系统内所有管理员登录系统的记录查询
      • 操作日志:系统内所有管理员对系统的正常操作的记录查询
      • 异常日志:系统内运行是后的异常记录查询
      • 定时任务日志:系统内定时任务执行的记录查询
  • 开发配置:开发过程中的相关配置操作
    • 菜单权限:整个系统内的菜单权限配置,支持拖拽排序
    • 定时任务:系统内的所有定时任务维护
    • 代码生成器:前端(api.js、list.vue、add-edit.vue)后端单表的增删改查相关代码生成
    • 接口文档:后端使用的是 apidoc 生成的接口文档
  • 主题设置:整体页面主题设置,布局设置,暗黑模式

分支

  • master 轻量版本:多企业后台管理,持续维护分支
  • base-refactoring 精简版本:单个企业基于 RBAC 的权限功能-仅包含 菜单管理角色管理用户管理 三个模块
  • composition-api 内置__Type ScriptI18n__,已停止维护可以参考相关的配置
  • class-style 使用 class 风格开发,内置__Type ScriptI18n__,已停止维护可以参考相关的配置
  • single 该分支为之前单个企业版本的代码
  • 说明:Otras ramas son las ramas utilizadas por el autor al desarrollar. Debido a la optimización, la refactorización y la iteración de versiones continuas del autor, la API de composición y el estilo de clase no se actualizan de forma síncrona e iterativa. Por lo tanto, estas dos ramas se recomiendan para el aprendizaje de referencia.

necesidades ambientales

  • Nodo => 12.0.0
  • Vue-Cli => 5.0.0
  • JDK = 1.8.x
  • MySQL >= 8.0.0

Estructura del proyecto

vue3-src
├─api 接口模块
│
├─assets 静态资源模块
│  ├─font 字体
│  └─sass 样式
│ 
├─components 通用组件
│  ├─global 全局组件
│  │  ├─container 布局组件
│  │  ├─iconfont 使用阿里图库图标的组件
│  │  ├─page 分页组件
│  │  └─index 统一全局注册
│  ├─collapse 折叠组件
│  ├─container-custom 自定义布局组件
│  ├─container-sidebar 左右布局组件
│  ├─enterprise-sidebar 企业侧边栏组件
│  ├─icon-select-input 阿里图库图标选择组件
│  ├─image-upload-single 单图片上传组件
│  ├─region 区域级联选择组件
│  └─view router-view 视图组件
│ 
├─directive 全局自定义指令
│ 
├─mixins 代码复用 (vue2混入)
│  ├─dictionary 字典
│  ├─model 双向绑定
│  └─page 分页
│ 
├─router 动态路由
│ 
├─store vuex
│  ├─modules
│  │  ├─administrator 管理员登录信息模块
│  │  ├─dictionary 数据字典模块
│  │  ├─enterprise 企业模块
│  │  ├─menu 菜单模块
│  │  ├─setting 设置模块
│  │  ├─tabs 标签页模块
│  │  ├─theme 主题模块
│  │  └─websocket 消息推送模块
│  └─index 动态加载模块
│ 
├─utils 工具模块
│  ├─constant 常量
│  ├─dictionary 字典
│  ├─index 工具
│  ├─prompt 单次提示处理类
│  ├─regular 正则
│  ├─request axios二次封装
│  ├─storage 本地缓存工具
│  └─websocket websocket对象封装
│
├─views 视图模块
│  ├─common 通用页面
│  │  ├─401 401页面
│  │  ├─404 404页面
│  │  ├─500 500页面
│  │  └─login 登录页面
│  ├─layout
│  │  ├─components
│  │  │  ├─headbar 顶部导航
│  │  │  ├─navigation 导航布局组件
│  │  │  ├─sidebar 侧边栏
│  │  │  ├─tabsbar 标签页
│  │  │  └─websocket 消息推送组件
│  │  └─index 布局入口页面
│  └─modules 页面模块

复制代码

desarrollar

# 克隆项目
git clone https://github.com/gmingchen/vue3-element-plus-admin.git

# 进入项目目录
cd vue3-element-plus-admin

# 安装依赖
npm install

# 若执行 npm install 报错,可能由于node版本太高原因导致,可执行一下命令
npm install --legacy-peer-deps

# 启动服务
npm run dev   # 开发环境
npm run prod  # 正式环境
npm run test  # 测试环境

# 发布
npm run build:dev   # 开发环境
npm run build:prod  # 正式环境
npm run build:test  # 测试环境
复制代码

vista previa en línea

``` Cuenta general en segundo plano: demo1, demo2, demo3 Cuenta de superadministración empresarial: admin1, admin2, admin3 Las contraseñas de todas las cuentas están unificadas: superadmin ``` > Evita que los usuarios experimentados agreguen datos sucios y no se abren algunos permisos de operación para cuentas demo

imagen de demostración

imagen de demostración imagen de demostración
imagen de demostración imagen de demostración
imagen de demostración imagen de demostración
imagen de demostración imagen de demostración
imagen de demostración imagen de demostración
imagen de demostración imagen de demostración
imagen de demostración imagen de demostración
imagen de demostración imagen de demostración
imagen de demostración imagen de demostración
imagen de demostración imagen de demostración

Otros proyectos de código abierto

java-admin-base

Es un código de back-end que administra la rama de refactorización base del marco funcional básico de fondo , basado en eljavaspringboot

vue3-element-plus-im

Es un sistema de chat instantáneo basado en vue3 y element-plus . Función de chat privado de amigos incorporada.

java-im

Es el código de back-end del sistema de chat instantáneo vue3-element-plus-im , basado en netty y shiro .javaspringboot

nod-server es un marco de servicio de back-end desarrollado en base a node. Siempre que sepa SQL, puede escribir interfaces y ya no tiene que mirar la cara de back-end.

Supongo que te gusta

Origin juejin.im/post/7120042074908409892
Recomendado
Clasificación