目录结构

XinAdmin 后端使用 Laravel 框架,前端使用 React + Ant Design。了解项目目录结构有助于您快速上手开发。

根目录结构

xin-admin-laravel/
├── app/                    # 应用核心代码
├── bootstrap/              # 框架启动文件
├── config/                 # 配置文件
├── database/               # 数据库相关文件
├── lang/                   # 多语言文件
├── package/                # 自定义扩展包
├── public/                 # 公共入口及静态资源
├── resources/              # 视图模板文件
├── routes/                 # 路由定义
├── storage/                # 存储目录
├── tests/                  # 测试文件
├── types/                  # TypeScript 类型定义
├── web/                    # 前端源码目录
├── .env.example            # 环境变量示例
├── .env.production         # 生产环境配置
├── artisan                 # Laravel 命令行工具
├── composer.json           # PHP 依赖配置
├── package.json            # Node.js 依赖配置
├── phpunit.xml             # PHPUnit 配置
├── tsconfig.json           # TypeScript 配置
└── vite.config.ts          # Vite 构建配置

前端目录结构 (web/)

web/
├── api/                    # API 接口定义
├── components/             # 公共组件
├── domain/                 # 领域模型/类型定义
├── hooks/                  # 自定义 Hooks
├── layout/                 # 布局组件
├── locales/                # 国际化文件
├── store/                  # 状态管理
├── App.tsx                 # 应用入口组件
└── index.css               # 全局样式