Mockjs 简单用法

使用Mock.js在Node.js中模拟树形接口数据的安装与示例

最新推荐文章于 2025-07-18 14:09:23 发布

原创最新推荐文章于 2025-07-18 14:09:23 发布 · 234 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端

antd 同时被 2 个专栏收录

7 篇文章

订阅专栏

mock

1 篇文章

订阅专栏

本文介绍了如何在Node.js项目中通过npminstall安装Mock.js库，并提供了getTreeList和getChildrenNodes函数的示例，展示了如何使用Mock.js生成动态树形结构的mock数据。

安装：npm install mockjs
官网：Mockjs
我这里简单mock了两个获取树型接口的数据

getTreeList

初始化获取树列表

function getTreeList(): Promise<string> {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve(
                Mock.mock({
                    'data|3': [
                        {
                            'code|+1': ['1', '2', '3'],//+1 自增
                            'name|+1': [
                                '架构域1',
                                '架构域2',
                                '架构域3',
                            ],
                            'parentCode|1': ['0', '0', '0']
                        }
                    ]
                })
            )
        }, 200)
    })
}

getChildrenNodes

根据父节点key获取该父节点下面的child

function getChildrenNodes(parentCode: string): Promise<string> {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve(
                Mock.mock({
                    'data|1-3': [
                        {
                            'code|+1': [
                                `${parentCode}-1`,
                                `${parentCode}-2`,
                                `${parentCode}-3`,
                            ],
                            'name|+1': [
                                `架构域${parentCode}-1`,
                                `架构域${parentCode}-2`,
                                `架构域${parentCode}-3`,
                            ],
                            parentCode: parentCode
                        }
                    ]
                })
            )
        }, 200)
    })
}

mock数据

在这里插入图片描述