简写 | 名称 |
---|---|
CRM | 客户管理系统 |
CMS | 内容发布管理系统 |
ERP | 企业战略信息管理系统 |
OA | 企业办公办理系统 |
项目开发流程
产品/UI:需求分析,产品定位,市场调查。。。按照产品的规划设计对应的效果图(psd–切图取涂层量像素量颜色值)
前端/后台工程师
1、获取所有的客户信息
2、增加客户信息
3、获取指定的客户信息,信息放到页面对应位置
4、修改原有的客户信息
5、删除客户信息(把服务器之前存储的某条信息删除)
服务器后台开发:
首先在服务器上搭建一个服务(监听一端口),把项目发布发出
1、根据客户端请求把客户端信息准备好,并返回给客户端
2、把客户端传递进来的新的客户信息增加到服务器的指定位置(正常情况下是存储到数据库:Oracle,SQL server ,MySQL,Access
中(本案例用文件存储代替数据库存储)),并告诉客户端增加是否成功
–>API接口文档(应用程序接口)–向服务器拿数据的地址
客户端前端开发:
拿到PSD效果图,编写HTML+CSS等
1、通过Ajax向服务器端发送一个请求,把数据获取得到,解析和数据绑定
2、把页面输入的信息获取到,通过Ajax传递给服务器,接收服务器端告诉的成功和失败,做后续操作
扩展: API接口文档
客户端 <–> 服务端
一般都是JSON格式的字符串
- 1、获取所有的客户信息
URL:/getList GET
参数:(客户端–>服务器端) 无
返回:(服务器端–>客户端)12345678{"code":0,//->返回结果的标识,0是成功 1失败(无客户信息)..."msg":"成功!",//->返回结果的标识说明信息"data":[{"id":1,"name":"珠峰培训","age":7,"phone":"13041086186","address":"北京市昌平区回龙观东大街"},//id是唯一的......]//->包含了所需要的所有的客户信息}
2、增加客户信息
URL:/addInfo POST
参数:’{“name”:”xxx”,”age”:xxx,”phone”:””,”address”:””}’ –>客户的ID是唯一的,服务器端在新增加数据的时候,新增数据的ID应该在当前最大ID的基础上累加1得到的
返回:
3、获取指定的客户信息,信息放到页面对应位置
URL:/getInfo GET
参数:?Id=xxx ->需要获取的客户的ID传给服务器端
返回:
4、修改原有的客户信息
URL:/updateInfo POST
参数:’{“id”:1,””name”:”xxx”,”age”:xxx,”phone”:””,”address”:””}’
返回:
5、删除客户信息(把服务器之前存储的某条信息删除)
URL:/removeInfo GET
参数:?customId=xxx 想要删除谁就把对应的客户ID传递给服务器
返回:
‘{
“code”:0,//->0成功 1失败,没有当前客户
“msg”:”当前客户不存在!”
}’
重要的项目思想:
我有一个页面A,还有一个页面B,我想在B页面中获取到A页面中的内容信息,我们把这种需求叫做页面之间的通信.
实现页面之间的通信:
->URL问号传参
例如:A是列表页,B是详细页,从A页面中,点击不同的内容跳转到B页面,B页面展示的内容不一样,在A中点击的是谁,那么B页面就展示谁的信息
A:
xxx.href='B.html?标识=值';
B:
->首先把URL传递进来的值获取到
->根据传递值的不一样,从服务器端获取到不一样的数据
->把获取的数据动态展示在页面上
->本地存储
->IFRAME嵌入
->目前比较主流的单页面应用开发