# Ainet.AdminWeb

**Repository Path**: juntor/Ainet.AdminWeb

## Basic Information

- **Project Name**: Ainet.AdminWeb
- **Description**: 统一后台管理后台 Web前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-22
- **Last Updated**: 2025-11-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Ainet.AdminWeb

## 项目简介
前后端分离的 Web 前端项目

## 项目结构
```
├── docs/                 # 项目文档
│   ├── design/          # 设计文档
│   ├── api/             # API 接口文档
│   └── development/     # 开发文档
├── public/              # 静态资源
├── src/                 # 源代码
│   ├── api/            # API 接口封装
│   ├── assets/         # 资源文件
│   │   ├── images/     # 图片资源
│   │   ├── styles/     # 样式文件
│   │   └── fonts/      # 字体文件
│   ├── components/     # 公共组件
│   │   ├── common/     # 通用组件
│   │   └── layout/     # 布局组件
│   ├── config/         # 配置文件
│   ├── hooks/          # 自定义 Hooks
│   ├── router/         # 路由配置
│   ├── store/          # 状态管理
│   ├── types/          # TypeScript 类型定义
│   ├── utils/          # 工具函数
│   └── views/          # 页面视图
└── tests/              # 测试文件
    ├── unit/           # 单元测试
    └── e2e/            # 端到端测试

## 技术栈

### 核心框架
- **Vue 3.4+** - 渐进式 JavaScript 框架
- **TypeScript 5.0+** - JavaScript 的超集
- **Vite 5.0+** - 下一代前端构建工具
- **pnpm** - 快速、节省磁盘空间的包管理器

### 后台框架
- **vue-vben-admin 2.11+** - 基于 Vue 3 的企业级后台管理系统

### UI 组件库
- **Ant Design Vue 4.x** - 企业级 UI 组件库
- **@ant-design/icons-vue** - Ant Design 图标库

### 状态管理与路由
- **Pinia 2.x** - 新一代状态管理库
- **Vue Router 4.x** - Vue 官方路由管理器

### HTTP 客户端与工具
- **Axios** - 基于 Promise 的 HTTP 客户端
- **Vue I18n** - 国际化插件
- **dayjs** - 轻量级日期处理库
- **lodash-es** - 实用工具库

### 特色组件
- **Monaco Editor** - VS Code 编辑器内核（用于 SQL 脚本编辑）
- **Ant Design Tree** - 树形组件（用于模型分类）
- **Ant Design Table** - 强大的表格组件

### 开发规范
- **ESLint** - 代码质量检查
- **Prettier** - 代码格式化
- **Husky** - Git 钩子管理
- **Commitlint** - 提交信息规范

## 快速开始

### 环境要求
- Node.js >= 18.0.0
- pnpm >= 8.0.0

### 安装依赖
```bash
pnpm install
```

### 启动开发服务器
```bash
pnpm dev
```

### 构建生产版本
```bash
pnpm build
```

### 预览生产构建
```bash
pnpm preview
```

## 后端接口

### 统一接口地址
```
http://localhost/router
```

### 请求格式
- **方法**：POST
- **Content-Type**：application/json
- **请求体**：
```json
{
  "action": "操作类型",
  "module": "模块名称",
  "params": {},
  "token": "认证令牌"
}
```

### 响应格式
```json
{
  "code": 200,
  "message": "success",
  "data": {}
}
```

详细接口文档请查看：[后端接口规范](docs/api/后端接口规范.md)

## 文档

- [技术选型讨论](docs/development/技术选型讨论.md)
- [项目需求说明](docs/development/项目需求说明.md)
- [快速开始指南](docs/development/快速开始.md)
- [后端接口规范](docs/api/后端接口规范.md)

## 功能模块

### 配置管理
- 数据源定义（MySQL、PostgreSQL、SQL Server、WebAPI）
- 模型配置（树形结构 + SQL 脚本编辑器）
- 脚本导出

### 任务管理
- 定时任务（Cron 表达式配置）
- 任务日志

### 系统管理
- 用户账号管理
- 代码表维护
- 系统日志查询

## 开发规范

### 提交规范
```bash
feat: 新功能
fix: 修复 bug
docs: 文档更新
style: 代码格式调整
refactor: 代码重构
perf: 性能优化
test: 测试相关
chore: 构建/工具链相关
```

## License
MIT