摘要:前言實習了大半年,又臨近畢業,一直想做一個屬于自己的博客。于是就用和開發了一個服務端渲染的博客系統。其中后端管理使用開發前端頁面使用服務端渲染框架接口服務使用使用當接口發生時向我發送郵件通知項目地址是點我訪問項目地址,不要臉地求。
前言
實習了大半年,又臨近畢業,一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發了一個服務端渲染的博客系統。其中:
后端管理使用Vue開發
前端頁面使用React服務端渲染框架nextjs
接口服務使用Koa2 + mongodb + mongoose(使用nodemailer當接口發生500時向我發送郵件通知)
項目地址是點我訪問項目地址,(不要臉地求star)。為了方便體驗(小弟不才,大佬們輕虐),可以點擊訪問后端管理系統,在注冊用戶后,即可登錄體驗,同時也可以發布文章,然后在前端頁面就可以看到發布的文章。(目前(2018-02-28)未備案,就簡單通過ip訪問即可)
效果預覽 1 后端管理頁面后端管理頁面使用了vue、vuex、sass以及axios,其中模仿ElementUI的樣式開發了dialog、loading、confirm、notofication、messgae等等組件,(感覺自己對vue組件的開發姿勢又稍微深入了一點點,畢竟學無止境)。以下為部分頁面截圖:
登錄
?
個人中心
?
文章管理
?
新建文章
?
ECharts結合
?
2 前端頁面渲染借此機會想學習一下React,于是前端頁面使用了React服務端渲染框架nextjs,并使用了Redux、axios以及koa(自定義服務所用)。前端頁面目前比較簡單,主要就是文章的讀取和渲染。以下為截圖:
首頁
?
文章詳情
?
結束語這一次開發個人博客,學習了很多,像是Vue組件開發、文件上傳 、上傳到七牛云以及react和redux的使用,再到使用koa2、mongodb寫接口,然后再到pm2守護進程和配置nginx等等??傊?,學習到了很多,接下來我會整理思路,把這些總結總結分享出來,歡迎指正批評。
Github地址是這個elpase,求start,嘻嘻...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/93047.html
摘要:前言實習了大半年,又臨近畢業,一直想做一個屬于自己的博客。于是就用和開發了一個服務端渲染的博客系統。其中后端管理使用開發前端頁面使用服務端渲染框架接口服務使用使用當接口發生時向我發送郵件通知項目地址是點我訪問項目地址,不要臉地求。 前言 實習了大半年,又臨近畢業,一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發了一個服務端渲染的博客系統。其中: 后端管理使用Vue開...
摘要:前言實習了大半年,又臨近畢業,一直想做一個屬于自己的博客。于是就用和開發了一個服務端渲染的博客系統。其中后端管理使用開發前端頁面使用服務端渲染框架接口服務使用使用當接口發生時向我發送郵件通知項目地址是點我訪問項目地址,不要臉地求。 前言 實習了大半年,又臨近畢業,一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發了一個服務端渲染的博客系統。其中: 后端管理使用Vue開...
閱讀 2312·2021-11-15 11:38
閱讀 2440·2021-11-15 11:37
閱讀 2543·2021-08-24 10:00
閱讀 2901·2019-08-30 15:56
閱讀 1260·2019-08-30 15:53
閱讀 3695·2019-08-29 18:43
閱讀 2931·2019-08-29 17:01
閱讀 3255·2019-08-29 16:25