• 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)
  • 相关阅读:
    L05 Laravel 教程 电商实战
    laravel 5.5 登录验证码 captcha 引入
    thinkphp 清理runtime缓存的方法, 清理指定目录
    艾伟也谈项目管理,项目经理要如何看待技术? 狼人:
    艾伟也谈项目管理,带领团队发挥最大潜能的10个技巧 狼人:
    艾伟也谈项目管理,聊聊我们团队的绩效管理 狼人:
    艾伟也谈项目管理,创建敏捷团队 狼人:
    艾伟也谈项目管理,多任务让你走得更慢 狼人:
    艾伟也谈项目管理,项目经理的思维批判 狼人:
    艾伟也谈项目管理,创业公司技术选型参考 狼人:
  • 原文地址:https://www.cnblogs.com/ralapgao/p/12090028.html
Copyright © 2020-2023  润新知