zoukankan      html  css  js  c++  java
  • mock.js 学习

    安装

    npm install mockjs

    使用

    // 引入
    import Mock from 'mockjs'

    Mock.setup({
    timeout: '200 - 400'
    })

    const Random = Mock.Random;
    // 导航信息
    const produceNewsData = function () {
    let articles = [];
    for (let i = 0; i < 20; i++) {
    let newArticleObject = {
    id: i,
    title: Random.csentence(2, 5),
    thumbnail_pic_s: Random.dataImage('80*80', 'mock的图片'),
    // author_name: Random.cname(),
    date: Random.date() + ' ' + Random.time()
    }
    articles.push(newArticleObject)
    }

    return {
    articles: articles
    }
    }

    // 推荐商家
    const recommendBusinessman = function () {
    let articles = [];
    for (let i = 0; i < 40; i++) {
    let newArticleObject = {
    id: i,
    title: Random.csentence(2, 12),
    thumbnail_pic_s: Random.dataImage('65*65', 'mock的图片'),
    brand: Random.boolean(),
    basePrice: Random.natural(0, 100),
    expressPrcie: Random.natural(0, 10),
    popularity: Random.boolean(),
    }
    articles.push(newArticleObject)
    }

    return {
    articles: articles
    }
    }


    // 订单列表
    const orderList = function () {
    let articles = [];
    for (let i = 0; i < 40; i++) {
    let newArticleObject = {
    id: i,
    title: Random.csentence(2, 12),
    orderState: Random.boolean(),
    productInfo: Random.csentence(2, 12),
    productPrice: Random.natural(0, 10),
    date: Random.date() + ' ' + Random.time()
    }
    articles.push(newArticleObject)
    }

    return {
    articles: articles
    }
    }


    // 我的信息
    const myInfo = function () {
    let articles = [];
    for (let i = 0; i < 1; i++) {
    let newArticleObject = {
    userName: Random.csentence(2, 5),
    userTel: '17748682298',
    userRedPacketNum: Random.csentence(0, 12),
    userGoldNum: Random.natural(0, 10),
    date: Random.date() + ' ' + Random.time()
    }
    articles.push(newArticleObject)
    }

    return {
    articles: articles
    }
    }

    const userInfoWord = {
    userName: '17748682298',
    userPassWord: '187521ZZ'
    }
    //验证登陆信息
    function loginFun(prarms) {
    const prarmsObj = prarms.body
    let splitObj = prarmsObj.split("=")
    prarms = {
    name: splitObj[1].split('&')[0],
    userWord: splitObj[2]
    }
    if (userInfoWord.userName === prarms.user || prarms.userWord === userInfoWord.userPassWord) {
    return {
    code: 1,
    text: '登录成功'
    }
    } else {
    return {
    code: 2,
    text: '用户名或密码错误'
    }
    }
    }

    // 订单列表
    Mock.mock('/orderlist', /post|get/i, orderList)

    // 导航信息
    Mock.mock('/nav', /post|get/i, produceNewsData)

    // 推荐商家
    Mock.mock('/recommendBusinessman', /post|get/i, recommendBusinessman)

    // 我的信息
    Mock.mock('/myinfo', /post|get/i, myInfo)

    // 推荐登陆
    Mock.mock('/loginfun', /post|get/i, loginFun)
  • 相关阅读:
    P3501 [POI2010]ANT-Antisymmetry
    P3498 [POI2010]KOR-Beads(hash表)
    UVA10298 Power Strings
    UVA1714 Keyboarding(bfs)
    P4289 [HAOI2008]移动玩具(bfs)
    Ubuntu分辨率太小的解决方案
    Ubuntu分辨率太小的解决方案
    主板亮红灯,显示器没信号
    主板亮红灯,显示器没信号
    VS注释与取消注释快捷键
  • 原文地址:https://www.cnblogs.com/ralapgao/p/12090028.html
Copyright © 2011-2022 走看看