数据操作与页面操作分离

    1. const socket = io.connect();
    4. /**
    5.  * 页面触发登录
    6.  * @param {*} name 
    7.  */
    8. page.onLogin = function (name) {
    9.   socket.emit('login', name);
    10. };
    11. /**
    12.  * 页面触发发送信息
    13.  * @param {*} from 
    14.  * @param {*} msg 
    15.  * @param {*} to 
    16.  */
    17. page.onSendMsg = function (from, msg, to) {
    18.   socket.emit('msg', {
    19.     msg,
    20.     to
    21.   })
    22.   page.addMsg(from, msg, to);
    23.   page.clearInput();
    24. }
    27. /**
    28.  * 用户登录
    29.  */
    30. socket.on('login', (result) => {
    31.   if(result) {
    32.     page.switchPage();
    33.     socket.emit('users', '')
    34.   }else {
    35.     alert('用户名不可用')
    36.   }
    37. });
    38. /**
    39.  * 新登录的用户
    40.  */
    41. socket.on('userin', (res) => {
    42.   page.addUser(res)
    43. });
    44. /**
    45.  * 获取用户列表
    46.  */
    47. socket.on('users', res => {
    48.   page.initChatRoom();
    49.   res.forEach(e => {
    50.     page.addUser(e)
    51.   });
    52.   /**
    53.    * 发送给所用人的信息
    54.    */
    55.   socket.on('newmsg', ({form, msg, to}) => {
    56.     page.addMsg(form, msg, to);
    57.   });
    58.   /**
    59.    * 用户退出
    60.    */
    61.   socket.on('userout', res => {
    62.     console.log(res, 'out')
    63.     page.removeUser(res)
    64.   });
    65. });