VUE項目，VUE項目實戰(zhàn)，vue后臺管理系統(tǒng)，前端面試，前端面試項目
p38的user數(shù)據(jù)文件手抄了一下：
import Mock from 'mockjs'
function param20bj(url) {
? ? const search = url.split('?')[1]
? ? if (!search) {
? ? ? ? return {}
? ? }
? ? return JSON.parse(
? ? ? ? '{"' +
? ? ? ? decodeURIComponent(search)
? ? ? ? ? ? .replace(/"/g, '\\"')
? ? ? ? ? ? .replace(/&/g, '","')
? ? ? ? ? ? .replace(/=/g, '":"')
? ? ? ? + '"}'
? ? )
}
let List = []
const count = 200
for (let i = 0; i < count; i++) {
? ? List.push(
? ? ? ? Mock.mock({
? ? ? ? ? ? id: Mock.Random.guid(),
? ? ? ? ? ? name: Mock.Random.cname(),
? ? ? ? ? ? addr: Mock.mock('@county(true)'), 'age|18-60': 1,
? ? ? ? ? ? birth: Mock.Random.date(),
? ? ? ? ? ? sex: Mock.Random.integer(0, 1)
? ? ? ? })
? ? )
}
export default {
? ? /**
? ? ?* 獲取列表
? ? ?* 要帶參數(shù) name, page, limit; name可以不填; page,limit有默認值
? ? ?* @param {*} config
? ? ?* @returns
? ? ?*/
? ? getUserList: config => {
? ? ? ? const { name, page = 1, limit = 20 } = param20bj(config.url)
? ? ? ? console.log('name:' + name, 'page:' + page, '分頁大小limit' + limit)
? ? ? ? const mockList = List.filter(user => {
? ? ? ? ? ? if (name && user.name.indexOf(name) === -1 && user.addr.indexOf(name) === -1) return false
? ? ? ? ? ? return true
? ? ? ? })
? ? ? ? const pageList = mockList.filter((item, index) => index < limit * page && index >= limit * (page-1))
? ? ? ? return {
? ? ? ? ? ? code: 20000,
? ? ? ? ? ? count: mockList.length,
? ? ? ? ? ? list: pageList
? ? ? ? }
? ? },
? ? /**
? ? ?* 增加用戶
? ? ?* @param {*} config
? ? ?* @returns
? ? ?*/
? ? createUser: config => {
? ? ? ? const { name, addr, age, birth, sex } = JSON.parse(config.body)
? ? ? ? console.log(JSON.parse(config.body))
? ? ? ? List.unshift({
? ? ? ? ? ? id: Mock.Random.guid(),
? ? ? ? ? ? name: name,
? ? ? ? ? ? addr: addr,
? ? ? ? ? ? age: age,
? ? ? ? ? ? birth: birth,
? ? ? ? ? ? sex: sex
? ? ? ? })
? ? ? ? return {
? ? ? ? ? ? code: 20000,
? ? ? ? ? ? data: {
? ? ? ? ? ? ? ? message: '添加成功'
? ? ? ? ? ? }
? ? ? ? }
? ? },
? ? /**
? ? ?* 刪除用戶
? ? ?* @param {*} config
? ? ?* @returns
? ? ?*/
? ? deleteUser: config => {
? ? ? ? const { id } = JSON.parse(config.body)
? ? ? ? if (!id) {
? ? ? ? ? ? return {
? ? ? ? ? ? ? ? code: -999,
? ? ? ? ? ? ? ? message: '參數(shù)不正確'
? ? ? ? ? ? }
? ? ? ? } else {
? ? ? ? ? ? List = List.filter(u => u.id !== id)
? ? ? ? ? ? return {
? ? ? ? ? ? ? ? code: 20000,
? ? ? ? ? ? ? ? message: '刪除成功'
? ? ? ? ? ? }
? ? ? ? }
? ? },
? ? /**
? ? ?* 批量刪除
? ? ?* @param {*} config
? ? ?* @returns
? ? ?*/
? ? batchremove: config => {
? ? ? ? const { ids } = JSON.parse(config.url)
? ? ? ? ids = ids.split(',')
? ? ? ? List = List.filter(u => !ids.includes(u.id))
? ? ? ? return {
? ? ? ? ? ? code: 20000,
? ? ? ? ? ? data: {
? ? ? ? ? ? ? ? message: '批量刪除成功'
? ? ? ? ? ? }
? ? ? ? }
? ? },
? ? updateUser: config => {
? ? ? ? const { id, name, addr, age, birth, sex } = JSON.parse(config.body)
? ? ? ? const sex_num = parseInt(sex)
? ? ? ? List.some(u => {
? ? ? ? ? ? if (u.id === id) {
? ? ? ? ? ? ? ? u.name = name
? ? ? ? ? ? ? ? u.addr = addr
? ? ? ? ? ? ? ? u.age = age
? ? ? ? ? ? ? ? u.birth = birth
? ? ? ? ? ? ? ? u.sex = sex_num
? ? ? ? ? ? ? ? return true
? ? ? ? ? ? }
? ? ? ? })
? ? ? ? return {
? ? ? ? ? ? code: 20000,
? ? ? ? ? ? data: {
? ? ? ? ? ? ? ? message: '編輯成功'
? ? ? ? ? ? }
? ? ? ? }
? ? }
}
