1. 程式人生 > 實用技巧 >Vue全家桶+node+koa2+mysql+nginx+redis,全棧部落格專案訓練【1】

Vue全家桶+node+koa2+mysql+nginx+redis,全棧部落格專案訓練【1】

專案介紹和圖片

01 vue部落格前端

使用vue+vuex+vue-router+axios,通過webpack打包。
包括註冊,session登陸功能,上傳圖片,檢視文章,評論點贊等一系列功能。

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述

在這裡插入圖片描述

02 node後臺,使用koa2框架編寫

在這裡插入圖片描述

03 管理部落格介面

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述

分享系列,深入介紹專案

接下來將按照以下環節來深度還原這個專案的編寫過程。

1,node,webpack和vue-cli環境的搭建,使用vue全家桶,寫好路由,構建靜態頁面,為後續的api請求的編寫打下基礎。

2,開始配置node後臺環境,安裝koa2,mysql,redis,nginx等一系列的配置,一步一步來,每一步都有詳細的講解。

3,編寫後臺程式碼,連線資料庫和redis,編寫後臺介面,使用nginx反向代理,解決在本機開發環境上的跨域問題(統一埠號)。

4,編寫管理頁面,js,操作許可權,直接操控資料庫。

5,對前後端專案全面進行編寫和完善。

6,購買雲伺服器,一步步配置好linux環境,配圖。

7,使用pm2在雲伺服器託管node後臺,用nginx做web伺服器,將web前端,管理介面上傳部署到nginx中。

8,專案執行在伺服器上。