前端信息组件信息沟通.md

信息收发方式

发送信息

每个组件通过 let response = this.$send(data) 可以发送信息到后台，response保存了信息的回复。response是一个promise对象，虽然是异步执行，但是在写代码的时候可以当成同步顺序执行。

查看信息

在获得回复之后，使用 response.then(data =>{/*数据处理逻辑*/}) 或者 response.then(function(data){/*数据处理逻辑*/}) 来处理数据，then函数接受一个函数作为参数，在这个函数中传入一个叫做data的参数，访问data可以获得回复的信息，比如status = data.status

设置cookie

首先在github上拉取最新的版本代码，在目录下面运行npm install,会自动安装上js-cookie这个包，具体api的使用说明参考链接。使用的时候，需要在js中引入这个包 import Cookie from 'js-cookie' 然后就可以在代码中使用Cookie.set(name,value)之类的操作来对cookie进行读写了。

自建后台测试

1. 参考express安装教程来进行express的安装
2. 将testBackend.js文件复制到express文件夹中
3. 命令行输入node testBackend.js来启动后台
4. 打开浏览器http://localhost:3001,看到提示字样证明工作正常
5. 修改testBackend.js文件的相关内容来定制信息收发。

登录

• 由Login组件发送信息，接受到信息之后将 用户id，用户昵称，session_id写入cookie。一共占用三个cookie域。
• 成功后发送一个事件，通知导航栏NavTop组件进行状态变更。
• 失败时使用错误框来提示错误，控制逻辑在Login实现

注册

• 由Login组件发送信息，接受到信息之后将 用户id，用户昵称，session_id写入cookie。一共占用三个cookie域。
• 成功后调用自己的登录api进行登录
• 失败时使用错误框来提示错误，控制逻辑在Login实现

请求密保问题

• 由Person组件发送信息,需要的用户信息从cookie读取
• 成功后显示成功提示，保存密保问题到组件中
• 失败时使用错误框提示错误

修改密码

• 由Person组件发送信息,需要的用户信息从cookie读取
• 成功后显示成功提示
• 失败时使用错误框提示错误

修改昵称

• 由Person组件发送信息,需要的用户信息从cookie读取
• 成功后显示提示，更新新的昵称
• 失败时使用错误框提示错误

请求地址簿

• 由地址簿组件完成，不需要和其它组件交互

修改地址簿

• 由地址簿组件完成，不需要和其它组件交互