最新的chart 聊天功能（ webpack2 + react + router + redux + scss + nodejs + express + mysql + es6/7）

 請代表轉載連接：http://www.cnblogs.com/zhangkunweb/p/6853728.html

我是一個喜歡搗騰的人，沒事總喜歡學點新東西，可能如今用不到，可是不保證下一刻用不到。

我一直從事的是依賴angular.js 的web開發，可是我怎麼能一直用它呢？看看最近火的一塌糊塗的reactjs ，個人天啊，不學會它，怎麼能睡好覺。

今天我分享一個依賴最新版本的webpack + react + router + redux + scss + nodejs + mysql + es6/7 實現一個聊天功能。

（能夠點擊下載：https://github.com/zhangKunUserGit/myChart）它包括：（頭像是隨便弄得，如今沒有什麼功能和意義）

（1）登陸/註冊   

（2）聊天

特點：

　　1.支持檢查用戶名重複和密碼錯誤；

　　2.支持多處登陸聊天，其中一處退出不影響其餘設備（不一樣瀏覽器）登陸狀況

　　3.點擊鼠標右鍵，能夠操做本身的聊天信息（如今只作了刪除功能）；

　　4.能夠上下伸縮信息框和輸入框；

　　5.聊天信息支持分批加載；

　　6.在輸入框上 按Shift+Enter換行，Enter發送信息；

　　7.加載時，導航下面有流行的loading 動畫效果；

 

因爲精力和時間問題，它是不完美的，它的不足：

　　1.暫時不支持一鍵複製和編輯；

　　2.沒有私聊和房間（羣）的功能；

　　3.沒有添加好友功能；

　　4.暫時沒寫響應式；

　　5.沒有頭像上傳和截圖功能；

　　6.忘記密碼和編輯本身的信息功能；

　　8.沒有單元測試；

　　9.。。。。。。

 

看樣子功能還有不少沒作啊。我有時間必定補上，如何你有時間也能夠幫我補補。

最後附上個人mysql 表 ，我總共建立了兩個表，一個叫users,存用戶的信息；另外一個是chartContent, 存聊天信息；列名以下：

（1）users表：

（2）chartContent表：

因爲沒有通過專業測試人員測試，因此可能有bugs， 但願你們運行後，有問題及時反饋，我會及時修改，謝謝你們。