first commit

README.md

@@ -0,0 +1,100 @@
+# 泽林前端项目
+
+基于 Umi4 + Ant Design 5 的企业级前端项目模板。
+
+## 技术栈
+
+- **Umi 4** - 企业级前端开发框架
+- **Ant Design 5** - 企业级 UI 组件库
+- **React 18** - JavaScript 库
+- **TypeScript** - 类型安全
+
+## 功能特性
+
+- ✅ 基础路由配置
+- ✅ Mock 数据模拟
+- ✅ 全局反向代理
+- ✅ 布局组件
+
+## 项目结构
+
+```
+├── mock/                 # Mock 数据
+│   └── user.ts          # 用户相关接口模拟
+├── src/
+│   ├── layouts/         # 布局组件
+│   │   └── BasicLayout.tsx
+│   ├── pages/           # 页面组件
+│   │   ├── Home/
+│   │   ├── About/
+│   │   ├── User/
+│   │   ├── Login/
+│   │   └── 404/
+│   └── global.less      # 全局样式
+├── .umirc.ts            # Umi 配置文件
+├── package.json
+└── README.md
+```
+
+## 快速开始
+
+### 安装依赖
+
+```bash
+npm install
+```
+
+### 启动开发服务器
+
+```bash
+npm run dev
+```
+
+### 构建生产版本
+
+```bash
+npm run build
+```
+
+## 配置说明
+
+### 路由配置
+
+路由在 `.umirc.ts` 中配置：
+
+```ts
+routes: [
+  {
+    path: '/',
+    component: '@/layouts/BasicLayout',
+    routes: [
+      { path: '/home', component: '@/pages/Home' },
+      { path: '/about', component: '@/pages/About' },
+      { path: '/user', component: '@/pages/User' },
+    ],
+  },
+]
+```
+
+### Mock 配置
+
+Mock 文件放在 `mock/` 目录下，Umi 会自动加载。
+
+### 反向代理配置
+
+在 `.umirc.ts` 中配置：
+
+```ts
+proxy: {
+  '/api': {
+    target: 'http://localhost:8080',
+    changeOrigin: true,
+    pathRewrite: { '^/api': '' },
+  },
+}
+```
+
+## 默认账号
+
+- 用户名: admin
+- 密码: 123456