Skip to content

后台管理系统-系统功能

  1. 用户管理
  2. 角色管理(设置权限)
  3. 菜单管理
  4. 字典管理
  5. 参数配置
  6. 动态菜单生成(根据权限返回)
  7. 权限控制
  8. 路由懒加载
  9. 权限控制(基于角色/路由/按钮权限)
  10. 用户登录/退出(支持 Token)
  11. 产品引导&用户引导
  12. 响应式布局
  13. 组织机构或部门树支持
  14. 即时消息推送(WebSocket / SSE)
  15. CSRF/XSS 处理(部分靠后端)
  16. Token 自动刷新(可选)
  17. 路由守卫(Navigation Guard)
  18. 个人设置(头像、密码修改等)
  19. 国际化支持(i18n)
  20. 主题换肤
  21. 首页仪表盘
  22. 登录日志、操作日志记录

后台管理系统-通用功能

  • 分页、表格(支持排序、筛选、拖动列宽等)
  • 表单(校验、增删改查、弹窗)
  • 富文本编辑器(如 Quill 或 WangEditor)
  • 文件上传(带预览)vue-upload-component
  • Excel 导入/导出
  • 打印(Print.js 等)
  • 图表(ECharts)
  • 页面加载进度指示器(nprogress)
  • 二维码生成 qrcodejs2
  • 打印功能插件 vue-print-nb
  • 树形组件 vue-giant-tree
  • pdf 预览 pdfjs-dist

辅助开发插件

  • 代码规范 eslint, prettier
  • 日期处理库 dayjs/moment
  • 模拟数据 mockjs
  • JavaScript 文件加载器 script-loader
  • 解决内存溢出 increase-memory-limit
  • 跨平台设置和使用环境变量的脚本 cross-env
  • js-base64
  • vue-resource

工具

  • npm 的镜像源管理工具 nrm(npm registry manager )

产品引导(Product Tour)& 用户引导(User Onboarding)第三方引导工具

名称特点是否支持按钮高亮/下一步导航
Intro.js开源、轻量级、支持按钮高亮、步骤导航
Shepherd.js更现代的开源引导库,支持复杂引导、定制提示
Hopscotch简单易用的开源引导库
UserGuidingSaaS 工具,免代码集成,支持分析和引导配置✅(商业服务)
Pendo高级 SaaS,带有用户分析和引导✅(商业服务)
Appcues类似 Pendo,可视化配置✅(商业服务)