知识图谱>> vue3.0-ts>> 返回
项目作者： 1240235512

项目描述 ：
vue3.0 + ts + vue-property-decorator + element-plus 基础模板框架
高级语言： Vue
项目地址: git://github.com/1240235512/vue3.0-ts.git
创建时间： 2020-12-14T14:44:36Z
项目社区：https://github.com/1240235512/vue3.0-ts
开源协议：
下载




logo



文档 |
预览




vue


element-plus





vue















  1.    Java + Vue 有很多优秀的后台管理系统，但是为了可以高效的开发后台权限管理系统，作者就自己开发出 agile-admin。```本项目中未曾过度使用样式，目的是为了方便开发者可以方便修改成自己需要的样式```<br>
  2.    [agile-admin](https://github.com/gmingchen/agile-admin) 是一个基于 Vue3 + Element-plus + Java 的多企业后台权限管理系统，提供了完善的权限体系，让开发者把注意力集中到具体业务当中，降低开发成本，提高项目效率。
  3.    可以用于网站管理后台、SAAS、CMS、CRM、OA、ERP等，企业和个人都可以免费使用。欢迎提交PR（需求），若开发中遇到问题可以上 Github 提 Issues。

如果觉着还不错，请点个 ⭐star 支持一下吧，这将是对我最大的支持和鼓励！

由于有部分开发者需要完整后端代码，目前开始完成捐赠即可获得完整后端代码。开发者可以翻到 联系方式 栏目添加作者微信，具体的私聊！

Star History

About the author

Hi there, I’m Slipper（拖孩）👋. Thank you for your attention ⭐!
I’m a code enthusiast who has been working in the IT industry for many years.
I like open source and all interesting things and want to try to do it.
I want to be an interesting person and create something that can be remembered by others.
If you want to write code with me, you can contact me for internal promotion.

Github stats

内置功能

  • [X] 首页：数据统计
  • [X] 系统管理：基本功能
    • [X] 套餐：租户套餐
    • [X] 租户：新增、编辑、删除，租户的来源
    • [X] 角色：角色菜单权限分配，角色支持配置数据权限
    • [X] 管理员：支持多角色分配，根据角色拥有的菜单权限展示不同的页面
    • [X] 部门管理：支持用户配置数据权限
    • [X] 岗位管理：用户所在的岗位
  • [X] 追溯日志：日志信息
    • [X] 操作日志：当前租户下帐号的操作日志
    • [X] 登录日志：当前租户下帐号的登录日志
    • [X] 异常日志：系统内运行时候的异常记录查询
    • [X] 定时任务日志：系统内定时任务执行的记录查询
  • [X] 基础设施：系统的基础设施
    • [X] 文件管理：管理当前系统上传的文件及图片等信息
      • [X] 文件配置：系统内文件上传的相关配置
      • [X] 文件列表：系统内所有上传的文件
      • [X] 消息通知：站内websocket推送通知消息
      • [X] 通知模版：配置通知的模版：如密码重置
      • [X] 通知记录：系统内所有的通知记录
      • [X] 邮箱管理：邮箱的相关配置
      • [X] 邮箱帐号：邮箱帐号的相关配置
      • [X] 邮件模版：配置邮件发送的模版：如密码重置
      • [X] 邮件记录：系统内发送的邮件记录查询
      • [X] 区域管理：全国省市区的管理
      • [X] 备份管理：系统数据库的备份管理
      • [X] IP管理：系统用户的IP管理
      • [X] 在线管理员：系统内在线的管理员
  • [X] 开发配置：开发流程的相关配置
    • [X] 菜单权限：整个系统内的菜单权限配置，支持拖拽排序
    • [X] 数据字典：系统内常用且固定的数据的维护
    • [X] 定时任务：系统内的所有定时任务维护
    • [X] 代码生成器：前端（api.js、index.vue、add-edit.vue）后端单表的增删改查相关代码生成
  • [X] 主题设置：整体页面主题设置，布局设置，暗黑模式

分支

  • master 多租户完整功能版本：多租户后台管理。持续维护分支
  • dev 多租户完整功能开发分支。持续维护分支
  • vite-pinia 该分支是多租户概念，使用的是vite + pinia 实现的功能，使用的是vue组合式api的 setup 标签。持续维护分支
  • webpack-vuex-enterprise 该分支是企业概念版本内容，使用的是webpack + vuex 实现的功能，使用的是vue组合式api。
  • vite-pinia-enterprise 该分支是企业概念版本内容，使用的是vite + pinia 实现的功能，使用的是vue组合式api的 setup 标签。
  • base 多企业基础版本：多企业基于 RBAC 的权限功能-仅包含 菜单管理、企业管理、企业角色管理、企业管理员管理、企业菜单管理、角色管理、管理员管理、操作日志、登录日志，对应后端java-spring-boot-adminmaster分支
  • single 单企业完整功能版本：单企业后台管理，已停止维护
  • single-base 单企业基础功能版本：单个企业基于 RBAC 的权限功能-仅包含 菜单管理、角色管理、用户管理，已停止维护
  • composition-api 内置Type Script、I18n，已停止维护可以参考相关的配置
  • class-style 使用 class 风格开发，内置Type Script、I18n，已停止维护可以参考相关的配置
  • 说明: 持续维护分支是 master、dev、vite-pinia。其他分支是作者开发时使用的分支, 由于作者不断优化、重构、版本迭代的原因，composition-api 和 class-style 没有同步迭代更新，所以建议这两个分支作为参考学习。

环境需求

  • Node => 16.0.0
  • Vue-Cli => 5.0.0
  • JDK = 1.8.x
  • Mysql >= 8.0.0

项目结构

  1. vue3-src
  2. ├─api 接口模块
  3. │
  4. ├─assets 静态资源模块
  5. │  ├─font 字体
  6. │  └─sass 样式
  7. │ 
  8. ├─common 通用
  9. │  ├─constants 常量
  10. │  ├─enums 枚举
  11. │  └─utils 工具
  12. │ 
  13. ├─components 通用组件
  14. │  ├─global 全局组件
  15. │  │  ├─container 布局组件
  16. │  │  ├─date-range-picker 日期选择组件（二次封装）
  17. │  │  ├─dict-radio 字典radio组件（二次封装）
  18. │  │  ├─dict-select 字典select组件（二次封装）
  19. │  │  ├─iconfont 使用阿里图库图标的组件
  20. │  │  ├─page 分页组件
  21. │  │  ├─view 视图组件（二次封装router-view）
  22. │  │  └─index 统一全局注册
  23. │  ├─collapse 折叠组件
  24. │  ├─container-custom 自定义布局组件
  25. │  ├─container-sidebar 左右布局组件
  26. │  ├─count-to 计数组件
  27. │  ├─editor 富文本组件
  28. │  ├─icon-select-input 阿里图库图标选择组件
  29. │  ├─region 区域级联选择组件
  30. │  ├─tenant-sidebar 租户侧栏
  31. │  ├─upload 上传组件
  32. │  └─upload-image 单图片上传组件
  33. │ 
  34. ├─directive 全局自定义指令
  35. │ 
  36. ├─hooks 钩子
  37. │  ├─bind-exposed 导出绑定
  38. │  ├─dict 字典
  39. │  └─model 双向绑定
  40. │ 
  41. ├─router 动态路由
  42. │ 
  43. ├─stores pinia
  44. │  ├─modules
  45. │  │  ├─adminer 管理员信息模块
  46. │  │  ├─auth 登录凭证信息模块
  47. │  │  ├─dict 数据字典模块
  48. │  │  ├─menu 菜单模块
  49. │  │  ├─notice 通知模块
  50. │  │  ├─tabs 标签页模块
  51. │  │  ├─theme 主题模块
  52. │  │  └─websocket 消息推送模块
  53. │  ├─index 动态加载模块
  54. │  └─root 根模块
  55. │
  56. ├─views 视图模块
  57. │  ├─constant 通用页面
  58. │  │  ├─401 401页面
  59. │  │  ├─404 404页面
  60. │  │  ├─500 500页面
  61. │  │  └─login 登录页面
  62. │  ├─layout
  63. │  │  ├─components
  64. │  │  │  ├─headbar 顶部导航
  65. │  │  │  ├─navigation 导航布局组件
  66. │  │  │  ├─sidebar 侧边栏
  67. │  │  │  ├─tabsbar 标签页
  68. │  │  │  └─websocket 消息推送组件
  69. │  │  └─index 布局入口页面
  70. │  └─modules 页面模块

开发

  1. # 克隆项目
  2. git clone https://github.com/gmingchen/agile-admin.git
  4. # 进入项目目录
  5. cd agile-admin
  7. # 安装依赖
  8. npm install
  10. # 若执行 npm install 报错，可能由于node版本太高原因导致，可执行一下命令
  11. npm install --legacy-peer-deps
  13. # 启动服务
  14. npm run dev   # 开发环境
  15. npm run prod  # 正式环境
  16. npm run test  # 测试环境
  18. # 发布
  19. npm run build:dev   # 开发环境
  20. npm run build:prod  # 正式环境
  21. npm run build:test  # 测试环境

在线预览



  1. 总后台帐号：admin1,admin2,admin3,admin4
  2. 企业超管帐号：demo1,demo2,demo3,demo4
  3. 所有帐号的密码统一为：superadmin

防止体验用户添加脏数据，部分操作权限未开通给演示帐号

演示图片


























































演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片

联系方式

①群已满(500人)，可以先进②群，有空位后在加①群。若二维码失效可以加微信联系作者！














公众号 个人微信 微信交流群 摸鱼群

公众号:loafer-man
微信:Gy1240235512
微信交流群:124371554
微信交流群:124371554

捐赠

如果你觉得这个项目帮助到了你，你可以帮作者买一杯热饮表示鼓励 ☕










微信捐赠 支付宝捐赠

微信捐赠
支付宝捐赠

其它开源项目

java-spring-boot-admin

是多企业管理后台基础功能 base 分支的后端代码，基于 java 的 springboot

vue3-element-plus-im

是一个即时聊天系统，基于 vue3 、 element-plus 实现。内置了好友私聊功能。

node-server
是一个基于 node 开发的后端服务框架，只要你会 SQL 就也可以写接口了，再也不用看后端的脸色了。