ttapi - 个人API管理平台
项目概述： ttapi是我原创的个人项目，致力于为用户提供便捷的API接口管理平台。通过前后端分离的架构和丰富的功能，实现了API资源的灵活管理和利用。
前后端分离架构：采用现代化的前后端分离架构，前端使用Vue 3、TypeScript、Pinia、Vue Router和Axios，后端利用Express和Node.js和redis和mysql，实现了松耦合、可扩展的架构。
Pinia状态管理：在前端中，我选用了Pinia作为状态管理库，通过创建和管理不同模块的store，有效地管理组件状态，确保数据一致性和流动性。
Axios封装：为了与后端进行数据交互，我对Axios进行了封装，创建了统一的API请求模块，实现了请求的统一处理、错误处理和数据转换，提升了代码复用性和可维护性。
数据可视化：借助ECharts图表库，我展示了七天内接口调用数据的动态可视化，让管理员可以直观地了解接口使用情况。
兑换码系统：实现了兑换码的生成、过期时间设置和使用次数控制，为用户提供了额外请求次数，增强了用户参与感。
用户反馈机制：为用户提供了反馈和建议功能，通过与后端的数据交互，促进了用户参与项目改进的过程。
项目细节：
个人信息管理：通过Pinia状态管理库管理用户信息，包括邮箱、身份和剩余请求次数，实现了前端状态的一致性。
API接口配置：利用Axios封装了与后端的接口请求，通过生成和重置API接口密钥，保障了接口请求的安全性。
版本更新跟踪：设计了版本更新卡片，使用Vue Router实现页面导航，清晰地展示了版本更新记录。
API接口集合：利用Vue 3和Pinia，提供了交互式的API接口集合页面，展示了接口的请求案例、方法和参数信息。
管理员权限管理：通过Express构建API，利用MySQL存储数据，实现了管理员接口的添加、下架和调用情况查看功能。
兑换码管理：使用Node.js实现兑换码系统的生成和管理，实现了过期时间设置和使用次数限制。
用户请求次数兑换：通过与数据库的交互，实现用户使用兑换码兑换额外请求次数的功能。
反馈与建议：使用Axios封装了用户反馈功能，将用户的意见和建议传递给后端，促进项目的不断优化。
技术栈：
前端：Vue 3、TypeScript、Pinia、Vue Router、Axios
后端：Express、Node.js、redis、MySQL