基于Vue的会员管理系统(一)

项目是在一个Vue学习教程里跟做的,不会全盘细节都作记录,只记录一些自己的收获和一些特别需要注意的坑。
项目效果(只展示会员管理这一界面):
基于Vue的会员管理系统(一)
项目需要的技术:
基于Vue的会员管理系统(一)
1. 前后端分离

  1. 前后端约定好API接口、数据、参数
    项目中api接口均已给出
  2. 前后端并行开发
    前端写html页面,通过http请求调用后端提供的api
    后端开发api

2. 生成假数据,不依赖后端开发的接口
为了不依赖后端提供的api,前端可使用mock.js数据生成器生成假数据,便于测试与后台的交互。
通过一定规则 (API文档)生成模拟数据接口, 提供给前端人员进行测试。
通过拦截 Ajax 请求,根据数据模板生成并返回模拟数据

数据模板定义规范自行查找(包括有属性值和占位符)

Restful 架构: 通过HTTP请求方式(GET/POST/PUT/DELETE…)来区分对资源CRUD操作
(就是一种定义接口的方式,相较于传统更直观明了?(直观感受))

Easy Mock 是一个可视化,并且能快速生成模拟数据的服务。内置了mock.js
创建接口,输入mock.js代码,定义method、url、描述