前端开发
1、根据需求文档+产品原型+UI设计图 实现静态页面
需求:实现 添加用户 、展示所有用户信息、删除用户、通过姓名搜索用户
原型:表单 添加 + 搜索框 + 表格展示
UI:
2、表格展示的数据 ,通过请求后台数据接口 ,得到数据 ,进行渲染
3、点击 表单中的添加 ,将表单数据 通过 请求后台数据接口,发送给后台
4、点击 删除按钮 ,请求后台数据接口,进行删除
5、点击搜索,请求后台数据接口,得到 搜索结果,进行渲染
node后端开发
1、实现 http 服务器
技术栈:node + express
2、实现 数据接口
2-0、新建文件 data.json
{"info":[ {"id":,"name":,"age":} ]}
接口文档:
2-1、所有用户数据
请求方式:GET
请求地址:/userall
上传参数:""
响应数据:
查询成功:{"err":"ok","data":对象}
查询失败:{"err":"no"}
2-2、添加用户
请求方式:POST
请求地址:/adduser
上传参数:id时间戳、 name 用户名、age 年龄
响应数据:
添加成功:{"err":"ok"}
添加失败:{"err":"no"}
2-3、删除用户
请求方式:GET
请求地址:/deluser
上传参数:id
响应数据:
删除成功:{"err":"ok"}
删除失败:{"err":"no"}
2-4、通过用户名 搜索用户
请求方式:GET
请求地址:/searchuser
上传参数:name
响应数据:
搜索成功:data.json 搜索到的数据
搜索失败:{"err":"no"}
3、将前端的 资源文件 发布出去