为了以后的自己能偷懒

发表于 | 分类于

在项目开发的过程的经常会做一些重复的工作以及遇到一些类似的问题！ 特别在新开一个工程的时候！

API接口

目前大部分的工程开发都已经做到了前后端分离。后端的小伙伴提供api接口,作为前端的我们使用ajax调用api接口获取数据，再渲染出相对应的界面！在实际的项目中，可能会遇到以下几个问题

前后端同步开发时, Mock的使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
const express = require('express')
const router = express.Router()

// 使用 Mock
var Mock = require('mockjs')

router.get('/test', (req, res) => {
  var data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|10': [{
      // 属性 id 是一个自增数，起始值为 1，每次增 1
      'id|+1': 1,
      'task_id|+1': 1,
      'name|1': '@cname()',
      'time_begin': '@datetime("yyyy-MM-dd HH:mm:ss")',
      'time_end': '@datetime("yyyy-MM-dd HH:mm:ss")'
    }]
  })
  res.json({
    code: 200,
    message: data
  })
})

router.get('*', (req, res) => {
  res.json({
    code: -200,
    message: '没有找到该页面'
  })
})

module.exports = router

初始化模板 —— 后台管理篇

1
vue init 1xuanyuan1/admin-cli my-project