按條件生成j隨機json包:randomjson

来源:http://www.cnblogs.com/mufc-go/archive/2017/04/01/6657356.html
-Advertisement-
Play Games

randomjson用來根據模型隨機生成json,mock json數據的時候特別有用 ...


前端開發中,在做前後端分離的時候,經常需要手寫json數據,有2個問題特別揪心:

1,數據是寫死的,不能按一定的條件隨機生成長度不一,內容不一的數據

2,寫數組的時候,如果有很多條,需要一條一條地寫,費時費力

randomjson用來根據模型隨機生成json,mock json數據的時候特別有用

github地址:

https://github.com/finance-sh/randomjson

如何使用

安裝

   npm install randomjson

用法

    // 引用包
    var randomjson = require('randomjson');
    // 模型
    modelJson = {
        "ret": "200",
        "msg": "<@string{1,10}|number>",
        "p1": "<@null>",
        "info": "<@chinese>",
        "p2": "<@boolean>",
        "p7": {
            "p11<@{2,5}>": [
                {
                    "p8": "12312",
                    "p9": ["<@string{4,7}>"],
                    "p10": "<@string>"
                }
            ]
        },
        "data<@{1,10}>": [
            {
                "p8": "12312",
                "p9": 7777,
                "p10": "<@string>"
            }
        ],
        "p15": "<@number{4}>-<@number{2}>-<@number{2}>"
    }
    // 根據模型生成json
    var myJson = randomjson(modelJson);
    
    根據上邊模型生成的json可能是這樣:
    
    {
        "ret": 1708,
        "msg": "This Ec",
        "p1": null,
        "info": "集中第六版的發展始於2",
        "p2": true,
        "p7": {
            "p11": [{
                "p8": "12312",
                "p9": ["This"],
                "p10": "This Ecma Standa"
            }, {
                "p8": "12312",
                "p9": ["This"],
                "p10": "This Ecma Standa"
            }, {
                "p8": "12312",
                "p9": ["This E"],
                "p10": "This "
            }]
        },
        "data": [{
            "p8": "12312",
            "p9": 7777,
            "p10": "This Ecma St"
        }, {
            "p8": "12312",
            "p9": 7777,
            "p10": "This Ecma Standard d"
        }, {
            "p8": "12312",
            "p9": 7777,
            "p10": "This Ecma Standard d"
        }, {
            "p8": "12312",
            "p9": 7777,
            "p10": "This Ecma"
        }, {
            "p8": "12312",
            "p9": 7777,
            "p10": "This Ecma Standa"
        }, {
            "p8": "12312",
            "p9": 7777,
            "p10": "This E"
        }],
        "p15": "8302-82-22"
        }
    

詞法

   以<@開始,以>結束,中間內容是randomjson的詞法

模型定義

數據類型

   "<@number>": number類型

   "<@string>": string類型

   "<@null>": null

   "<@boolean>": boolean類型

   "<@chinese>": 中文字元串

量詞

   {minNumber, maxNumber}: minNumber到maxNumber個

   {minNumber,}: 最少minNumber

   {number}: number個

隨機生成其中之一

你可以使用“|” 要分離多個選項,隨機值是其中之一

量詞定義註意點

   值為非數組時,長度在value字元串里,例如:"ret": "<@number{4}>"

   值為數組時,長度在key里,例如:

            "p11<@{2,5}>": [{
                "p8": "12312",
                "p9": ["<@string{4,7}>"],
                "p10": "<@string>"
            }]

目前項目還在繼續開發中

 

github地址:

https://github.com/finance-sh/randomjson


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 原文標題:UI5 Programming Examples 本文鏈接:http://www.cnblogs.com/hhelibeb/p/6654829.html 大家好, 首先,我想對貢獻了這些例子的人們說句謝謝。 1. 表示例: 獲取選定行的值 JS Bin – Collaborative Ja ...
  • 複習CSS時發現很多選擇器不會,因為平時很少用到。現在乾脆一不做二不修,全部溫習一遍。本文參考http://css.doyoe.com/. ...
  • 總結了三種非同步請求方式,XHR、Promise和Fetch,以及兩種跨域方案JSONP和CORS。文章淺顯移動,圖片豐富。不信?你進來看啊。 ...
  • 1.onclick事件 <button type="button" onclick="alert('Welcome!')">點擊這裡</button> <div onclick="alert('Welcome!')">點擊這個div</div> 2.改變 HTML 內容 添加按鈕,並調用onclic ...
  • 今天複習css時發現::的css選擇器,查了一下,知道有偽元素和偽類這件事,他們的區別是什麼呢?很幸運已經有人總結好了!CSS3偽類和偽元素的特性和區別。前端er們大都或多或少地接觸過CSS偽類和偽元素,比如最常見的:focus,:hover以及標簽的:link、visited等,偽元素較常見的比如... ...
  • <img class="desc_img" src="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=js&step_word=&hs=0&pn=0&spn=0&di=71153791170&pi=0&rn=1&tn... ...
  • 作用域是什麼? 作用域是什麼? 答:在《你不知道的javascript》書中提到,作用域就是根據名稱查找變數的一套規則。古語有“無規矩不成方圓”,但是沒有方圓,規矩又給誰用?所以個人理解作用域就是“規矩”+”方圓“。 書中提到作用域共有兩種主要的工作模型。第一種是詞法作用域,另外一種叫作動態作用域。 ...
  • javascript: 基於瀏覽器 基於對象 事件驅動 腳本語言 由: javascript: ECMAscript(ES) DOM文檔對象模型 BOM瀏覽器對象模型,三部分組成 使用js的三種方式 1.HTML標簽中內嵌js:<button ondblclick="javascript:alert ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...