Mockjs 简单用法

～晴天～～

于 2024-03-26 22:03:42 发布

阅读量141

点赞数 7

分类专栏： antd mock 文章标签：前端

本文链接：https://blog.csdn.net/rcx0113/article/details/137059332

版权

antd 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

mock

1 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

安装：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)
    })
}