zoukankan      html  css  js  c++  java
  • 基于NodeJS的秘室聊天室

    借着放假期间将NodeJS重新回顾了一下并玩了一下sketch来进行设计界面,很不错。(注:代码整理后会放到github上,请关注。)

    本次聊天室我给它定义了一个名称叫“秘密聊天室”。

    需求

    技术选型

    后端:NodeJs,Socket.io,中间件(express,body-parser,multer,ejs),mongoose

             express:是NodeJs Web应用框架,主要是要理解它的router

             body-parser:用于获取req中的参数值

             multer:用于上传文件

             ejs:用于模板渲染

         mongoose:连接mongoose数据库

    数据库:mongodb

    前端:bootstrap布局,vuejs进行双向绑定,请求还是使用的jquery的ajax,未使用fetch(主要是bootstrap是基于jquery的,所以没用使用webpack或browerify等打包工具进行处理fetch)。

    实现

      1、创建web服务器

      

      2、进行身份认证,哪些路由要进行身份处理。

      

      4、数据库配置

      

      5、定义数据模型

      

      6、用户注册,登录

      

      7、建立socket.io

      

      8、前端代码就比较简单了,无否是一些请求而已,下面只截取前端socke.io部分。

      

      

    运行效果

      1、登录

      

      2、主界面

      

      3、创建房间(创建自己感兴趣的话题)

      

      3、模拟两个用户

      

      4、每个房间鼠标移入会显示房间内容

      

      5、加入房间,会提示谁加入

      

      6、退出房间,同样会有提示,房间之间互不影响。

      

      7、消息

      

    在现阶段还有未完成部分。如消息的保存,人员头像,收藏等。

    后续,希望可以将nodejs消息处理做成一个通用组件,安装消息中心后,任何系统中可以很方便调用。

    最后来一张sketch的设计稿

  • 相关阅读:
    最长公共子序列
    字符串循环左移
    收集雨水问题
    直方图最大矩阵面积
    逆波兰表达式
    最长括号匹配问题
    机器学习中用来防止过拟合的方法有哪些?
    制作coco数据集以在Detectron框架上进行数据的训练
    关于训练集,验证集,测试集的划分
    配置CUDA和cuDNN以及Detectron过程
  • 原文地址:https://www.cnblogs.com/tom-zhu/p/5352474.html
Copyright © 2011-2022 走看看