個人部落格開發系列 文章實時儲存

2021-09-11 15:38:18 字數 1445 閱讀 7942

使用websocket來進行瀏覽器與伺服器的實時通訊;

服務端使用定時任務(如每天凌晨3點),將redis快取的資料儲存到mysql資料庫中;

瀏覽器端初次進入新增文章頁面時,使用websocket從服務端獲取資料(先從redis中查詢,如果沒有則再從mysql資料庫中查詢);

使用vue.js的watch來監聽文章的變化,變化時使用websocket向服務端傳送資料。

文章儲存時清空redismysql中實時儲存的資料。

talk is cheap. show me the code.

本功能只是個人部落格後台使用,沒有多賬戶體系,所以redismysql中都是儲存一條記錄。如果需要按不同使用者來儲存的話,需要自行開發。

**比較多,具體的**就不貼了,有興趣的可以去我的github上檢視原始碼。這裡只說明一下各個檔案中**的用處。

1. /server/util/draft-socketio.js

服務端websocket服務,使用了socket.io庫。

2./server/util/draft-redis.js

redissetget的公共方法。

3./server/util/redis-mysql.js

4. /src/main.js

瀏覽器端先引入socket.io,使用了vue-socket.iosocket.io-client庫。

複製**5./src/pages/edit.vue

使用websocket從服務端獲取資料,並實時將資料傳輸到服務端進行儲存。

整個功能其實就是websocketredismysql的使用,這幾個之前都用過,所以開發起來還是比較容易。最重要的是要先想好解決方案。

最後照例求一下forkstar

個人部落格開發系列 前台部落格頁面開發部署完成

之前使用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開...