cloudnote云之印前后台集成思路

关于cloudnote项目的前后台集成思路

（用户层）

1.关于登录

站在用户角度分析，当访问cloudnote网站时，即弹出登陆页面(login.html)，在此界面，用户需要输入用户名与密码，经校验后判断用户是否有权访问。

前端任务：

1）制作login登录页面（应包含保存密码，数据回显等细节）。

2）接收后台传来的 用户名密码 校验结果对象，并做相应的跳转或提示操作。当登陆成功时，跳转至 目录页面content.html。

后台任务：

1）获取到用户输入的 用户名密码 并根据用户名查询数据库相应信息，查询到则比对密码，查询不到返回对应结果集对象。

2）使用HttpSession判断用户的登录状态，设置必要的拦截非法访问(暂时仅拦截content.html页面，因为该页面算是登录后的索引，登陆后的一切操作都建立在该页面)

不同结果返回的结果集对象：

结果集分别包括 结果编码Code，提示语句Msg和操作的用户对象Info，且编码不是1001的情况Info域均为null。

Code:1001&Msg:登录成功&Info:user

Code:8001&Msg:用户名为空

Code:8002&Msg:用户名未注册

Code:8003&Msg:密码错误

Code:8005&Msg:系统繁忙，请稍后再试

2.关于注册

站在用户角度分析，注册入口应设置在登录login.html下，用户点击注册时，跳转至注册页面 register.html,用户填写表单中的注册信息，信息合法的情况下，提交表单后重新跳转至登录页面login.html。

前端任务：

1）在登录页面设置 注册操作 的超链接。

2）设计注册页面register.html。

3）接收后台处理注册信息的结果集，作相应的跳转操作或提示语句。

后台任务：

1）接收用户的注册信息，做合法性和合理性的判断，判断无误后将用户信息存入数据库，并返回对应结果集给前端。

不同结果返回的结果集对象：

Code:1001&Msg:注册成功&Info:user

Code:8001&Msg:用户名长度应在1~16位

Code:8002&Msg:密码长度应在1~16位

Code:8003&Msg:用户名已存在

Code:8005&Msg:系统繁忙，请稍后再试

3.修改密码

用户角度分析，在登录后的content.html页面的 个人中心模块，点击修改密码，进入modifyPwd.html页面，用户输入 用户名，旧密码和新密码，点击提交，优先判断用户名旧密码是否匹配，再检查新密码是否合法，一切无误以后即跳转至 modifyPwdSuccess.html页面，该页面存在返回登录页面的超链接。

前端任务：

1）在content.html页面加入修改密码的超链接。

2）设计 修改密码页面 modifyPwd.html。

3）设计修改密码成功页面modifyPwdSuccess.html

3）接收后台传来的处理结果集对象，并做相应的跳转或提示操作。当结果集对象结果编码为1001时，跳转至modifyPwdSuccess.html。在其上添加 返回登陆页面的超链接。

4）小细节：如果用户登录时有勾选 记住我 ，修改密码后无比清除浏览器中的Cookie从而使下次重新登录。

后台任务：

1）获取到前端表单传入的信息，优先判断用户名和旧密码是否匹配，再判断新密码是否合法，确保一切无误以后，在数据库更新用户修改的密码，并返回对应的结果集。

2）小细节：修改密码后应注意清空用户的Session域，使其变为未登录状态。

不同结果返回的结果集对象：

Code:1001&Msg:修改密码成功&Info:user

Code:8001&Msg:用户名与密码不匹配

Code:8002&Msg:密码长度应在1~16位

Code:8005&Msg:系统繁忙，请稍后再试

4.修改个人信息

用户角度分析，用户进入content页面中的 个人中心 ，即显示用户的个人信息，鼠标点击对应个人信息栏，亦可修改对应个人信息。

前端任务：

1）在content中设计 分页（不确定是否叫分页），展示个人中心。

2）该页面应存在修改功能，将修改数据传给后台即可。

3）接收后台处理的结果集，结果集对象合理时再修改页面数据。

后台任务：

1）拿到前端修改的信息，判断合法性后更新数据库，并返回对应的结果集即可。

不同结果返回的结果集对象：

Code:1001&Msg:修改信息成功&Info:user

Code:8005&Msg:系统繁忙，请稍后再试

5.退出登录

用户角度分析，在content.html中存在 退出登录 按键，用户点击以后退回到登录页面。

前端任务：

1）在content.html页面设置 退出登录 的按钮。

2）将退出指令传给后台，后台处理后返回结果集，结果集对象返回后，跳转至登陆页面 login.html即可。

后台任务：

1）接收到前台传来的退出指令，销毁服务器的Session对象，删除浏览器的Cookie对象。

2）返回给前台结果集对象即可。

（云记类型层）

1.查看所有类型

用户角度分析：用户在content.html中点击 我的类型 分页时，分页下展示所有类型。

前端任务：

1）设计 我的类型 分页。

2）将查询所有云记的请求传给后台。

3）接收后台的处理结果集对象，并做对应的打印或提示语句。

后台任务：

1）接收前端传入的 指令，在类型数据库中查询到所有 类型。

2）将查询到的所有类型传入type对象，并加入结果集的Info域中，返回结果集给前端。

2.创建一条新的类型

用户角度分析，用户在类型分页中点击新建类型，即可跳转至新建类型的页面，填入要创建类型的名字，等待检查无误后即创建成功。

前端任务：

1）在 类型分页 中添加创建按钮。

2）用户点击创建时，页面跳转至新建页面的表单，并向后台发送信息。

3）接收后台返回的结果集，检查无误的情况下，做对应的跳转或打印操作。

后台任务：

1）接收前端传来的表单数据，检查其是否合法合理。

2）检查合理时，向数据库添加一条新的记录，并返回相应的结果集。

不同结果返回的结果集对象：

Code:1001&Msg:新建成功&Info:type

Code:8005&Msg:系统繁忙，请稍后再试