js学习总结----crm客户管理系统之项目开发流程和api接口文档

CRM ->客户管理系统

CMS ->内容发布管理系统

ERP ->企业战略信息管理系统

OA -> 企业办公管理系统

产品 / UI设计：需求分析，产品定位，市场调查...按照产品的规划设计出对应的效果图(PSD->photoshop)

前端开发工程师

　　API接口文档（应用程序接口）

后台开发工程师

 

功能分析：

1、获取所有的客户信息

2、把页面中新填写的客户信息获取到，增加新的客户（把新的客户信息存储到服务器上）

3、获取某一个指定的客户的信息，把信息放入到页面中的对应位置

4、把原有客户的某些信息进行修改（把服务器上存储的那一份信息修改了）

5、删除指定客户信息（把服务器上之前存储的某一条删除掉）

服务器端后台开发:

首先需要在服务器上搭建一个服务（监听一个端口），把我们的项目发布出去

1、根据客户端的请求把所有的客户信息准备好，并且返回给客户端

2、把客户端传递进来的新的客户信息增加到服务器的指定位置上（正常情况下都是存储在数据库中，我们这个案例用文件存储代替数据库存储），并且告诉客户端增加成功还是失败

客户端前端开发：

拿到PSD的效果图后，编写HTML+CSS等

1、通过AJAX向服务器端发送一个请求，把数据获取到，解析和数据绑定

2、把页面中用户输入的信息获取到，并且通过AJAX传递给服务器，接收服务器端告诉我们的成功还是失败，进行后续的操作。

 

API接口文档

客户端和服务器端的内容数据的传输一般都是通过JSON格式的字符串进行的

1、获取所有的客户信息

URL:"/getList"  GET 

参数:(客户端传递给服务器端的内容)

返回:(服务器端返回给客户端的内容)

　　'{

　　　　"code":0,//返回结果的标识 0 代表成功 1代表失败（没有任何的客户信息）

　　　　"msg":"获取成功",//返回结果标识的说明信息

　　　　"data":[

　　　　　　{"id":xx,"name":"xxx","age":xx,"phone":"xxx","address":"xxxxxx"}

　　　　　　...

　　　　]

　　}'

2、获取具体的某一个客户的信息

URL:"/getInfo" GET

参数:?id=xx 把需要获取的客户的ID传递给服务器

返回:'{

　　"code":0,

　　"msg":"",

　　"data":{

　　　　"id":xxx,

　　　　"name":xxx,

　　　　"age":xx,

　　　　"phone":"",

　　　　"address":""

　　}

}'

3、增加客户信息

URL:"/addInfo" POST

参数:请求主体中 '{"name":"","age":xx,"phone":xx,"address":xxx}'

(少了一个ID，在增加的过程中，我们的ID是服务器端自动按照规律生成的：在现有的最后一个客户ID的基础上+1即可)

返回:

　　'{

　　　　"code":0,

　　　　"msg":""

　　}'

4、修改用户信息

URl："updateInfo" POST

参数:请求主体中 '{"id":xx,"name":xx,"age":"","phone":xxx,"address":xx}'

返回:

'{

　　"code":0,

　　"msg":""

}'

5、删除客户信息

URL:"/removeInfo" GET

参数:?id=xx

返回:

'{

　　"code":0,

　　"msg":""

}'