口琴音乐人作品集网站 产品系统

口琴音乐人作品线上展示、演出活动推广宣传、粉丝互动交流与个人品牌塑造及推广合作，适用于音乐人个人主页、演出机构宣传与音乐爱好者社区分享交流

📋 数据列表：表格展示（排序、筛选、自定义列）

• 🔍 搜索筛选：多条件组合搜索（关键词、时间范围、状态下拉）

• ➕ 弹窗表单：新增/编辑共用弹窗，表单校验（必填、格式）

• 📄 分页：前端/后端分页切换，页码/每页条数控制

• 🗂️ 侧边栏菜单：可折叠导航，支持多级菜单

• 🔐 登录页：模拟登录（Token 存储 + 路由守卫）

• 📊 Mock 数据：内置 Mock 接口，无需后端即可演示

基于 Element Plus 组件库快速搭建，按需引入

• 使用 Pinia 管理全局状态（用户信息、菜单权限）

• 列表页封装通用 TablePage 组件，减少重复代码

• 弹窗表单使用 el-dialog + el-form，校验规则集中配置

• 路由采用 动态路由 方案，支持权限控制演示

• Mock 数据通过 vite-plugin-mock 本地拦截请求

• 封装 request 层（Axios），统一处理请求/响应拦截