# full-stack-lean

**Repository Path**: learn_44/full-stack-lean

## Basic Information

- **Project Name**: full-stack-lean
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-07
- **Last Updated**: 2026-02-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue3 + Element Plus + Node.js 全栈项目

一个现代化的全栈Web应用，前端使用 Vue3 + Element Plus，后端使用 Node.js + Express。

## 🚀 技术栈

### 前端
- **Vue 3** - 渐进式JavaScript框架
- **Element Plus** - Vue3 UI组件库
- **Vite** - 下一代前端构建工具
- **Vue Router** - 官方路由管理器
- **Pinia** - Vue3 状态管理
- **Axios** - HTTP客户端

### 后端
- **Node.js** - JavaScript运行时
- **Express** - Web应用框架
- **MySQL2** - 数据库驱动
- **JWT** - 身份认证
- **Cors** - 跨域处理

## 📁 项目结构

```
├── client/                 # 前端项目
│   ├── src/
│   │   ├── api/           # API接口
│   │   ├── assets/        # 静态资源
│   │   ├── components/    # 公共组件
│   │   ├── layouts/       # 布局组件
│   │   ├── router/        # 路由配置
│   │   ├── stores/        # 状态管理
│   │   ├── styles/        # 全局样式
│   │   ├── utils/         # 工具函数
│   │   └── views/         # 页面组件
│   └── ...
├── server/                 # 后端项目
│   ├── src/
│   │   ├── config/        # 配置文件
│   │   ├── controllers/   # 控制器
│   │   ├── middlewares/   # 中间件
│   │   ├── models/        # 数据模型
│   │   ├── routes/        # 路由
│   │   ├── services/      # 业务逻辑
│   │   └── utils/         # 工具函数
│   └── ...
└── package.json           # 根项目配置
```

## 🛠️ 快速开始

### 安装依赖

```bash
# 安装所有依赖（根目录、前端、后端）
npm run install:all
```

### 开发模式

```bash
# 同时启动前端和后端
npm run dev

# 单独启动后端
npm run dev:server

# 单独启动前端
npm run dev:client
```

### 生产构建

```bash
# 构建前端
npm run build

# 启动服务
npm start
```

## 🔧 环境配置

### 后端环境变量 (server/.env)

```env
PORT=3001
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=your_password
DB_NAME=fullstack_db
JWT_SECRET=your_jwt_secret
```

## 📝 API文档

后端API基础路径: `http://localhost:3001/api`

### 用户接口
- `POST /api/auth/register` - 用户注册
- `POST /api/auth/login` - 用户登录
- `GET /api/user/profile` - 获取用户信息

### 示例接口
- `GET /api/items` - 获取列表
- `POST /api/items` - 创建项目
- `PUT /api/items/:id` - 更新项目
- `DELETE /api/items/:id` - 删除项目

## 📄 License

MIT