一、目标
vue + node 实现你画我猜
先做个手机网页版功能，后续目标是迁移到微信小程序上
二、技术方案
前端主要用到了webSocket + vuex + vuerouter + webpack
后端用 koa2框架 + ws库
三、主要功能
- 创建私有房间
- 创建公共房间
- 邀请好友
- 匹配功能
- 排位功能
- 注册登录
- 用户分数排名
- 修改头像名称
- 选画笔颜色和大小
- 清除画板
- 返回上一步操作和进入下一步操作
- 聊天功能
四、难点
- canvas 画图
- webSocket 通信
- vuex + vuerouter 的应用
- 数据库的设计
五、本周主要实现的功能
- 用vue搭建了前端项目和用koa搭建了后端项目
- 登陆
- 创建房间
- 画笔颜色大小
- 画图通信
- 目前设计了三张表
draw_userinfo 保存用户信息image.png
draw_room 保存房间名 创建时间 状态image.png
draw_roomuser 保存房间跟用户之间的信息image.png
image.png
