使用websocket
來進行瀏覽器與伺服器的實時通訊;
服務端使用定時任務(如每天凌晨3點),將redis
快取的資料儲存到mysql
資料庫中;
瀏覽器端初次進入新增文章頁面時,使用websocket
從服務端獲取資料(先從redis
中查詢,如果沒有則再從mysql
資料庫中查詢);
使用vue.js
的watch來監聽文章的變化,變化時使用websocket
向服務端傳送資料。
文章儲存時清空redis
和mysql
中實時儲存的資料。
talk is cheap. show me the code.
本功能只是個人部落格後台使用,沒有多賬戶體系,所以1. /server/util/draft-socketio.jsredis
和mysql
中都是儲存一條記錄。如果需要按不同使用者來儲存的話,需要自行開發。**比較多,具體的**就不貼了,有興趣的可以去
我的github
上檢視原始碼。這裡只說明一下各個檔案中**的用處。
服務端websocket
服務,使用了socket.io
庫。
2./server/util/draft-redis.js
redis
的set
和get
的公共方法。
3./server/util/redis-mysql.js
4. /src/main.js
瀏覽器端先引入socket.io
,使用了vue-socket.io
和socket.io-client
庫。
複製**5./src/pages/edit.vue
使用websocket
從服務端獲取資料,並實時將資料傳輸到服務端進行儲存。
整個功能其實就是websocket
、redis
和mysql
的使用,這幾個之前都用過,所以開發起來還是比較容易。最重要的是要先想好解決方案。
最後照例求一下fork
和star
。
個人部落格開發系列 前台部落格頁面開發部署完成
之前使用js html5 css3 node.js express.js mongodb開發過乙個部落格 也部署了一段時間,但當時剛開始搞前端,寫的不是很滿意。後來就廢棄了。今年又使用hexo github pages部署了乙個部落格,但自由度太低。所以最後還是決定重新寫乙個部落格。此篇文章先介紹下...
Castle 開發系列文章
castle 是針對.net平台的乙個開源專案,從資料訪問框架orm到ioc容器,再到web層的mvc框架 aop,基本包括了整個開發過程中的所有東西,為我們快速的構建企業級的應用程式提供了很好的服務。4月份以來,terrylee寫了一系列的castle的文章,這裡做一下總結,後續還有facilit...
iOS開發系列文章
ios開發系列的文章,內容循序漸進,包含c語言 objc ios開發以及日後要寫的遊戲開發和swift程式設計幾部分內容。文章會持續更新,希望大家多多關注,如果文章對你有幫助請點贊支援,多謝!ios開發系列 c語言之基礎知識 ios開發系列 c語言之陣列和字串 ios開發系列 c語言之指標 ios開...