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)
  • 相关阅读:
    微擎开发------day02
    微擎开发------day01
    Myisam 和 Innodb 区别
    Curl的简单使用步骤
    微信小程序之----获取设备信息
    微信小程序之 -----事件
    微信小程序之---- 数据处理
    微信小程序之----制作视频弹幕
    cocos2dx安卓客户端接入移动MM付费SDK
    Win7 / Win8 搭建配置【vs2010】、【cocos2dx环境】、【Android平台】
  • 原文地址:https://www.cnblogs.com/ralapgao/p/12090028.html
Copyright © 2011-2022 走看看