# x-admin-frontend

**Repository Path**: twoke/x-admin-frontend

## Basic Information

- **Project Name**: x-admin-frontend
- **Description**: x-admin-frontend
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-17
- **Last Updated**: 2026-09-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# user-center-front

用户中心管理后台，基于 **pnpm monorepo + Vue 3 + TypeScript + Vite + Element Plus**。

参考 [Vue Naive Admin](https://github.com/zclzone/vue-naive-admin) 与 [ttz-ui](https://www.npmjs.com/package/ttz-ui) 的设计思路，重点落地以下能力：

- **属性透传 (Attribute Inheritance) + 插槽继承 (Slot Inheritance)** — 二次封装 Element Plus，业务组件对 `$attrs` / `$slots` 透明转发
- **Hook 化重构** — `useTable` / `usePagination` / `useAsyncAction` 等组合式 API
- **强类型支持** — `TableColumn<T>` / `FormSchema<T>` 等泛型配置，编译期类型检查
- **扁平化路由 + KeepAlive** — 告别多级路由带来的缓存难题
- **零耦合文件结构** — feature 模块自包含，单模块增删不影响其他模块
- **高频业务组件** — 动态表单、动态表格、API 下拉框、异步按钮

## 目录结构

```
user-center-front/
├── apps/
│   └── admin/            # 主应用（@x/admin）
└── packages/
    ├── ui/               # 二次封装组件库（@x/ui）
    └── shared/           # 类型 + 请求层（@x/shared）
```

## 快速开始

```bash
pnpm install
pnpm dev        # 启动 admin（http://localhost:5173）
pnpm build      # 类型检查 + 构建
pnpm typecheck  # 全量类型检查
```

## 登录演示

- 用户名：`admin` / 密码：`123456`