红人后台管理系统
项目描述：红人后台管理系统是一个集成了广告投放、数据分析、用户管理、内容创作与发布等多功能于一体的综合性Web应用。
使用技术：
1、前端框架：Vue3 - 用于构建用户界面的动态组件，提高应用的可维护性和可扩展性。
2、状态管理：Pinia - 管理应用的全局状态，确保数据的一致性和可预测性。
3、路由管理：Vue Router - 实现页面的动态加载和导航，提升用户体验。
4、UI框架：Ant Design - 提供丰富的UI组件，加快开发速度，确保界面的一致性和美观性。
5、数据可视化：ECharts - 实现数据的图表展示，帮助用户更直观地理解数据。
6、API通信：Axios - 简化与后端服务的通信，处理HTTP请求和响应。
7、构建工具：Vite - 打包和优化前端资源，提高应用的加载速度和性能。
亮点：
用户行为追踪与分析：
1、使用响应式数据，存储用户行为信息，利用组件钩子，添加用户行为追踪的逻辑。
2、自定义指令监听用户交互行为，使用事件监听机制，记录用户行为的相关信息进行脱敏处理并利用Axios发送到后端。
3、接收后端返回数据后使用ECharts将数据以图表的形式展现。
多角色权限管理：
1、在Pinia中，定义一个store来存储用户的权限状态。
2、使用导航守卫在用户路由跳转前调用store方法检查是否有权限访问目标路由。
3、在组件中使用useUserStore来获取用户的权限状态，根据权限状态渲染不同的UI元素或执行不同的逻辑。