1.背景概述
项目概述:能够实现在线聊天功能的SPA应用。
技术栈:jquery+WebSocket+nodejs+mongoose。
源代码:https://github.com/zjjxj/goChat
2.项目详情
很久以前就想来写个项目过程记录文档,因为整个项目过程中实在时学到了太多东西想让我有记录下来的冲动。
没做这个项目之前,很多次都有听说SPA应用,但是一直都是一知半解,之后看了一本SPA实践教程的书,说实话,看的很吃力。很多设计理念和代码组织方式没办法理解。之后就打算自己动手先做起来。整个项目做下来,到现在也只敢说完成了大概70%,很多细节还没有实现。但对很多概念也有了自己的理解。
SPA应用通俗点来说就是整个应用的功能都在一个页面上完成,也就是后端不再进行页面渲染和一些业务逻辑的工作,把这些任务都交给前端来处理。所以前端的代码量就会番倍的增长,那前端的架构设计代码组织就显的格外的重要。下面具体来看这个项目。
业务流程:
首先用户要通过填入用户名,密码,手机号进行账号的注册。注册成功后即可通过登录进入聊天室。关于注册,我就是用一个表单将信息提交到后台进行处理保存的,没有什么特殊的设计,所以接下来主要讲一下用户登录开始的一些业务流程。
- 用户填写账户名密码,点击登录按钮
- 将信息发往后台进行验证。若信息正确,则的登录成功,进入用户个人界面,此时后台也会保存用户的登录状态,并向所有在线人员广播,该用户已上线,并对所