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

標籤：loading   mysql   webp   html      src   bpa   https   alt   

 請表明轉載連結：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， 希望大家運行後，有問題及時反饋，我會及時修改，謝謝大家。

 

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