后台管理系统-系统功能
- 用户管理
- 角色管理(设置权限)
- 菜单管理
- 字典管理
- 参数配置
- 动态菜单生成(根据权限返回)
- 权限控制
- 路由懒加载
- 权限控制(基于角色/路由/按钮权限)
- 用户登录/退出(支持 Token)
- 产品引导&用户引导
- 响应式布局
- 组织机构或部门树支持
- 即时消息推送(WebSocket / SSE)
- CSRF/XSS 处理(部分靠后端)
- Token 自动刷新(可选)
- 路由守卫(Navigation Guard)
- 个人设置(头像、密码修改等)
- 国际化支持(i18n)
- 主题换肤
- 首页仪表盘
- 登录日志、操作日志记录
后台管理系统-通用功能
- 分页、表格(支持排序、筛选、拖动列宽等)
- 表单(校验、增删改查、弹窗)
- 富文本编辑器(如 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 | 简单易用的开源引导库 | ✅ |
| UserGuiding | SaaS 工具,免代码集成,支持分析和引导配置 | ✅(商业服务) |
| Pendo | 高级 SaaS,带有用户分析和引导 | ✅(商业服务) |
| Appcues | 类似 Pendo,可视化配置 | ✅(商业服务) |
liang14658fox