# mock

**Repository Path**: cnsyear/mock

## Basic Information

- **Project Name**: mock
- **Description**: Node  基于 Express 和 Mock.js 构建的模拟数据服务，为前端开发和测试提供便捷的接口模拟
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-25
- **Last Updated**: 2025-06-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# API Mock 服务系统

## 项目简介
这是一个基于 Express 的 API Mock 服务系统，提供友好的用户界面和完整的接口管理功能。系统包含以下核心特性：

- 基于 Mock.js 的接口模拟数据生成
- 可视化接口文档管理
- 支持接口分类管理
- 提供接口调用统计信息
- 支持接口搜索功能
- 拥有现代化的响应式界面设计

## 技术架构
项目采用前后端分离架构：
- **后端**：Node.js + Express 框架
- **前端**：HTML/CSS/JavaScript 原生开发
- **接口模拟**：Mock.js 数据模拟库
- **界面样式**：使用 Font Awesome 图标库

## 目录结构
```
.
├── public/               # 前端静态资源
│   ├── css/              # 样式文件
│   ├── webfonts/         # 字体文件
│   └── index.html        # 主页面
├── routes/               # 接口路由
│   ├── product.js        # 产品相关接口
│   └── user.js           # 用户相关接口
├── server.js             # 服务启动文件
└── package.json          # 项目配置文件
```

## 快速启动
1. 安装依赖
```bash
yarn install
```

2. 启动服务
```bash
yarn start
```

3. 访问地址
```
http://localhost:3000
```

![输入图片说明](public/image.png)

## 功能说明
### 接口管理
- 支持 GET、POST、PUT、DELETE 等常见 HTTP 方法
- 提供接口路径、描述等基本信息展示
- 支持接口分类管理
- 提供接口调用示例

### 数据统计
- 显示服务总接口数量
- 统计接口分类数量
- 展示服务运行状态

### 界面功能
- 支持深色/浅色主题切换
- 提供全局搜索和局部过滤功能
- 支持接口文档模态框展示
- 响应式布局适配不同设备

## 接口开发规范
1. 新增接口请在 routes/ 目录下创建对应的路由文件
2. 使用 Mock.js 定义接口数据结构
3. 保持接口路径命名规范
4. 为每个接口添加清晰的描述信息
5. 保持接口分类合理组织

## 贡献指南
欢迎贡献代码，请遵循以下步骤：
1. Fork 项目仓库
2. 创建新分支
3. 提交代码更改
4. 创建 Pull Request
5. 等待代码审查

## 许可证
本项目采用 MIT 许可证，详细信息请查看 LICENSE 文件。