学习记录(day15-开发中数据和数据库不对应处理方式、mock.js 模拟数据)

[TOC]

1. 开发中数据和数据库不对应处理方式

1.1 前端处理

1.2 后端处理

2. mock.js 模拟数据

• 步骤一：下载mock.js

npm install mockjs

• 步骤二：导入mock.js

import Mock from 'mockjs'

• 步骤三：肯定拦截资源

Mock.mock(路径, 请求方式, 模拟的数据)
	//路径：必须是完整的   http://localhost:8080/user
	//请求方式：get、post 等
	//模拟数据：就是postman提供的

// 1 导入mockjs
import Mock from 'mockjs'
// 2 肯定须要拦截资源：路径，请求方式，生产模拟数据

Mock.mock('http://localhost:8080/user','get',{
    "code": 1,
    "message": "查询全部",
    "data": [
        {
            "uid": 1,
            "username": "@cname",     //@cword
            "password": "1234",
            "roleList": [
                {
                    "rid": 1,
                    "name": "库存管理员"
                },
                {
                    "rid": 2,
                    "name": "后台管理员"
                }
            ]
        },
        {
            "uid": 2,
            "username": "jack",
            "password": "1234",
            "roleList": [
                {
                    "rid": 2,
                    "name": "后台管理员"
                },
                {
                    "rid": 3,
                    "name": "商品管理员"
                }
            ]
        },
        {
            "uid": 3,
            "username": "rose",
            "password": "1234",
            "roleList": []
        }
    ],
    "other": {}
})