135 lines
2.7 KiB
Markdown
135 lines
2.7 KiB
Markdown
# 翻译管理系统 - 管理后台
|
||
|
||
一个基于 Nuxt 3 和 Supabase 构建的现代化翻译管理系统后台。
|
||
|
||
## ✨ 功能特性
|
||
|
||
- 🔐 **安全认证**：支持多种密码加密方式（明文/bcrypt）
|
||
- 📊 **数据统计**：实时显示用户、订单、收入等关键指标
|
||
- 👥 **用户管理**：完整的用户信息管理功能
|
||
- 📱 **响应式设计**：适配各种设备屏幕
|
||
- 🎨 **现代UI**：基于 Tailwind CSS 的美观界面
|
||
|
||
## 🛠️ 技术栈
|
||
|
||
- **前端框架**：Nuxt 3
|
||
- **UI框架**：Tailwind CSS
|
||
- **状态管理**：Pinia
|
||
- **数据库**：Supabase (PostgreSQL)
|
||
- **认证**：自定义认证系统
|
||
- **开发工具**：Vite, TypeScript
|
||
|
||
## 🚀 快速开始
|
||
|
||
### 环境要求
|
||
|
||
- Node.js 16.x 或更高版本
|
||
- npm 或 yarn
|
||
|
||
### 安装依赖
|
||
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
### 环境配置
|
||
|
||
创建 `.env` 文件并配置以下环境变量：
|
||
|
||
```env
|
||
SUPABASE_URL=your_supabase_url
|
||
SUPABASE_ANON_KEY=your_supabase_anon_key
|
||
```
|
||
|
||
### 启动开发服务器
|
||
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
访问 `http://localhost:3000` 查看应用。
|
||
|
||
## 🔑 管理员账户
|
||
|
||
系统提供以下测试管理员账户：
|
||
|
||
1. **账户1**：`test@admin.com` / `123456`
|
||
2. **账户2**：`admin@example.com` / `admin123`
|
||
|
||
## 📁 项目结构
|
||
|
||
```
|
||
interpreter-admin/
|
||
├── assets/ # 静态资源
|
||
├── components/ # Vue 组件
|
||
├── composables/ # 组合式函数
|
||
├── layouts/ # 布局文件
|
||
├── middleware/ # 路由中间件
|
||
├── pages/ # 页面文件
|
||
├── plugins/ # 插件
|
||
├── public/ # 公共文件
|
||
└── server/ # 服务端代码
|
||
```
|
||
|
||
## 🔧 主要功能模块
|
||
|
||
### 认证系统
|
||
- 支持多种密码加密方式
|
||
- 安全的会话管理
|
||
- 自动登录状态检查
|
||
|
||
### 仪表板
|
||
- 实时数据统计
|
||
- 最近活动展示
|
||
- 快速操作入口
|
||
|
||
### 用户管理
|
||
- 用户信息查看
|
||
- 权限管理
|
||
- 状态控制
|
||
|
||
## 🚀 部署
|
||
|
||
### 构建生产版本
|
||
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
### 预览生产版本
|
||
|
||
```bash
|
||
npm run preview
|
||
```
|
||
|
||
## 🤝 贡献指南
|
||
|
||
1. Fork 本仓库
|
||
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
|
||
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
|
||
4. 推送到分支 (`git push origin feature/AmazingFeature`)
|
||
5. 开启 Pull Request
|
||
|
||
## 📝 更新日志
|
||
|
||
### v1.0.0 (2024-01-XX)
|
||
- ✅ 初始版本发布
|
||
- ✅ 基础认证系统
|
||
- ✅ 管理员仪表板
|
||
- ✅ 响应式设计
|
||
|
||
## 📄 许可证
|
||
|
||
本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情。
|
||
|
||
## 🆘 支持
|
||
|
||
如果您遇到任何问题或有建议，请通过以下方式联系：
|
||
|
||
- 创建 Issue
|
||
- 发送邮件至项目维护者
|
||
|
||
---
|
||
|
||
**开发团队** | 万众科技 | 2024
|