## todo 解决 cookies 重合问题 导航栏菜单项 页面表格内单元样式细化 仪表盘填充真实数据 ## 目录结构 ``` public/ # 静态资源(图片、字体等) src/ ├── actions/ # 服务端 Action(表单提交、数据操作等) ├── app/ # App Router 核心目录 │ ├── (root)/ # 根路由组(无路径前缀) │ ├── login/ # /login 路由页面 │ ├── favicon.ico # 网站图标 │ ├── globals.css # 全局样式 │ └── layout.tsx # 根布局组件 ├── components/ # 可复用 UI 组件 ├── hooks/ # 自定义 React Hooks ├── lib/ # 工具函数、第三方库封装 ├── models/ # 数据模型、类型定义、Schema └── proxy.ts # 代理配置(API 转发等) .env # 环境变量(本地开发) .env.example # 环境变量示例模板 .gitignore # Git 忽略文件 .npmrc # npm 配置 biome.json # Biome 代码格式化/检查配置 bun.lock # Bun 包管理器锁文件 components.json # shadcn/ui 组件库配置 Dockerfile # Docker 容器化配置 next-env.d.ts # Next.js 类型声明 next.config.ts # Next.js 配置文件 package.json # 项目依赖与脚本 postcss.config.mjs # PostCSS 配置 README.md # 项目说明文档 tsconfig.json # TypeScript 配置 ``` ## 搭建开发环境 1. 下载本地项目:`git clone https://43.226.58.254:53000/lanhu/admin` 2. 安装依赖包:`bun install` 3. 创建环境变量文件 .env,复制 .env.example 中的内容到 .env,并根据实际情况修改 4. 启动项目终端运行 `bun run dev` ## 构建项目 & 版本管理 1. 在 package.json 文件中修改版本号 2. 构建并上传镜像, 终端运行 `./publish.ps1 <版本号>` 3. 终端执行成功后在 `https://43.226.58.254:53000/lanhu/admin` 发布最新版本 ## 技术栈 | 类别 | 场景/库名 | 推荐方案/用途 | | :--- | :--- | :--- | | **核心框架** | Next.js | 服务框架 (React 全栈框架) | | **UI / 样式体系** | Radix UI | 无样式基础 UI 组件原语 | | | Tailwind CSS | CSS 框架 (原子化 CSS) | | | lucide-react | 图标库 | | **表单与数据验证** | React Hook Form | 表单状态管理及验证 | | | Zod | 数据验证与类型推断 | | **数据管理与通信** | Zustand | 全局状态管理库 | | | TanStack Query | 服务端状态管理 (数据请求、缓存) | | | TanStack Table | 无头 UI 表格库 | | **工具库** | date-fns | 日期时间处理库 | 生产环境的项目部署通过单独的部署脚本进行管理,前端开发上线只需要构建以及发布版本,无需考虑部署问题。