源码:https://gitee.com/c__rachel/mms.git
项目不会全盘细节都作记录,只记录一些自己的收获和一些特别需要注意的坑。
项目效果(只展示会员管理这一界面):
项目需要的技术:
1. 前后端分离
- 前后端约定好API接口、数据、参数
项目中api接口均已给出 - 前后端并行开发
前端写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、描述