main
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 配置
搭建开发环境
- 下载本地项目:
git clone https://43.226.58.254:53000/lanhu/admin - 安装依赖包:
bun install - 创建环境变量文件 .env,复制 .env.example 中的内容到 .env,并根据实际情况修改
- 启动项目终端运行
bun run dev
构建项目 & 版本管理
- 在 package.json 文件中修改版本号
- 构建并上传镜像, 终端运行
./publish.ps1 <版本号> - 终端执行成功后在
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 | 日期时间处理库 |
生产环境的项目部署通过单独的部署脚本进行管理,前端开发上线只需要构建以及发布版本,无需考虑部署问题。
Description